클론코딩

해당 클론 코딩은 HTML , CSS 를 배운지 2주일 밖에 되지 않은 인간이 유튜브도 참조하지 않고 챗 지피티 목 졸라가며 만든 자료입니다.부정확한 정보 및 비효율적인 방법이 많을 수 있으니 주의 바랍니다.

수 많은 div 태그들을 div 태그 안에서 요리 조리 이동시키려고 했는데 아무리 이동 시키려 left , right , top , bottom 등의 off-set 값을 지정해도 이동하지 않았다.그 때 챗 지피티 목을 조르니까 position : relative 로 바

저번 1회차에 지피티 목을 졸라가면서 어찌 저찌 따라했으나다시 생각해보니 이미 대기업의 똑똑이들이 작성한 HTML , CSS 설정들을 굳이 무시하고내 마음대로 우당탕탕 만드는 것은배움의 의미가 없을 거 같아서 시원하게 1회차 때 했던 코드들을 싹 갈아엎었다.

2회차 때 뜯어본 후 이를 고려해서 세가지 영역을 완성 할 수 있었다. 이번 회차 때 가장 만족스러운 부분은 padding 과 margin 값을 더 몸에 익혔다는 것과 grid 사용 , box-shadow 를 이용해서 양각 느낌을 냈다는 점이다 키킥

SNS 정보가 담긴 영역카드 뉴스들이 담긴 두 번째 메인 영역, 3회차 클론 코딩 때 이미 메인 섹션들이 들어갈 영역을 만들어뒀기 때문에그 자식 태그들로 쉽게 구성 할 수 있었다.

드디어 완성 , 회고하자