CL_Project

정윤숙·2022년 12월 18일

Check List

목록 보기
4/7
post-thumbnail

Project Check List


Basic Project

회원 기능

  • ✅ Authentication 에서 제공하는 api를 사용하여 회원 가입, 로그인 구현
  • ✅ Authentication 과 Storage에서 제공하는 api를 사용하여 마이 페이지 프로필 수정 구현

HTML, CSS

  • 미디어쿼리를 이용하여 반응형 웹 구현

SPA

  • ✅ SPA Routing 적용 : index.html 파일 내에 하나의 div element를 대상으로 router.js에서 동적으로 페이지 내용 전환

CRUD

  • ✅ 게시글 쓰기 기능 구현
  • ✅ 게시글 글 보여주기 구현
  • 게시글 글 수정 구현
  • 게시글 글 삭제 구현
    (댓글 수정, 삭제만 가능하게 구현했음)

GIT

  • ✅ git add / commit / push 활용
  • ✅ git 브랜치/ PR / merge 활용
  • github pull request에서 Code review 활용

배포

  • ✅ S3 이용하여 배포하기
  • ✅ Route 53, 가비아를 이용하여 도메인 연결하기

React Project

  • ✅ 본문 CRUD
  • ✅ 댓글 CRUD
  • ✅ json-server 배포
  • ✅ 리액트 프로젝트 배포(Vercel 이용했음)
  • ✅ Custom Hook 구현
  • ✅ Form에 유효성 검증 기능 적용
  • 버튼 컴포넌트 1개로 모든 버튼을 구현(2-3개 적용 못함)
  • ✅ 배포된 결과물에서는 console.log() 가 보이지 않도록
profile
프론트엔드 개발자

0개의 댓글