Skip to content
Open
Show file tree
Hide file tree
Changes from 6 commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
46 changes: 44 additions & 2 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,2 +1,44 @@
# fe-week3
멋쟁이 사자처럼 10기 Front-end 3주차 과제입니다.
# 멋쟁이 사자처럼 10기 FE 3주차 과제 🦁

반갑습니다 여러분!!
지난 2주차 세션 때 React.js에 대해서 재밌게 열심히 실습을 잘 진행하셨나요?
다들 정말 잘하시던데… 처음 배우시는건지 살짝 의문이 드는데 괜찮으시겠어요..?

# 실습 진행방법
3주차는 과제 중심으로 세션이 진행됩니다!
Component를 만들어서 샤샤샥 주어진 홈페이지를 구현하고, PR을 올리고 웹페이지를 배포하세요😀
- 이 레포를 fork 한다!
- fork하여 이동한 자신의 레포에서 깃크라켄을 통해 클론을 받습니다.
- 클론을 받은 파일을 vs 코드에서 엽니다!
- vs 코드에서 터미널을 열어서 npm run start 를 입력하면 코드가 실행됩니다!

# 3주차 MISSION : Bootstrap Album 페이지 클론코딩 해오기
https://getbootstrap.com/docs/4.3/examples/album/

### 클론코딩(Clone-Coding)이란?
: 말그대로 클론! 실제 서비스를 직접 내 손으로 밑 바닥부터 한땀 한땀 구현하는 코딩 학습방법입니다.
실제 구현되어있는 서비스를 직접 내 손으로 따라 만들면서 배우는 것만큼 빠르고 효과적인 공부법은 없습니다!

#클론코딩 제외 대상
1. 우측 상단 햄버거 버튼
2. 각 카드별 View/Edit 버튼
3. 하단 Footer
4. 기타 애니메이션 효과


-> 시간적으로 여유가 있으신 분들은 제외 대상 부분까지 구현해보셔도 실력향상에 큰 도움이 될 것 같습니다.


# 주의사항!
✔최대한 Styled-Component와 Props를 활용해서 제작해 주시길 바랍니다.

✔아직은 실제 검색 기능, 클릭시 나오는 메뉴등 동적인 부분은 구현하기 어렵습니다, 기능을 구현한다는 생각보다 현재 보이는 페이지 그대로를 만들어주세요!


# 제출시 필수 사항
- 과제 제출은 일요일 9시 입니다.
- PR의 제목은 “ [본인의 성함] 멋쟁이 사자처럼 3번쨰 과제 제출 “
- 제작하신 클론 페이지를 캡쳐해서 PR에 같이 올려주세요.



Loading