Skip to content

React UI Study

JiHyeon Lee edited this page Apr 19, 2024 · 1 revision

스터디를 시작하기 전에

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

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

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

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

    • 하나의 UI를 만드는 목표 기간을 정합니다.
    • 기간 내에 UI를 최대한 구현하며, UX의 경우 기본적인 것만 포함합니다.
      • 기본적인 UX란? 누구나 설득할 수 있는 수준
    • 코드 리뷰를 진행합니다.
    • (선택)리뷰 받은 내용을 반영하면서 블로그에 글을 작성합니다.
    • 구현한 UI를 토대로 스켈레톤 UI를 만들어 라이브러리로 사용할 수 있게 합니다.
    • 스토리북으로 UI 문서화를 합니다.
  • 왜 스터디를 하는가?

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

    • 모집기간: 24년 4월 10일까지
    • 오픈카톡: 
    • 인원: (10/10)

스터디를 진행하면서

  • 어떤 아웃풋을 낼 것인가?
    • 개인 레포지토리에 UI를 구현한 코드 베이스
    • 라이브러리 배포 경험
    • 최신 스토리북 사용 경험
  • 어디서 할 것인가?
    • 디스코드에서 진행합니다.
  • 언제 할 것인가?
    • 금요일 오후 3시 ~ 6시 고정 회의
    • 시간이 맞지 않은 분들은 별도로 시간 취합해서 진행합니다!
      • 토요일 오후 8시
  • 금요일 회의 내용
    • 코드 리뷰 받고 싶으신 분들 자원받아서 리뷰 먼저 진행합니다.
    • 다음 주차에 대한 과제를 받습니다.
    • 주 1회 하나의 UI를 구현하므로 9주의 시간을 소요합니다.
    • 여기에서 2주 더해 라이브러리로 배포할 수 있으면 좋습니다!
    • 페어 프로그래밍을 위한 짝꿍을 지정합니다.
  • UI 구현 프로세스
    1. UI/UX에 대한 공유 → 피드백 / 2일
    2. 실제 구현(이슈로 버그 공유) / 3일 ~ 4일
    3. 스토리북 작성으로 UI 테스트 / 1일
    4. 코드 리뷰를 위한 공유(개인 레포 PR 공유) / 1일
    5. (선택) 해당 과정에 대한 블로그 작성 후 공유

image

Clone this wiki locally