항해99 사전학습 1일차(CSS 기초)

 오늘부터 항해99 사전학습이 시작되었다. 나는 웹개발 종합반 수업을 한 번 들었기 때문에 CSS와 관련된 강좌를 수강하였다. 오늘 들었던 수업은 CSS에 대한 기본적인 내용들이었기 때문에 웹개발 종합반에서 배웠던 내용과 겹치는 부분들이 많이 있었으며, 이전에 배우지 못했던 소소한 꿀팁들을 배울수도 있었다. 1일차 수업은 크게 어려운 내용이 없었지만 헷갈리는 부분이 몇몇 있었기 때문에 그 부분과 새로 알게된 기능 대해 작성하고자 한다.

---

1. margin과 padding

 두 가지는 웹개발 종합반 때부터 계속 헷갈렸는데 아직도 헷갈리는 부분이다. 일단 두 가지를 설명하자면, margin은 외부여백의 간격을 설정하는 것이며, padding은 object와 내부의 간격을 설정하는 것이다. 하지만 막상 실전에 사용하게 되면, 외부와 내부의 경계도 많이 헷갈리기 때문에... 지속적으로 사용하면서 익숙해지는 것이 방법이라고 생각한다.

 

2. a:first-child / last-child

수업을 들으면서 이 부분을 듣고 한숨과 웃음이 같이 나왔다. 이와 관련된 내용을 듣기전 혼자 클론코딩을 진행할 때 같은 태그로 있지만 다른 특징을 부여하고 싶을 때 각각에 class를 달아줘야 고민도 하고, 새로운 태그로 만들어줘야하나 고민도 하면서 시간만 쭉쭉 허비했었는데 이렇게 쉽고 좋은 방법이 있었다니... 허탈하긴 했지만 이 부분은 절대 잊어먹지 않을 것 같아서 시간이 아깝지는 않다 ^^..

 

 1일차는 이 정도인 것 같다. 이게 다 웹개발 종합반을 수강했기 때문에 가능했을지도.. 마지막으로 오늘 클론코딩한 웹페이지를 올리는 것으로 일지를 마무리해야겠다.

---

내가 만든 청첩장: https://rladydqls99.github.io/mypage3/

청첩장

내가 만든 파타고니아 홈페이지: https://rladydqls99.github.io/patagonia/

띵동코딩-부트스트랩_파타고니아