웅이야 1학년 프론트엔드 과제

📆 기간 : 2023.09.05 ~ 겨울 방학 전

이번 과제는 Level 1 / 2 / 3으로 나뉘며, 모든 과제를 완료해 주셔야 합니다.

과제 내용

Level 1에는 이론 파일과 실전 파일이 있습니다. 이론 파일에는 배운 내용을 정리한 글을 간단히 적으면 됩니다. 이때, 강의의 한 챕터 단위로 파일을 나눠주시면 좋을 것 같습니다~ 실전 파일에서는 배운 내용을 활용해 개발을 해 보면 됩니다.

Level 2에는 이론 파일만 있으며, Level 3에는 실전 파일만 있습니다.

참고로 .gitkeep 파일은 빈 폴더를 올리기 위한 용도이니 커밋할 때 삭제를 해 주시기 바랍니다!

예시

├── Level 1
│   ├── 이론
│       └── 배운것1.md
│       └── 배운것2.md
│   └── 실전
│       └── (알아서 세팅하기)
└──

Level 1 : JS 시작하기

Level 1에서는 Javascript 부터 한 번 흝어보는 시간을 가져 볼 겁니다. 해당 강의를 다 보고, 배운 것들을 정리 해 주세요. 또한 배운 것들을 최대한 활용해 서비스 하나를 만들어 보세요. 주제는 자유입니다!

아, 그리고 서비스라고 해서 너무 무리하거나 안 하셔도 됩니다! 엄청 어려운 주제라거나 많은 기능 등을 원하는 것은 아니니 간단한 프로젝트 정도로 해 주시면 됩니다~ 그렇다고 계산기 이런거 하시면 총으로 쏩니다 조심하십시오

Level 2 : React 시작하기

Level 2에서는 React에 입문을 해 봅시다. 해당 강의를 시청한 뒤, 배운 것들을 정리 하시면 됩니다!

저번 과제를 보니 생각보다 어려워 하시는 부분이 있는 것 같아 해당 Level에서는 정리만 하도록 했습니다~

Level 3 : React 활용하기

Level 3에서는 방학 과제로 해 보았던 인스타그램 클론 코딩을 다시 한 번 해 봅시다! 저번에 할 때는 아마 갑자기 React로 하느라 정신이 없었을 거라고 생각합니다. 이번엔 제대로 다시 시작 해 봅시다!

이때, 모듈화에 한 번 도전해 보세요. 또한 기능 구현도 꼭 해 주세요 (예를 들어 링크, 사이드바 같은...). 그리고 최소한 5개의 페이지를 완성 해 주세요~

깃허브

• 위 레포지토리를 포크하여 포크된 레포지토리를 클론하여 개발합니다.
• 과제 기한이 끝나기 전 까지 자신의 깃허브 아이디와 같은 이름의 브랜치를 생성하여 위 레포지토리에 Pull Request(PR)를 생성합니다. 또한 한 Level을 완료 할 때 마다 PR을 생성 해 주세요. 이때 PR의 제목은 "[Level (단계)]차정원 Level (단계) 과제 제출합니다" 와 같은 형식으로 PR을 생성합니다. PR의 내용에는 자신의 느낀점이나 질문을 작성합니다.
• 생성한 PR에는 주기적으로 피드백 및 댓글이 추가될 수 있습니다. 틈틈히 확인 해 주세요!

커밋 룰

type	description
ADD	새로운 기능, 컴포넌트 등 새로운 것이 추가되었을 때
FIX	기존의 코드에서 잘못된 부분을 수정할 때
REFACTOR	기존의 있는 코드를 리팩토링 하였을 때
DELETE	기존의 있던 내용을 삭제하였을 때

예시

git commit -m 'ADD: 사이드 바 컴포넌트 추가'
git commit -m 'FIX: 스토리 섹션 스크롤 방향 수정'
git commit -m 'REFACTOR: 코드 가독성을 높이기 위한 리팩토링'
git commit -m 'DELETE: 사용하지 않는 태그 삭제'