HomeAboutMeBlogGuest
© 2025 Sejin Cha. All rights reserved.
Built with Next.js, deployed on Vercel
📎
운영진을 위한 문서 모음
/
🤧
주차별 액션 안내
/
🌮
14~18주차
/
💌
17주차 액션 포인트
💌

17주차 액션 포인트

상태
코드리뷰 기간(멘토)
과제 수행기간(멘토)
배정
속성
목차
🏃🏼‍♂️ [11/30 ~ 12/3] 리액트 과제 리뷰1️⃣ 과제 내용 및 레포2️⃣  출제자가 전하는 리뷰 포인트3️⃣ 담당 멘토🥳 [12/2 ~] 커리어 미팅 운영

🏃🏼‍♂️ [11/30 ~ 12/3] 리액트 과제 리뷰

마크, 무민팀의 리액트 과제 리뷰를 부탁드립니다! 아직 내지 않은 수강생 혹은 냈지만 내용이 없는 수강생은 스킵하셔도 좋습니다.

1️⃣ 과제 내용 및 레포

과제 내용
이 과제는 실제 프론트엔드 신입 채용 과제임으로 각별히 외부 유출에 주의해 주시기 바라며, 특히 블로그 포스팅에 유의해 주시기 바랍니다.

💡 과제 안내

  • 과제 기간: 11월 12일(금) ~ 11월 19일(금) 오후 23시 59분
  • 리뷰 기간: 11월 20일(일) ~ 11월 26일(금)
  • 내용: 포맷팅 가능한 input 컴포넌트 작성하기와 확정 가능한 DataTable 컴포넌트 구현 둘 중 하나를 선택해서 과제를 완성해 주세요. 예시로든 라이브러리 코드는 가급적 참고하지 않고 구현하는 것을 추천합니다.
  • 2가지 과제 중 택 1 진행, 시간이 된다면 2가지 다 구현해보셔도 됩니다.

포맷팅 가능한 input 컴포넌트 작성하기

자신이 가장 잘 쓸 수 있는 웹 프레임워크, 라이브러리를 통해 포멧팅 가능한 input 컴포넌트를 구현합니다. 휴대폰 번호, 날짜, 시간, 숫자 등을 포함해 최대한 많은 기능을 사용할 수 있도록 작성해 보세요.
ex) 날짜의 경우 20191225라고 입력하면 2019-12-25으로 입력과 동시에 포맷팅 ex) 숫자의 경우 123456789라고 입력하면 123,456,789으로 입력과 동시에 포맷팅
라이브러리 예
  • https://nosir.github.io/cleave.js
  • https://github.com/s-yadav/react-number-format

확장 가능한 DataTable 컴포넌트 구현

자신이 가장 잘 쓸 수 있는 웹 프레임워크, 라이브러리를 통해 rowspan, colspan, floating header, sort, search, group, selectable, expandable, custom styling 등 확장 가능한 테이블 컴포넌트를 설계, 구현해 보세요. 최대한 많은 기능이 있을 수록 좋습니다.
라이브러리 예
  • https://vuetifyjs.com/en/components/data-tables/
  • https://jbetancur.github.io/react-data-table-component/
레포 주소:

2️⃣  출제자가 전하는 리뷰 포인트

컴포넌트를 역할에 맞게 잘 나누었는가?
컴포넌트를 응집도있게 만들었는가?
요구사항을 만족했는가?
예외처리를 잘 만들었는가?
적절한 Hook을 사용했는가?
최적화를 했는가?
네이밍이 적절한가?
확장성을 고려했는가?

3️⃣ 담당 멘토

오프 멘토
김성백
강동진
론 멘토
김찬민
김예임
지은 멘토
정예원
김정호
기동 멘토
남명훈
ㅤ
동영 멘토
임효성
ㅤ
달리 멘토
김태중
박세림
요한 멘토
손수림
황상혁

🥳 [12/2 ~] 커리어 미팅 운영

진행 방식
  • 커피챗처럼 랜덤으로 배치된 멘토님과 시간을 정하여 진행(30분 ~ 1시간)
  • 수강생 2명 혹은 3명 : 멘토 1명으로 진행되며 수강생당 각 1회 참여 가능
    • 포트폴리오가 있다면 멘토님께 미리 제출하여 피드백 받는 시간
    • 포트폴리오가 없다면 신입에게 요구되는 사항에 대해 멘토님과 큐앤에이 진행(수강생이 질문 준비하여 미리 공유)
  • 팀으로 움직이는 것이 아닌 리아가 신청자를 받아 적절하게 배치
  • 모의면접 형식이 아닌 피드백 형식으로 진행