13 클론코딩

work [35시간 13분]

lecture[nope]

ghpage[ 01 - Atribute Page (unchaptered.github.io) ]

github [ Unchaptered/2021_Pracitce_Web: study myself (github.com) ]

Base Link [ Top 10 Projects For Beginners To Practice HTML and CSS Skills - GeeksforGeeks ]

Top 10 Projects For Beginners To Practice HTML and CSS Skills - GeeksforGeeks

기간 : `21.07~`21.08 진행

중점 : HTML, CSS 의 클론코딩을 통한 기능 숙달

선정 이유 : 가장 기본적인 형태의 Layout 을 가지고 있는 사이트를 통해서 기본기 숙달에 중점을 두었다.

01234567891011121314

13 사이트 17 페이지 클론코딩 (슬라이드 제한으로 일부만 게시)

초기 시작 중점 (아래 요소를 통한 responsive web 방식으로 클론 코딩)

flex-box @media querygg

중도 추가 중점 (아래 요소를 통한 효율적인 responsive web 방식으로 클론 코딩)

grid scss nesting  $variable @extend @include @mixin

학습 시 주요 중점

암기보다는 이해 위주 굳이 외우려고 하기보단 잊어버렸을 때 구글링을 진행 이를 통해 문제 발생시 구글링을 통한 해결 능력을 동시 숙달

학습 완료 시 부족한 점

코딩 속도가 느리다고 체감하고 있어서, 속도를 높일 필요성이 있음 animation, transform 의 사용법을 정확히 모르고 있음, 이를 학습하고 숙달할 필요성이 있음

이후의 사이드 프로젝트 계획

타임어택 코딩 ( 정형적인 템플릿 선정 후 타임어택 코딩 진행 / HTML, CSS)  타임어택 코딩 ( 정형적인 템플릿 선정 후 타임어택 코딩 진행 / HTML, CSS, JS)  애니메이션. 트렌스폼, 트렌지션, 클론 코딩