New

AWD Clone coding practice

lshjju 2026. 4. 25. 13:35

HTML CSS 문법 공부 완료를 축하합니다.



다음 스텝으로 공부한 문법으로 실무 코딩 실습을 진행합니다.
이번 스텝의 목표로 필자는 실무 웹사이트 클론 코딩을 추천 합니다.

 

클론 코딩 스텝은 아래와 같습니다.

- 자신의 실력으로 코딩 가능한 콘텐츠 사이트를 서칭 합니다.

- 콘텐츠 사이트 메인 페이지를 최대한 같게 코딩 해 봅니다.

- 처음부터 반응형 코딩을 목표로 합니다.

- 일단 뷰만 보고 코딩해 봅니다.

- 이해가 가지 않는 부분은 코드를 참고 합니다.

- 구현이 어려운 부분은 쉽게 변경하여 코딩 합니다.

- 완성 합니다.


필자의 경험으로는 최소 5개 이상 실습을 완료하면 실무 코딩 감각을 익힐 수 있습니다.

이 훈련으로 실무 코딩 가능한 프로넨드 개발자가 되기를 바랍니다.



콘텐츠 사이트 선정



https://lshjju.tistory.com/933

 

프로젝트 콘텐츠 사이트 선정 기준

프로넨드 개발자가 포트폴리오용 프로젝트를 만들기 위해서는 일단 콘텐츠 사이트를 선정 해야 합니다.이때 콘텐츠 사이트를 무엇으로 선정해야 할 지 많은 고민이 됩니다.일반적으로 콘텐츠

lshjju.tistory.com

 


 


Crew only


https://cafe.naver.com/uksweb202311/1022

 

Clone Coding practice manual

대한민국 모임의 시작, 네이버 카페

cafe.naver.com

 

 


콘텐츠 레퍼런스 추천 샘플

https://naver.me/FtolAaE9

 

HC12

대한민국 모임의 시작, 네이버 카페

cafe.naver.com

 


Code upload

https://cafe.naver.com/f-e/cafes/31088327/menus/67

 

욱스웹 : 네이버 카페

욱스웹

cafe.naver.com

 


 

'New' 카테고리의 다른 글

SNS Clone Coding practice  (0) 2026.04.26
프로젝트 콘텐츠 사이트 선정 기준  (0) 2026.04.25
모바일 개발은 390px이 가장 안전하고 모던합니다  (0) 2026.04.25
와이어프레임 제작 가이드  (1) 2026.04.23
스토리보드  (0) 2026.04.23