들어가기에 앞서 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를 잘 작성하는 것에 대한 방법은 해당 링크의 내용을 참조한다.
앞으로 진행될 솔로 프로젝트의 방식에 대해 이해한다.
기업에서 제시하는 사전과제와 사전과제를 통해 확인하고자 하는 역량에 대해 파악한다.
프로젝트 요구사항 명세서를 통해 어떤 요구사항이 있고,
요구사항에 맞춰 개발하기 위해 어떤 것들이 더 필요한지 파악한다.
프로젝트를 하기 위해 필요한 원격 리포지토리인 github에 대해 학습하고 이해한다.
기본적인 git 전략을 이해하고, 실제 프로젝트에 git 전략을 적용할 수 있다.
소프트웨어 개발 방법론에 어떠한 방법론이 있는지 확인한다.
워터폴 방법론과 애자일 방법론의 차이에 대해서 이해한다.
애자일 방법론을 실현하기 위한 도구의 사용법에 대해 이해한다.
애자일 방법론에서 등장하는 용어에 대해 익힌다.
애자일 방법론 기반으로 업무를 관리하는 방법에 대해 이해한다.
프로젝트 기획서 및 디자인 문서만 가지고 기능 단위로 세분화를 시킬 수 있다.
세분화된 각각의 기능에 대해 시간분배를 통한 플래닝을 진행할 수 있다.
스프린트 기반의 프로젝트 진행에 익숙해진다.
🔡➡️💻➡️🤓👍
오늘은 헤더와 푸터를 구현하고자 했지만,
헤더에 드롭다운을 구현하는 게 쉽지 않았다.
유튜브를 보며 따라 구현했다.
헤더만 구현하는 데에만 하루가 갔다..