diff --git a/src/App.js b/src/App.js index caf74b1c3e9b6d7d500c24b981f94e705b8a1c61..a144ab28ef1eadd319cebe88d4a5140dfd629e0c 100644 --- a/src/App.js +++ b/src/App.js @@ -42,7 +42,7 @@ function App() { <AuthContext.Provider value={contextValue}> <BrowserRouter> <Routes> - <Route path="/" element={<Navigate to="/schedules" />} /> + <Route path="/" element={<Navigate to="/users/login" />} /> <Route path="/schedules" diff --git a/src/components/infiniteScroll.js b/src/components/infiniteScroll.js index eadc30b665026abd85907dad89d455889045afbd..2265f5e68c9bebfc8209399a064b0e79c4b00461 100644 --- a/src/components/infiniteScroll.js +++ b/src/components/infiniteScroll.js @@ -50,6 +50,7 @@ function InfiniteScroll(props){ setItems(prevItem => [...prevItem, ...components]); } } else{ + console.log(`/api/${page}${queryString1}`); setMinId(jsonData['minId']); const newData = jsonData['recruits']; if(newData.length > 0) { diff --git a/src/components/recruit/recruitDetail.js b/src/components/recruit/recruitDetail.js index f6f168c4f6c8de9cf1dd02d67dbeb8d3d135deae..39c789e5fb4c5a7c09eb310cb463b3103d3e21c2 100644 --- a/src/components/recruit/recruitDetail.js +++ b/src/components/recruit/recruitDetail.js @@ -83,7 +83,12 @@ const RecruitDetail = ({ isOpen, onClose, data }) => { <button className={recruitDetailStyles.x} onClick={onClose}>X</button> <div className={recruitDetailStyles.info}> <div className={recruitDetailStyles.imgContainer}> - <img className={recruitDetailStyles.img} src={data.imagePath} alt='recruit img' /> + <img + className={recruitDetailStyles.img} + src={data.imagePath} + alt='recruit img' + style={{ width: '258px', height: '338px' }} + /> </div> <div className={recruitDetailStyles.notImgContainer}> diff --git a/src/components/recruit/recruitDetail.module.css b/src/components/recruit/recruitDetail.module.css index 254ed0764048ff63636d28270dab562f992b4a97..ca2295b1e1e4d1e109e0e74d63196db82dc6d7c8 100644 --- a/src/components/recruit/recruitDetail.module.css +++ b/src/components/recruit/recruitDetail.module.css @@ -62,6 +62,9 @@ .notImgContainer{ display: flex; flex-direction: column; + + width: 659px; + height: 338px; } .img{ @@ -75,13 +78,14 @@ } .title{ - width: 500px; + width: 490px; height: 35px; font-weight: 600; font-size: 27px; line-height: 30x; - + + margin-left: 10px; color: #000000; } @@ -162,12 +166,14 @@ } .region{ - width: 500px; + width: 490px; height: 31px; font-size: 18px; line-height: 38px; + margin-left: 10px; + color: #000000; } @@ -193,12 +199,14 @@ } .content{ - width: 500px; + width: 490px; height: 200px; font-size: 22px; line-height: 33px; + margin-left: 10px; + color: #000000; } diff --git a/src/components/recruit/recruitList.module.css b/src/components/recruit/recruitList.module.css index c64f81f427b5b8fa8e2a049f53b0c2698bcb1998..3a627effeedc357cad086ce44b37975da49080c2 100644 --- a/src/components/recruit/recruitList.module.css +++ b/src/components/recruit/recruitList.module.css @@ -23,7 +23,8 @@ display: flex; flex-direction: column; - width: 670px; + width: 685px; + height: 194px; } .top, .middle, .bottom{ @@ -44,12 +45,14 @@ } .title{ - width: 500px; - height: 50px; + width: 490px; + height: 40px; font-weight: 600; font-size: 23px; line-height: 23px; + + margin-left: 10px; } .tbd{ @@ -74,7 +77,7 @@ align-items: center; /* 세로 방향에서 가운데 정렬. */ justify-content: center; - width: 67px; + width: 90px; height: 33px; margin-left: auto; @@ -124,13 +127,16 @@ } .content{ - width: 500px; - height: 100px; + width: 490px; + height: 90px; font-weight: 400; font-size: 17px; line-height: 23px; + margin-left: 10px; + margin-top: 10px; + color: #000000; } diff --git a/src/components/search.js b/src/components/search.js index 128eae730674f2a0162f93bc719ffbd7b6839501..93f9fe7005d9327a2262dffd8d6b8856a286ea9d 100644 --- a/src/components/search.js +++ b/src/components/search.js @@ -66,7 +66,7 @@ function Search({ currentPage, onUrlGenerated, onFirstQueryString, onSecondQuery } else if (searchType === 'writer') { firstQueryString += `writer=${searchTerm}`; secondQueryString += `writer=${searchTerm}`; - } else if (searchType === 'title&content') { + } else if (searchType === 'double') { firstQueryString += `title=${searchTerm}&content=${searchTerm}`; secondQueryString += `title=${searchTerm}&content=${searchTerm}`; } @@ -112,7 +112,7 @@ function Search({ currentPage, onUrlGenerated, onFirstQueryString, onSecondQuery > <option value="title">제목</option> <option value="content">내용</option> - <option value="title&content ">제목 + 내용 (OR)</option> + <option value="double">제목+내용</option> <option value="writer">작성자</option> </select> <select diff --git a/src/pages/join.module.css b/src/pages/join.module.css index 4f1f6e12ad7798958e2134b8cd477c1609ce8f0a..283f96218282b232534c3197e5bbc2837e82e3a2 100644 --- a/src/pages/join.module.css +++ b/src/pages/join.module.css @@ -34,7 +34,6 @@ } .checkId, .checkNickname{ - position: relative; width: 60px; height: 30px; margin-left: 240px;