2023-11-06 회의

[chanhihi]

#582

오늘의 라이브 쉐어

ERD

[chanhihi]

집현전 프론트엔드 온보딩 1단계

Javascript

공통 조건

• 온보딩 프로젝트는 개인 계정으로 집현전 브랜치 전략(이슈 -> 브랜치 생성)을 기반으로 진행하고 PR로 제출합니다.
  • 이슈 제목은 intra ID
• github / Commits Convention은 집현전 Frontend Discussions 에 있는 자료를 적극 반영합니다.
• 기본 기능 외 추가 기능, 디자인 구현은 자유입니다.
• 최종 제출품에는 README 작성이 되있어야 합니다.(예시)

todo list 만들기 Mandatory

• (필수) Javascript, HTML, CSS
• (필수) todo 생성(Create), 조회(Read), 삭제(Delete) 기능 구현하기
• (필수) 개별 todo 완료 상태 체크 기능 구현하기
• (필수) todo 통계 (미완료 todo 개수 / 전체 todo 개수)
• (필수) 필터링 기능 구현 (전체 보기 / 미완료만 보기 / 완료만 보기)
• (필수) 로컬스토리지에 저장
  • 새로고침을 해도 이전에 추가한 todo를 확인할 수 있습니다

todo list 만들기 Bonus

• (선택) 예쁘게 꾸미기
• (선택) todo 수정(Update) 기능 구현하기
• (선택) 전체 todo 완료 처리 기능 구현하기
• (선택) 무료로 배포하기 (Vercel, Github Pages, AWS 등)
• (선택) 사용자 인터렉션에 따른 디자인 변경(CSS)
  • 완료된 todo와 미완료 todo 구별하기
  • 모든 todo가 완료되었을 경우 통계 색상 변경 등
• (선택) Clean Code에 대한 고민
  • 중복된 로직을 함수로 재사용
  • 함수명, 변수명 (유의미한 이름 사용 지향)

참고

• MDN
• 모던 JavaScript 튜토리얼
• Google!

[chanhihi]

집현전 프론트엔드 온보딩 2단계

React + Typescript

공통 조건

• 온보딩 프로젝트는 개인 계정으로 집현전 브랜치 전략(이슈 -> 브랜치 생성)을 기반으로 진행하고 PR로 제출합니다.

  • 이슈 제목은 intra ID

• github / Commits Convention은 집현전 Frontend Discussions 에 있는 자료를 적극 반영합니다.

• 기본 기능 외 추가 기능, 디자인 구현은 자유입니다.

• 최종 제출품에는 README 작성이 되있어야 합니다.(예시)

todo list 만들기 Mandatory

• (필수) React (pnpm + vite + SWC), TypeScript, CSS
  • functional component 및 hooks 활용
  • 상태관리 라이브러리 사용금지
• (필수) eslint, prettier

온보딩 1단계와 동일

• (필수) todo 생성(Create), 조회(Read), 삭제(Delete), 수정(Update) 기능 구현하기
• (필수) 개별 todo 완료 상태 체크 기능 구현하기
• (필수) todo 통계 (미완료 todo 개수 / 전체 todo 개수)
• (필수) 필터링 기능 구현 (전체 보기 / 미완료만 보기 / 완료만 보기)
• (필수) 로컬스토리지에 저장
  • 새로고침을 해도 이전에 추가한 todo를 확인할 수 있습니다.

todo list 만들기 Bonus

• (선택) 예쁘게 꾸미기
• (선택) 전체 todo 완료 처리 기능 구현하기
• (선택) 무료로 배포하기 (Vercel, Github Pages, AWS 등)
• (선택) 사용자 인터렉션에 따른 디자인 변경(CSS)
  • 완료된 todo와 미완료 todo 구별하기
  • 모든 todo가 완료되었을 경우 통계 색상 변경 등
• (선택) Clean Code에 대한 고민
  • 중복된 로직을 함수로 재사용
  • 함수명, 변수명 (유의미한 이름 사용 지향)
• (선택) 랜더링 최적화

참고

• Google!
• MDN
• 모던 JavaScript 튜토리얼
• React
• React vite
• React
• TypeScript
• CSS
• eslint
• prettier

[mink97]

타입재정의 live share

[not-using]

[chanhihi]

진행하면서 고민한 내용