이 문제의 저작권은 주식회사 비바리퍼블리카에 있으며, 지원자는 오로지 채용을 위한 목적으로만
이 문제를 활용할 수 있습니다. 이 문제의 전부 또는 일부를 공개, 게재, 배포, 제3자에게
제공하는 등의 일체의 “누설 행위”에 대해서는 저작권법에 의해 민・형사상의 책임을 질 수 있습니다.
이 “누설 행위"에는 문제의 문구를 변형하여 그 취지를 알 수 있도록 하는 경우도 포함됩니다.
과제를 시작하기 전 유의사항
•
기술과제의 제한 시간은 최대 3시간입니다.
◦
화려한 방법보다는 평소에 하던 가장 익숙한 방법으로 문제를 해결할 것을 권장합니다.
•
과제는 변경점에 대한 코드 리뷰입니다.
◦
지원자님의 동료 팀원 김토스님은 보험 상담사 분들을 위한 주간 상담 예약 일정표를 만들고 있습니다.
◦
김토스님이 새로 구현한 “예약 추가/취소 기능”, “최대 예약 건수 제한 기능”에 대한 코드 리뷰를 진행해주세요.
◦
자세한 진행 방법은 이어서 제공해드리는 별도의 문서를 참고해주세요.
◦
지원자님이 직접 요구사항을 구현하는 것이 아니고, 김토스님의 구현에 대한 리뷰를 진행해야 합니다.
◦
코드리뷰 과정에서 변경을 제안하기 위해, 대안이 되는 구현을 제시하는 것은 가능합니다.
•
Node.js v18 이상, 또는 Google Chrome 등 현대적인 실행 환경을 사용해주세요.
•
디테일을 챙길 수 있도록 과제 요구사항을 꼼꼼히 읽어주세요.
•
의문점이 있다면 스스로 합리적인 가설을 세우고 계속 진행해주세요.
사전 설정
과제를 진행하기 전, 아래 안내사항에 따라 사전 설정을 진행해주세요.
1. Git 저장소 만들기
아래 파일을 내려받고 압축을 풀어주세요.
2. GitHub 저장소 만들기
2-1. Private 저장소 생성
https://github.com/new 를 브라우저에서 열어서, 다음과 같이 새로운 저장소를 생성해주세요.
1.
Repository name: toss-schedule-table
2.
Public/Private: Private
2-2. 저장소를 토스 인터뷰어와 공유
1.
저장소 화면에서 [Settings] > [Collaborators]로 이동하고, [Add people] 를 클릭해주세요.
2.
toss-fe-interview 계정을 Collaborator로 초대해주세요.
2-3. 과제 자동화 스크립트 실행 허용
1.
저장소의 [Settings] > [Actions] > [General]로 이동한 뒤, [Allow GitHub Actions to create and approve pull requests] 체크박스에 체크하고 [Save] 버튼을 눌러줍니다.
3.
다음으로 저장소의 [Actions] 탭으로 이동하고 임의의 workflow를 선택해서 [Configure] 버튼을 누릅니다.
4.
오른쪽 위의 초록색 [Commit changes…] 버튼을 누르고 모달의 [Commit changes] 버튼을 눌러서 저장 GitHub Actions를 활성화합니다.
3. 작업 준비하기
다시 1에서 압축을 해제한 로컬 저장소가 있는 디렉토리로 돌아와서 아래 작업을 진행해주세요.
cd toss-schedule-table
# GitHub SSH 키를 등록한 경우 SSH 프로토콜을 사용해도 됩니다.
# 필요하다면 GitHub 계정의 ID/PW로 로그인을 진행해주세요.
git remote add origin https://github.com/${지원자의_GitHub_ID}/toss-schedule-table.git
# `--all`과 `-f` 옵션을 반드시 모두 포함시켜주세요.
git push --all -f
Shell
복사
GitHub 저장소에 아래와 같이 PR이 두 개 생성되었다면, 계속 진행하시면 됩니다. 이 과정은 최대 5분 정도 소요될 수 있습니다.
4. 기본 기능 확인하기
1.
2.
yarn dev 명령을 실행해서 로컬 서버를 실행해주세요.
3.
http://localhost:5173에 접속하시면 일정표의 기본 기능을 확인할 수 있습니다.
이어서
본 과제의 기본 기능을 소개하겠습니다. 아래에 노란색으로 강조된 링크를 따라 이동해주세요.
기술 과제 안내