woowacourse-archive

우아한테크코스 6기 활동 기록 모아보기✨

활동 기간

2024.02.13 ~ 2024.11.29

레벨 1

학습 목표

• 작은 규모의 어플리케이션들을 만들어보면서 JavaScript/TypeScript 언어의 주요 문법들을 깊이 있게 학습한다.
• 유지보수하기 좋은 코드의 필요성을 경험하고, 어떻게 하면 유지보수하기 좋은 코드를 작성할 수 있을지 고민하고 적용해본다.
• E2E 테스트와 단위 테스트 코드를 작성해보고, 이를 기반으로 리팩터링하며 테스트 코드의 필요성을 경험해본다.
• 주어진 디자인을 웹 표준을 준수하는 UI로 구현해보고, 프론트엔드 개발자로서 고려해야 할 UX에 대해 고민해본다.

미션

미션	Repository	PR & Reviews
🚗자동차 경주	javascript-racingcar	Step 1 Step 2
🎫로또	javascript-lotto	Step 1 Step 2
🍴점심 뭐 먹지	javascript-lunch	Step 1 Step 2
🎥영화 리뷰	javascript-movie-review	Step 1 Step 2

📖 스터디 - 나무심기

• 매일 알고리즘 문제를 한 문제씩 풀면서 문제 풀이 습관을 이어나가는 스터디 (레벨 1부터 진행 중)
• 활동 기록: solved.ac 프로필

레벨 2

학습 목표

• 레벨1보다 복잡한 규모의 어플리케이션을 React와 TypeScript를 이용해 만들어본다.
• 스토리북을 통하여, 컴포넌트 단위로 피드백을 받기 위한 테스트의 필요성을 경험해본다.
• 유지보수하기 좋은 코드의 필요성을 경험하고, 어떻게 하면 유지보수하기 좋은 코드를 작성할 수 있을지 고민하고 적용해본다.
• 주어진 디자인을 웹 표준을 준수하는 UI로 구현해보고, 프론트엔드 개발자로서 고려해야 할 UX에 대해 고민해본다.

미션

미션	Repository	PR & Reviews
💳페이먼츠	react-payments	Step 1 Step 2
🧩모듈	react-modules	Step 1 Step 2
🧺장바구니	react-shopping-cart	Step 1 Step 2
📦상품 목록	react-shopping-products	Step 1 Step 2

📖 스터디 - 리액트 & CS 스터디

• 매주 주제를 한 가지 선정하고 학습한 뒤, 월요일마다 발표하는 스터디
• 활동 기록: notion 바로가기

레벨 3

학습 목표

• 진한 협업을 경험한다.
• 현장과 비슷한 환경에서 꾸준히 학습할 시간을 확보하고 학습하는 방법을 배운다.

프로젝트

리뷰미 - 프로젝트를 함께한 동료로부터 받은 피드백을 바탕으로 나를 파악하고 표현하는 데 도움을 주는 서비스

리뷰미 프로젝트 Repository

리뷰미 팀 블로그

레벨 4

공통 목표

• 레벨 3에서 진행한 프로젝트를 유지 보수하고 기술적으로 고도화한다.
• 기술을 사용해서 사용자 경험을 한 단계 더 개선하는 방법을 학습한다.
• ‘사용자 경험’을 기준으로 문제를 정의하고 정의한 문제에 맞는 해결책을 새롭게 학습하고 도입할 수 있는 나만의 학습 지도를 만든다.

미션 - 성능 베이스캠프

미션 목표

• 서비스의 성능 개선이 필요할 때, 직접 문제를 정의하고 정의한 문제에 맞는 해결책을 도입할 수 있다.
• (도구 사용법) 현재 우리 서비스의 성능 수준을 측정할 수 있다.
• (문제 정의) 성능 개선 작업이 필요하다면 어떤 영역에서 필요한 지 측정 결과를 분석해 문제를 정의할 수 있다.
• (문제 해결을 위한 학습) 정의한 문제를 해결하기 위해 시도해볼 수 있는 방법들을 스스로 학습해나갈 수 있는 키워드 수준의 지식을 가지고 있다.
• (경험치) 스스로 성능 문제를 정의하고, 정의한 문제에 맞는 해결책을 적용해 성능 수치를 개선해본 경험이 있다.

미션	Repository	PR & Reviews
개인 미션 - memegle 프로젝트 성능 개선	perf-basecamp	개인 미션 PR
팀 미션 - 프로젝트 성능 개선		리뷰미 성능 개선 리포트

미션 - 모두를 위한 접근성

미션 목표

• 서비스의 접근성 개선이 필요할 때, 직접 문제를 정의하고 정의한 문제에 맞는 해결책을 도입할 수 있다.
• (도구 사용법) 스크린 리더를 사용해 기본적인 기능을 테스트할 수 있다.
• (문제 정의) 서비스의 현재 접근성 준수 여부를 측정하고 어떤 접근성 이슈가 있는지 파악할 수 있다.
• (문제 해결을 위한 학습) 접근성 이슈를 이해하고 해결 방법을 찾기 위한 기본적인 개념과 기술 키워드를 알고 있다. 혹은 필요할 때 어떤 경로로 추가로 학습할 지 알고 있다.
• (경험치) 접근성을 준수하는 React Component를 직접 작성해본 경험이 있다.

미션	Repository	PR & Reviews
개인 미션 - 컴포넌트 접근성 높이기	a11y-airline	개인 미션 PR
팀 미션 - 서비스 접근성 개선		리뷰미 접근성 개선 리포트

미션 - 서버 사이드 렌더링(SSR)

미션 목표

• CSR과 SSR 렌더링 방식의 특징을 이해하고, 주어진 상황에 적합한 렌더링 방식을 선택할 수 있다. 또한, 이를 리액트 앱과 함께 적용할 수 있다.

미션	Repository	PR & Reviews
영화 목록 페이지	react-ssr	Step 1 - SSR 기반 영화 목록 페이지 Step 2 - 유니버셜 렌더링

📖 스터디 - 토론 스터디 (진행 중)

• 테크 컨퍼런스 영상을 함께 시청하고 토론하는 스터디
• 활동 기록: notion 바로가기

글쓰기 미션

유연성 강화 스터디 글쓰기

제목	본문
레벨 1	레벨 1 글쓰기
레벨 2	레벨 2 글쓰기
레벨 3	레벨 3 글쓰기

테크니컬 라이팅

Webpack 기반의 리액트, 타입스크립트 프로젝트 초기 개발 환경 구축

테코톡

에프이의 useReducer