Frontend Log 👩‍💻

프론트엔드 개발과 관련한 스터디를 진행하고 기록하는 공간입니다.

프론트엔드 기술 스터디, 사이드 프로젝트, 개발 팁과 정보 등을 공유하며 함께 성장해 나가요! 🌱

📝 스터디 기록

1차 스터디: 모던 리액트 Deep Dive 완독 스터디 (2024.04.02 ~ 2024.06.04)

📋 진행 방식:

• 함께 읽고 정리하기:
  1. 삼색 볼펜 스터디 방법 활용 (빨강: 핵심, 파랑: 중요, 초록: 흥미)
  2. 읽은 내용 공유: 질문 및 핵심 내용 토론
  3. 내용 정리: HackMD 활용, 스터디 블로그에 업로드
  4. 회고

2차 스터디: 우아한 타입스크립트 with 리액트 스터디 (2024.07.03 ~ 2024.08.28)

📋 진행 방식:

• 함께 읽고 질문 만들기: 1~2개 질문 작성 (서술형, 코드, 빈칸 등)
  1. 삼색 볼펜 스터디 방법 활용 (빨강: 핵심, 파랑: 중요, 초록: 흥미)
  2. 질답 작성: 담당자 랜덤 지정 후 1~2개 질문 및 답변 작성 (서술형, 코드, 빈칸 등)
  3. 질답 내용 및 읽은 내용 공유

3차 스터디: 리팩터링 2판 스터디 (2024.10.16 ~ 2024.12.11)

📋 진행 방식:

• 질답: 함께 읽고 각자 질문을 1~2개 만듭니다. 서술형으로 답변 가능한 것도 좋고 코드, 빈칸 문제를 내도 좋습니다. 내가 낸 문제를 다른 스터디 구성원이 푸는 시간을 가집니다.
• 키워드 정리: 피그잼 등의 툴을 사용하여 주요 내용을 정리하는 시간을 가집니다.
• 실습: 코드 예시가 많은 부분은 레포지토리에서 실습하여 Pull Request를 올리고 상호 공유합니다.
  • 책에서의 예시와 비슷한 상황의 실제 코드를 리팩터링해 보기
  • 리팩터링 전/후 예제 코드를 검증하는 테스트 코드 작성해 보기
• 공유: 현업에서 사용하는 예시, 현황 공유, 인상깊거나 모르는 부분을 공유하는 시간을 가집니다.

4차 스터디: 리액트 훅을 활용한 마이크로 상태 관리 스터디 (2025.01.22 ~ 2024.02.19)

📋 진행 방식:

• 질답: 함께 읽고 각자 질문을 1~2개 만듭니다. 서술형으로 답변 가능한 것도 좋고 코드, 빈칸 문제를 내도 좋습니다. 내가 낸 문제를 다른 스터디 구성원이 푸는 시간을 가집니다.
• 실습: 코드 예시가 많은 부분은 레포지토리에서 실습하여 Pull Request를 올리고 상호 공유합니다.
  • 책에서의 예시와 비슷한 상황의 실제 코드를 리팩터링해 보기
  • 리팩터링 전/후 예제 코드를 검증하는 테스트 코드 작성해 보기
• 공유: 현업에서 사용하는 예시, 현황 공유, 인상깊거나 모르는 부분을 공유하는 시간을 가집니다.