Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
…정-sprint4 [박세정] sprint4
…print5 [정한샘] sprint5
…t-최은비-sprint5 [최은비] sprint5
…-mission05 [윤민호] sprint5
git add .
Next 윤민호 mission08
feat: 게시판 기본틀
Next 윤민호 mission08
rjc1704
reviewed
Mar 3, 2025
| export default function Home() { | ||
| return ( | ||
| <> | ||
| <Header /> |
There was a problem hiding this comment.
Header 컴포넌트는 모든 페이지에서도 공통적으로 적용되는 컴포넌트이기 때문에, _app.tsx 에서 <Component {...pageProps} /> 위에 적용해주시면 깔끔해지겠습니다.
rjc1704
reviewed
Mar 3, 2025
| alt={"베스트이미지"} | ||
| width={102} | ||
| height={30} | ||
| ></Image> |
There was a problem hiding this comment.
Image 컴포넌트처럼 children 요소를 받을 필요가 없는 경우, 항상 Self-Closing 형식으로 표기해주는 습관을 들여주시는 것을 권장 드립니다.
rjc1704
reviewed
Mar 3, 2025
| </div> | ||
| <div id="footer_ad"> | ||
| <a target="_blank" href="https://www.facebook.com/"> | ||
| <Link href={"/bulletin-board"}></Link> |
There was a problem hiding this comment.
Link 컴포넌트는 DOM으로 변환 시 a 태그가 됩니다. 그리고 현재코드는 a 태그의 자식으로 Link컴포넌트(a태그)를 가지고 있으니 a태그 중첩으로 HTML 명세 위반에 해당합니다. a태그 간에는 중첩이 있으면 안됩니다. 여기있는 Link 컴포넌트는 제거해도 무방해 보입니다.
|
민호님 스프린트 작업하시느라 고생하셨습니다. 일부 미비한 사항들은 시간내셔서 한번 꼭 해보시면 좋습니다.
|
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
요구사항
기본
[o] Github에 스프린트 미션 PR을 만들어 주세요.
[o] Next.js를 사용해 진행합니다.
자유 게시판 페이지
게시글 목록에서 드롭다운을 사용하여 "최신 순"으로 정렬할 수 있도록 합니다.
본인이 이전 미션에서 생성한 게시글 목록 조회 API를 활용해 GET 메서드로 데이터를 가져옵니다.
게시글 제목에 검색어가 일부 포함되면 해당 게시글을 검색할 수 있도록 합니다.
이미지는 디폴트 이미지로 프론트엔드에서 처리해 주세요.
게시글 닉네임 및 좋아요 개수 역시 임의값으로 프론트엔드에서 처리해주세요.
베스트 게시글은 최신순 3개 게시글을 요청으로 데이터를 가져와 구현해주세요.
자유게시판 페이지에서 특정 게시글을 클릭하면 해당 게시물의 상세 페이지로 이동합니다.
게시글 등록 & 수정 페이지
각 input 필드에 정확한 placeholder 값을 입력합니다.
모든 input 필드에 값을 입력하면 '등록' 버튼이 활성화됩니다.
본인이 이전 미션에서 생성한 게시글 생성 API를 활용해 POST 메서드로 게시글을 등록합니다.
'등록' 버튼을 누르면 해당 게시물 상세 페이지로 이동합니다.
게시글 수정 페이지 UI는 게시글 등록 페이지와 동일합니다.
본인이 이전 미션에서 생성한 게시글 상세 API의 PATCH 메소드를 사용하여 게시물을 수정합니다.
게시글 상세 페이지
본인이 이전 미션에서 생성한 게시글 상세 API의 GET 메소드를 사용하여 데이터를 가져옵니다.
본인이 이전 미션에서 생성한 게시글 상세 API의 DELETE 메소드를 사용하여 게시물을 삭제합니다.
댓글 input에 값을 입력하면 '등록' 버튼이 활성화됩니다.
본인이 이전 미션에서 생성한 댓글 생성 API를 활용해 POST 메소드로 댓글을 등록합니다.
본인이 이전 미션에서 생성한 댓글 생성 API를 활용해 PATCH 메소드로 댓글을 수정합니다.
본인이 이전 미션에서 생성한 댓글 생성 API를 활용해 DELETE 메소드로 댓글을 삭제합니다.
심화
(생략 가능) 원한다면 지금까지 진행한 모든 React 코드를 Next.js로 마이그레이션 해주세요
주요 변경사항
js, page router 기반 next.js 사용
멘토에게
스크린샷