-
미션 배포 링크 코드리뷰 1차 코드리뷰 2차 레포지토리 자동차경주게임 링크 PR PR Repository 로또 머신 링크 PR PR Repository 유튜브 저장소 링크 PR PR Repository 자판기 링크 PR PR Repository -
주요 학습 내용
- 자바스크립트 기초 개념부터 심화 개념까지 학습하고 정리
- 이벤트와 브라우저 렌더링에 대한 이해
- 디바운스, 쓰로틀에 대한 이해와 활용
- 인증, 인가에 대한 이해
- AJAX & JSON, SPA에 대한 이해와 구현
- 프론트엔드 테스트 코드 작성
- 코드리뷰를 통한 코드 리팩토링 과정 경험
-
미션 배포 링크 코드리뷰 1차 코드리뷰 2차 레포지토리 계산기 링크 PR PR Repository 페이먼츠 링크 PR PR Repository 장바구니 링크 PR PR Repository 장바구니 협업 - PR PR Repository -
주요 학습 내용
- 프론트엔드 프레임워크 React에 대한 학습 및 활용
- 컴포넌트에 대한 이해와 컴포넌트 추상화와 재사용에 대한 고민
- Redux를 활용한 개발을 통한, 상태관리에 대한 이해
- Jest, Cypress, Storybook 등 다양한 테스트 코드에 대한 경험
- Typescript의 대한 기초 학습
- 백엔드와의 협업을 통해 웹 어플리케이션에 대한 이해
-
서비스 URL
-
레포지토리
-
기술 블로그
-
프로젝트 관련 영상
-
주요 학습 내용
- 서비스 기획 및 팀 협업
- CRA 없이 리액트 프로젝트 구성 (Webpack, babel)
- Recoil, React-Query 기반의 상태관리
- 클린코드 작성 및 디렉토리 구조에 대한 고민
- 프론트엔드 CI/CD (+ Lighthouse, Cypress CI)
- 웹 성능 최적화(+ nginx 캐시)
- 사용자 UI/UX를 고려한 웹 어플리케이션
-
미션 배포 링크 코드리뷰 1차 코드리뷰 2차 레포지토리 웹 성능 오답노트 링크 PR - Repository Module Typing - PR - Repository 웹 접근성 1차 링크 PR - Repository 웹 접근성 2차 링크 PR - Repository -
주요 학습 내용
- 웹 성능 향상의 필요성 인지
- 로딩 성능 개선을 위한 방법 학습
- 렌더링 성능 개선을 위한 방법 학습
- AWS CloudFront,R3 캐싱 설정
- 타입스크립트의 전반에 대한 이해
- 라이브러리를 위한 타입에 대한 이해
- 웹 접근성의 필요성과 방법에 대한 학습