Skip to content

멋쟁이 사자처럼 10기 Front-end 3주차 과제입니다.

Notifications You must be signed in to change notification settings

Likelion-Inha-10/fe-week3

Folders and files

NameName
Last commit message
Last commit date

Latest commit

author
SJPark
May 9, 2022
a78e963 · May 9, 2022

History

5 Commits
May 9, 2022
May 9, 2022
May 9, 2022
May 9, 2022
May 9, 2022
May 9, 2022

Repository files navigation

멋쟁이 사자처럼 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에 같이 올려주세요.

About

멋쟁이 사자처럼 10기 Front-end 3주차 과제입니다.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published