Commit 68cfeb07 authored by JeongYeonwoo's avatar JeongYeonwoo
Browse files

사진크기 조정

parent 9ad00da0
[{"C:\\Users\\82109\\Desktop\\JS\\messenger\\client\\src\\reportWebVitals.js":"1","C:\\Users\\82109\\Desktop\\JS\\messenger\\client\\src\\App.js":"2","C:\\Users\\82109\\Desktop\\JS\\messenger\\client\\src\\Pages\\ProfilePage.js":"3","C:\\Users\\82109\\Desktop\\JS\\messenger\\client\\src\\index.js":"4","C:\\Users\\82109\\Desktop\\JS\\messenger\\client\\src\\Hello.js":"5","C:\\Users\\82109\\Desktop\\JS\\messenger\\client\\src\\Pages\\homePage.js":"6","C:\\Users\\82109\\Desktop\\JS\\messenger\\client\\src\\Pages\\HomePage.js":"7"},{"size":362,"mtime":1608689321626,"results":"8","hashOfConfig":"9"},{"size":318,"mtime":1609262769832,"results":"10","hashOfConfig":"9"},{"size":5997,"mtime":1609293778920,"results":"11","hashOfConfig":"9"},{"size":1076,"mtime":1609261820667,"results":"12","hashOfConfig":"9"},{"size":1238,"mtime":1609263419304,"results":"13","hashOfConfig":"9"},{"size":356,"mtime":1609260857173,"results":"14","hashOfConfig":"9"},{"size":1590,"mtime":1609263415754,"results":"15","hashOfConfig":"9"},{"filePath":"16","messages":"17","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"zqy9n4",{"filePath":"18","messages":"19","errorCount":0,"warningCount":7,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},{"filePath":"20","messages":"21","errorCount":0,"warningCount":5,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},{"filePath":"22","messages":"23","errorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":"24"},{"filePath":"25","messages":"26","errorCount":0,"warningCount":2,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},{"filePath":"27","messages":"28","errorCount":1,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},{"filePath":"29","messages":"30","errorCount":0,"warningCount":2,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},"C:\\Users\\82109\\Desktop\\JS\\messenger\\client\\src\\reportWebVitals.js",[],"C:\\Users\\82109\\Desktop\\JS\\messenger\\client\\src\\App.js",["31","32","33","34","35","36","37"],"C:\\Users\\82109\\Desktop\\JS\\messenger\\client\\src\\Pages\\ProfilePage.js",["38","39","40","41","42"],"C:\\Users\\82109\\Desktop\\JS\\messenger\\client\\src\\index.js",["43"],"import React from 'react';\nimport ReactDOM from 'react-dom';\nimport 'bootstrap/dist/css/bootstrap.min.css';\nimport './index.css';\nimport { BrowserRouter as Router, Route, Redirect, Switch, BrowserRouter } from 'react-router-dom';\nimport App from './App';\nimport reportWebVitals from './reportWebVitals';\nimport ProfilePage from './Pages/ProfilePage';\nimport Hello from './Hello'\nimport HomePage from './Pages/HomePage'\n\nReactDOM.render(\n <Router>\n <Switch>\n <Route exact path=\"/\" component={App} />\n <Route path=\"/hello\" component={Hello} />\n <Route path=\"/homepage\" component={HomePage} />\n <Route path=\"/profilepage\" component={ProfilePage} />\n <Redirect path='/hello' to='/hello'/>\n </Switch>\n </Router>,\n\n // <React.StrictMode>\n // <App />\n // </React.StrictMode>,\n document.getElementById('root')\n);\n\n// If you want to start measuring performance in your app, pass a function\n// to log results (for example: reportWebVitals(console.log))\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\nreportWebVitals();\n","C:\\Users\\82109\\Desktop\\JS\\messenger\\client\\src\\Hello.js",["44","45"],"C:\\Users\\82109\\Desktop\\JS\\messenger\\client\\src\\Pages\\homePage.js",["46","47"],"C:\\Users\\82109\\Desktop\\JS\\messenger\\client\\src\\Pages\\HomePage.js",["48","49"],{"ruleId":"50","severity":1,"message":"51","line":1,"column":27,"nodeType":"52","messageId":"53","endLine":1,"endColumn":33},{"ruleId":"50","severity":1,"message":"54","line":1,"column":35,"nodeType":"52","messageId":"53","endLine":1,"endColumn":40},{"ruleId":"50","severity":1,"message":"55","line":1,"column":42,"nodeType":"52","messageId":"53","endLine":1,"endColumn":50},{"ruleId":"50","severity":1,"message":"56","line":1,"column":52,"nodeType":"52","messageId":"53","endLine":1,"endColumn":58},{"ruleId":"50","severity":1,"message":"57","line":1,"column":60,"nodeType":"52","messageId":"53","endLine":1,"endColumn":73},{"ruleId":"50","severity":1,"message":"58","line":2,"column":8,"nodeType":"52","messageId":"53","endLine":2,"endColumn":13},{"ruleId":"50","severity":1,"message":"59","line":4,"column":8,"nodeType":"52","messageId":"53","endLine":4,"endColumn":19},{"ruleId":"50","severity":1,"message":"60","line":4,"column":42,"nodeType":"52","messageId":"53","endLine":4,"endColumn":53},{"ruleId":"50","severity":1,"message":"51","line":5,"column":27,"nodeType":"52","messageId":"53","endLine":5,"endColumn":33},{"ruleId":"50","severity":1,"message":"54","line":5,"column":35,"nodeType":"52","messageId":"53","endLine":5,"endColumn":40},{"ruleId":"50","severity":1,"message":"56","line":5,"column":52,"nodeType":"52","messageId":"53","endLine":5,"endColumn":58},{"ruleId":"50","severity":1,"message":"61","line":5,"column":60,"nodeType":"52","messageId":"53","endLine":5,"endColumn":64},{"ruleId":"50","severity":1,"message":"57","line":5,"column":60,"nodeType":"52","messageId":"53","endLine":5,"endColumn":73},{"ruleId":"50","severity":1,"message":"62","line":1,"column":31,"nodeType":"52","messageId":"53","endLine":1,"endColumn":35},{"ruleId":"50","severity":1,"message":"60","line":1,"column":37,"nodeType":"52","messageId":"53","endLine":1,"endColumn":48},{"ruleId":"50","severity":1,"message":"58","line":5,"column":10,"nodeType":"52","messageId":"53","endLine":5,"endColumn":15},{"ruleId":"63","severity":2,"message":"64","line":20,"column":16,"nodeType":"52","messageId":"65","endLine":20,"endColumn":24},{"ruleId":"50","severity":1,"message":"62","line":1,"column":31,"nodeType":"52","messageId":"53","endLine":1,"endColumn":35},{"ruleId":"50","severity":1,"message":"60","line":1,"column":37,"nodeType":"52","messageId":"53","endLine":1,"endColumn":48},"no-unused-vars","'Router' is defined but never used.","Identifier","unusedVar","'Route' is defined but never used.","'Redirect' is defined but never used.","'Switch' is defined but never used.","'BrowserRouter' is defined but never used.","'Hello' is defined but never used.","'ProfilePage' is defined but never used.","'FormControl' is defined but never used.","'Link' is defined but never used.","'Form' is defined but never used.","no-undef","'HomePage' is not defined.","undef"] [{"C:\\Users\\82109\\Desktop\\JS\\messenger\\client\\src\\reportWebVitals.js":"1","C:\\Users\\82109\\Desktop\\JS\\messenger\\client\\src\\App.js":"2","C:\\Users\\82109\\Desktop\\JS\\messenger\\client\\src\\Pages\\ProfilePage.js":"3","C:\\Users\\82109\\Desktop\\JS\\messenger\\client\\src\\index.js":"4","C:\\Users\\82109\\Desktop\\JS\\messenger\\client\\src\\Hello.js":"5","C:\\Users\\82109\\Desktop\\JS\\messenger\\client\\src\\Pages\\homePage.js":"6","C:\\Users\\82109\\Desktop\\JS\\messenger\\client\\src\\Pages\\HomePage.js":"7"},{"size":362,"mtime":1608689321626,"results":"8","hashOfConfig":"9"},{"size":318,"mtime":1609262769832,"results":"10","hashOfConfig":"9"},{"size":6034,"mtime":1609308803556,"results":"11","hashOfConfig":"9"},{"size":1076,"mtime":1609261820667,"results":"12","hashOfConfig":"9"},{"size":1238,"mtime":1609263419304,"results":"13","hashOfConfig":"9"},{"size":356,"mtime":1609260857173,"results":"14","hashOfConfig":"9"},{"size":1590,"mtime":1609263415754,"results":"15","hashOfConfig":"9"},{"filePath":"16","messages":"17","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"zqy9n4",{"filePath":"18","messages":"19","errorCount":0,"warningCount":7,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},{"filePath":"20","messages":"21","errorCount":0,"warningCount":5,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},{"filePath":"22","messages":"23","errorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":"24"},{"filePath":"25","messages":"26","errorCount":0,"warningCount":2,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},{"filePath":"27","messages":"28","errorCount":1,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},{"filePath":"29","messages":"30","errorCount":0,"warningCount":2,"fixableErrorCount":0,"fixableWarningCount":0,"source":"31"},"C:\\Users\\82109\\Desktop\\JS\\messenger\\client\\src\\reportWebVitals.js",[],"C:\\Users\\82109\\Desktop\\JS\\messenger\\client\\src\\App.js",["32","33","34","35","36","37","38"],"C:\\Users\\82109\\Desktop\\JS\\messenger\\client\\src\\Pages\\ProfilePage.js",["39","40","41","42","43"],"C:\\Users\\82109\\Desktop\\JS\\messenger\\client\\src\\index.js",["44"],"import React from 'react';\nimport ReactDOM from 'react-dom';\nimport 'bootstrap/dist/css/bootstrap.min.css';\nimport './index.css';\nimport { BrowserRouter as Router, Route, Redirect, Switch, BrowserRouter } from 'react-router-dom';\nimport App from './App';\nimport reportWebVitals from './reportWebVitals';\nimport ProfilePage from './Pages/ProfilePage';\nimport Hello from './Hello'\nimport HomePage from './Pages/HomePage'\n\nReactDOM.render(\n <Router>\n <Switch>\n <Route exact path=\"/\" component={App} />\n <Route path=\"/hello\" component={Hello} />\n <Route path=\"/homepage\" component={HomePage} />\n <Route path=\"/profilepage\" component={ProfilePage} />\n <Redirect path='/hello' to='/hello'/>\n </Switch>\n </Router>,\n\n // <React.StrictMode>\n // <App />\n // </React.StrictMode>,\n document.getElementById('root')\n);\n\n// If you want to start measuring performance in your app, pass a function\n// to log results (for example: reportWebVitals(console.log))\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\nreportWebVitals();\n","C:\\Users\\82109\\Desktop\\JS\\messenger\\client\\src\\Hello.js",["45","46"],"C:\\Users\\82109\\Desktop\\JS\\messenger\\client\\src\\Pages\\homePage.js",["47","48"],"C:\\Users\\82109\\Desktop\\JS\\messenger\\client\\src\\Pages\\HomePage.js",["49","50"],"import { Button, Navbar, Nav, Form, FormControl } from 'react-bootstrap';\r\nimport React, { useState } from 'react'\r\nimport { Redirect } from 'react-router-dom'\r\n\r\nconst userName = \"정연우\";\r\n\r\n\r\nfunction HomePage() {\r\n const [toprofile, setToprofile] = useState(false)\r\n\r\n function goProfile() {\r\n return (setToprofile(true))\r\n }\r\n\r\n return (\r\n <>\r\n <Navbar bg=\"dark\" variant=\"dark\">\r\n <Navbar.Brand href=\"/homepage\">YDK Messenger</Navbar.Brand>\r\n <div className='ml-1 mr-2' style={{ color: 'white' }}>{userName} 님 환영합니다</div>\r\n <Nav className=\"mr-auto\">\r\n <Nav.Link href=\"/homepage\">Home</Nav.Link>\r\n <Nav.Link href=\"/profilepage\">Profile</Nav.Link>\r\n <Nav.Link href=\"/hello\">Hello</Nav.Link>\r\n </Nav>\r\n {/* <Form inline>\r\n <FormControl type=\"text\" placeholder=\"Search\" className=\"mr-sm-2\" />\r\n <Button variant=\"outline-info\">Search</Button>\r\n </Form> */}\r\n <Button variant=\"light\" className=\"ml-3\">Logout</Button>\r\n </Navbar>\r\n\r\n\r\n {toprofile ? <Redirect to='/profilepage' /> : ''}\r\n <h1>This is HomePage</h1>\r\n <h3>\r\n 안녕하세요. 홈페이지 입니다. 환영합니다\r\n </h3>\r\n <Button variant=\"outline-success\" size=\"sm\" className=\"ml-4\" onClick={goProfile}>프로필 보기</Button>\r\n\r\n\r\n\r\n\r\n </>\r\n )\r\n\r\n}\r\n\r\nexport default HomePage;\r\n",{"ruleId":"51","severity":1,"message":"52","line":1,"column":27,"nodeType":"53","messageId":"54","endLine":1,"endColumn":33},{"ruleId":"51","severity":1,"message":"55","line":1,"column":35,"nodeType":"53","messageId":"54","endLine":1,"endColumn":40},{"ruleId":"51","severity":1,"message":"56","line":1,"column":42,"nodeType":"53","messageId":"54","endLine":1,"endColumn":50},{"ruleId":"51","severity":1,"message":"57","line":1,"column":52,"nodeType":"53","messageId":"54","endLine":1,"endColumn":58},{"ruleId":"51","severity":1,"message":"58","line":1,"column":60,"nodeType":"53","messageId":"54","endLine":1,"endColumn":73},{"ruleId":"51","severity":1,"message":"59","line":2,"column":8,"nodeType":"53","messageId":"54","endLine":2,"endColumn":13},{"ruleId":"51","severity":1,"message":"60","line":4,"column":8,"nodeType":"53","messageId":"54","endLine":4,"endColumn":19},{"ruleId":"51","severity":1,"message":"61","line":4,"column":42,"nodeType":"53","messageId":"54","endLine":4,"endColumn":53},{"ruleId":"51","severity":1,"message":"52","line":5,"column":27,"nodeType":"53","messageId":"54","endLine":5,"endColumn":33},{"ruleId":"51","severity":1,"message":"55","line":5,"column":35,"nodeType":"53","messageId":"54","endLine":5,"endColumn":40},{"ruleId":"51","severity":1,"message":"57","line":5,"column":52,"nodeType":"53","messageId":"54","endLine":5,"endColumn":58},{"ruleId":"51","severity":1,"message":"62","line":5,"column":60,"nodeType":"53","messageId":"54","endLine":5,"endColumn":64},{"ruleId":"51","severity":1,"message":"58","line":5,"column":60,"nodeType":"53","messageId":"54","endLine":5,"endColumn":73},{"ruleId":"51","severity":1,"message":"63","line":1,"column":31,"nodeType":"53","messageId":"54","endLine":1,"endColumn":35},{"ruleId":"51","severity":1,"message":"61","line":1,"column":37,"nodeType":"53","messageId":"54","endLine":1,"endColumn":48},{"ruleId":"51","severity":1,"message":"59","line":5,"column":10,"nodeType":"53","messageId":"54","endLine":5,"endColumn":15},{"ruleId":"64","severity":2,"message":"65","line":20,"column":16,"nodeType":"53","messageId":"66","endLine":20,"endColumn":24},{"ruleId":"51","severity":1,"message":"63","line":1,"column":31,"nodeType":"53","messageId":"54","endLine":1,"endColumn":35},{"ruleId":"51","severity":1,"message":"61","line":1,"column":37,"nodeType":"53","messageId":"54","endLine":1,"endColumn":48},"no-unused-vars","'Router' is defined but never used.","Identifier","unusedVar","'Route' is defined but never used.","'Redirect' is defined but never used.","'Switch' is defined but never used.","'BrowserRouter' is defined but never used.","'Hello' is defined but never used.","'ProfilePage' is defined but never used.","'FormControl' is defined but never used.","'Link' is defined but never used.","'Form' is defined but never used.","no-undef","'HomePage' is not defined.","undef"]
\ No newline at end of file \ No newline at end of file
...@@ -39,7 +39,6 @@ function editNickname2() { //수정버튼 누르면 다시 원래대로 돌아 ...@@ -39,7 +39,6 @@ function editNickname2() { //수정버튼 누르면 다시 원래대로 돌아
) )
ReactDOM.render(html, document.getElementById("nickname")) ReactDOM.render(html, document.getElementById("nickname"))
} }
function changeNickname() { //수정버튼 누르면 닉네임 변경해줌 function changeNickname() { //수정버튼 누르면 닉네임 변경해줌
let editedNickname = document.getElementById("editBlock") let editedNickname = document.getElementById("editBlock")
userNickname = editedNickname.value userNickname = editedNickname.value
...@@ -60,6 +59,9 @@ function ProfilePage() { ...@@ -60,6 +59,9 @@ function ProfilePage() {
let img = document.createElement("img"); let img = document.createElement("img");
img.setAttribute("src", event.target.result); img.setAttribute("src", event.target.result);
img.setAttribute("id", "profileImg") img.setAttribute("id", "profileImg")
img.setAttribute("style",'height:300px; width:300px')
img.setAttribute("class","mb-3")
// img.setAttribute("class","d-flex justify-content-center mb-3")
document.querySelector("div#image_container").appendChild(img); document.querySelector("div#image_container").appendChild(img);
}; };
reader.readAsDataURL(event.target.files[0]); reader.readAsDataURL(event.target.files[0]);
...@@ -78,6 +80,7 @@ function ProfilePage() { ...@@ -78,6 +80,7 @@ function ProfilePage() {
let img = document.createElement("img"); let img = document.createElement("img");
img.setAttribute("src", event.target.result); img.setAttribute("src", event.target.result);
img.setAttribute("id", "profileImg") img.setAttribute("id", "profileImg")
img.setAttribute("style",'height:300px; width:300px')
document.querySelector("div#image_container").appendChild(img); document.querySelector("div#image_container").appendChild(img);
}; };
} }
...@@ -94,14 +97,9 @@ function ProfilePage() { ...@@ -94,14 +97,9 @@ function ProfilePage() {
<Nav.Link href="/profilepage">Profile</Nav.Link> <Nav.Link href="/profilepage">Profile</Nav.Link>
<Nav.Link href="/hello">Hello</Nav.Link> <Nav.Link href="/hello">Hello</Nav.Link>
</Nav> </Nav>
{/* <Form inline>
<FormControl type="text" placeholder="Search" className="mr-sm-2" />
<Button variant="outline-info">Search</Button>
</Form> */}
<Button variant="light" className="ml-3">Logout</Button> <Button variant="light" className="ml-3">Logout</Button>
</Navbar> </Navbar>
{tohome ? <Redirect to='/homepage' /> : ''} {tohome ? <Redirect to='/homepage' /> : ''}
<Container className="d-flex justify-content-center"> <Container className="d-flex justify-content-center">
<div className="mt-5 shadow w-75"> <div className="mt-5 shadow w-75">
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment