소주제 : 리액트와 Next.js 기초 & 이모션(Emotion)

게시물 등록 UI

<aside> 📢 자료 https://www.figma.com/file/rzmz45Zsp1OInmDhgqDUnL/코드캠프-수업-게시판?node-id=1%3A15

</aside>

폴더 : /freeboard_frontend/pages/boards/new/index.js로 저장해주세요.

  1. 피그마를 참고하여 자유게시판 게시물 등록_비회원 페이지를 만들어주세요.
  2. 기능 구현이 아닌 단순 UI만 구현해주시면 됩니다.

Untitled

소주제 : 리액트 훅스

<aside> 📢

자료 FIgma https://www.figma.com/file/rzmz45Zsp1OInmDhgqDUnL/코드캠프-수업-게시판?node-id=1%3A15

</aside>

게시글 등록 페이지의 입력 데이터들 state에 저장하기

  1. 게시글 등록 페이지의 입력 데이터들을 state에 저장해주세요.
  2. 저장한 state를 이용하여 게시글 데이터 빈칸을 검증해주세요.
  3. 검증 결과 state가 빈 값이라면 에러 메시지를 띄워주세요.

레벨업!

<aside> 💡 추가학습주제 react-hook-form 은 입력창들(폼)을 효율적으로 만들 수 있도록 도와주는 라이브러리입니다. 오늘 배운 자유게시판 프로젝트에 적용해 보세요!

react-hook-form 알아보기: https://react-hook-form.com/

</aside>