카카오메이커스 FE 클론코딩(html, css, js)

0. 특이사항 

html, css, javascript로만 구성함 

- 부트스트랩 및 다른 라이브러리를 사용하지 않음(실력향상을 위해)

 

1. 완성한 코드 

test2 2.zip

8.97MB

 

2. 완성한 메인 화면 

개선할 점이 많이 보인다 

1. hamberger와 drawer를 구현하지 못함 

- 처음에 컨테이너 넓이를 전체의 50%만 설정했는데 그래서 drawer를 어떻게 구현해야할 지 모르겠음

2. 부트스트랩을 안쓰니 너무 어렵고 오래걸림 

- 향후 디자이너와 협업하기 위해서는 구현능력을 갖춰야하므로 내가 극복해야할 영역이다 

3. 세련되지 못한 디자인

- 상업 홈페이지처럼 딱 봐도 멋있게 만들고 싶은데 투박하다

4. 좋아요 기능 등 구현 못함 

- 서버 연동을 하지 않고도 로컬 서버랑 연동하는 게 있다고 하는데 공부를 더하고 구현을 해보아야겠다 

 

3. 화면 동영상으로 촬영 

카카오메이커스.mp4

7.73MB