리액트 UI 스터디

스터디를 시작하기 전에

• 무슨 UI를 포함하면 좋을까?

  • 인프런 강의의 목차를 기준으로 UI를 만듭니다. 강의 구매 불필요! 개인 자유입니다.

  [React / VanillaJS] UI 요소 직접 만들기 Part 1 강의 - 인프런

• 어떻게 운영하면 좋을까?

  • 하나의 UI를 만드는 목표 기간을 정합니다.

  • 기간 내에 UI를 최대한 구현하며, UX의 경우 기본적인 것만 포함합니다.

    • 기본적인 UX란? 누구나 설득할 수 있는 수준

  • 코드 리뷰를 진행합니다.

  • (선택)리뷰 받은 내용을 반영하면서 블로그에 글을 작성합니다.

  • 구현한 UI를 토대로 스켈레톤 UI를 만들어 라이브러리로 사용할 수 있게 합니다.

  • 스토리북으로 UI 문서화를 합니다.

• 왜 스터디를 하는가?

  • 기본적인 UI 구현도 막힐 때가 종종 있었습니다. 핵심 코드에 좀 더 집중하기 위해 기본적인 UI를 빠르게 구현할 수 있도록 훈련을 하는 과정이 필요했습니다.

• 언제까지 지원할 수 있는가?

  • 모집기간: 24년 4월 10일까지

  • 오픈카톡: 마감

  • 인원: (8/10) - 2명 남음!

스터디를 진행하면서

• 어떤 아웃풋을 낼 것인가?

  • 개인 레포지토리에 UI를 구현한 코드 베이스

  • 라이브러리 배포 경험

  • 최신 스토리북 사용 경험

• 어디서 할 것인가?

  • 디스코드에서 진행합니다.

• 언제 할 것인가?

  • 금요일 오후 3시 ~ 6시 고정 회의

  • 시간이 맞지 않은 분들은 별도로 시간 취합해서 진행합니다!

• 금요일 회의 내용

  • 코드 리뷰 받고 싶으신 분들 자원받아서 리뷰 먼저 진행합니다.

  • 다음 주차에 대한 과제를 받습니다.

  • 주 1회 하나의 UI를 구현하므로 9주의 시간을 소요합니다.

  • 여기에서 2주 더해 라이브러리로 배포할 수 있으면 좋습니다!

  • 페어 프로그래밍을 위한 짝꿍을 지정합니다.

• UI 구현 프로세스

  1. UI/UX에 대한 공유 → 피드백 / 2일

  2. 실제 구현(이슈로 버그 공유) / 3일 ~ 4일

  3. 스토리북 작성으로 UI 테스트 / 1일

  4. 코드 리뷰를 위한 공유(개인 레포 PR 공유) / 1일

  5. (선택) 해당 과정에 대한 블로그 작성 후 공유