들어가기에 앞서 check 해보기
- 앞선 섹션에서 학습한 전반적인 코딩을 위한 기본 지식들이 필요하다.
☑️ Git/Github
☑️ Javascript
☑️ HTML/CSS
☑️ React
솔로 프로젝트란?
-
지원하고자 하는 회사에 제출하게 될 과제형 프로젝트와 비슷한 형태이며,
프로젝트 요구사항 명세서라는 게 사전에 주어지게 된다. -
여기서 과제형 프로젝트 형식의 솔로 프로젝트는 사전 과제라는 형태로
일부 프론트엔드 개발자를 채용하는 회사에서 제시한다. -
보통 지원자에게 약 일주일 정도의 시간을 주고 소규모 프로젝트를 진행하게 하는데,
회사는 사전 과제를 내줌으로써 해당 프로젝트를 진행하는 지원자의 여러 역량을
폭넓게 체크할 수 있다는 장점이 있다. -
명세서 내에 기술된 요구사항에 맞춰 스크럼 보드를 이용해
자신의 개발 진척도를 관리하며 프로젝트를 개발하는 경험을 하게 된다. -
또한 몇 차례의 코드 리뷰 또한 받게 된다.
먼저는 페어와 코드 리뷰를 주고받고, 이후 교육 엔지니어들로부터 코드 리뷰를 받아서
코드를 점진적으로 개선하면서 프로젝트를 완료시키는 경험 또한 할 수 있다. -
회사가 제시하는 사전 과제를 통해 지원자에게 확인하고자 하는 사항은 다음과 같다.
- git / github를 사용할 수 있으며, 기본적인 git command를 알고 있다.
- git 전략을 고려하면서 프로젝트를 진행할 수 있다.
- 프로젝트 documentation을 고려하면서 프로젝트를 진행할 수 있다.
- 스스로 프로젝트 설계 측면을 고려하면서 Base부터 스스로 Scaffolding 할 수 있다.
- 코드 구현에 필요한 라이브러리를 적절하게 선택하여 적용할 수 있다.
- Javascript, HTML/CSS, React를 이해하며 코드를 작성할 수 있다.
- 코드를 작성하는 과정에서 컴포넌트의 재사용성 및 디자인 패턴을 고려할 수 있다.
- 시간 내에 주어진 요구사항을 만족하는 코드를 높은 퀄리티로 제공할 수 있다.
- 이렇듯 회사는 사전 과제로 입사 후 진행하게 될 업무와 유사한 프로젝트를 출제하여
지원자의 여러 역량을 체크할 수 있으며, 더 나아가 입사 후,
팀 차원에서 코딩을 할 때의 지원자의 코드 스타일 등을 엿볼 수 있다.
솔로 프로젝트 기본 요구사항
-
React를 사용해 주어진 요구사항을 만족하는 상품리스트 페이지,
그리고 사용자가 북마크 한 상품들을 조회할 수 있는 북마크 페이지를 포함하는
SPA 앱을 구현한다. -
프레임워크는 기본적으로 React를 사용한다.
그 외 구현에 필요한 라이브러리, 디자인패턴은 자유롭게 사용한다. -
과제의 시작은 제공되는 깃허브 레포지토리를 folk해서 시작한다.
-
과제에 필요한 디자인 리소스들은 주어진 Figma에서 확인할 수 있다.
-
로딩, 애니메이션, 예외처리등 명시되지 않은 부분들은 자유롭게 결정하여 구현한다.
-
본인을 잘 나타낼 수 있는 가장 깔끔하고 효율적인 구조로 작성한다.
-
Readme.md를 이용하여 프로젝트 구조 설명 및 프로젝트 관리 방법에 대한
기본적인 문서화(documentation)를 함께 진행한다.
→ Readme.md를 잘 작성하는 것에 대한 방법은 해당 링크의 내용을 참조한다.
-
Rest API가 무엇인지에 대해 학습합니다.
-
HTTP 메서드에 대해서 학습합니다.
-
JavaScript에서 사용할 수 있는 HTTP 클라이언트 라이브러리에
어떤 것들이 있는지 확인합니다. -
각 HTTP 클라이언트 라이브러리에 대해 학습하고,
샘플 코드를 통해 사용법에 익숙해집니다.
소감
🔡➡️💻➡️🤓👍
주어진 API에서 fetch 해서 이미지 4개만 가져와야 했다.
익숙하지 않아서 시간이 꽤 걸렸다.
메인페이지에 보여지는 북마크 리스트는 북마크 페이지를 만든 후 구현하려고 나두었다.
