220328

🐭KEEP

• CSS 속성 복습
  • 코딩애플 HTML, CSS 강의로 부족한 파트들을 속성으로 채워넣었다. 정렬할 때 margin만 주구장창 썼었는데 float를 주면 보다 편하다는 것을 깨달았다. float는 요소를 공중에 붕 띄워놓는 것이므로 float된 요소의 다음에 오는 요소에 clear 속성을 주어야 그 다음에 오는 요소들이 float의 영향을 받지 않는다.
  • 위치 속성을 부여할 때 사용되는 top, right 등의 속성은 먼저 부모 요소에 position을 설정해야 작동한다! 너무나도 기본적인 내용인데 가끔 div를 움직이려고 top 속성을 줬다가 왜 안 되지 하고는 했었다... 부끄럽군, 앞으로는 그러지 말아야지.
  • position: relative는 float처럼 요소를 공중에 띄울 수 있다! 부모 요소를 기준으로 상대적인 위치가 설정된다는 건 알았는데, absolute만 다른 요소랑 겹칠 수 있는 줄 알았다. 아직 갈 길이 한참 멀었구나 싶다.
• 랜딩 페이지도 만만치 않구나
  • HTML이랑 CSS로만 만들 수 있어서 얕봤는데, 얕보여야 할 건 나였다. 그동안 뭘 공부했던 건지 자괴감이 들었지만, 마냥 허탈해 할 수는 없으니 얼른 털고 일어나는 수밖에. 새로운 걸 많이 배운다고 좋은 개발자가 되는 게 아니라, 기본기를 탄탄히 다져야 그 위에 무엇을 올리든 소화할 수 있다. 역시 만들면서 배우는 게 나한테도 맞고, 정말 좋은 공부방법 같다.

---

🐭PROBLEM

• 비상이다 비상 CSS가...!
  • 노드 강의를 잠시 미뤄두고 포트폴리오를 만드려고 했는데 아주 간단한 부분에서 막혀 버렸다. 시맨틱 요소에 맞춰서 HTML은 잘 짰는데 CSS가... 색상 변경 같은 간단한 건 괜찮지만 위치 속성을 아예 다 까먹었다. 제 아무리 가장 최근에 만든 게 바닐라 JS 프로젝트였다지만, 요즘 자바스크립트에 집중하고 있다지만... 굉장히 충격적이다.

---

🐭TRY

• 다 울었니? 그럼 이제 할 일을 하자
  • CSS 지식이 다 증발돼서 놀랐지? 그럼 이제 다시 공부를 하자꾸나. 내가 부족했던 부분만 속성 공부한 뒤 다시 만들어 보자!
• 페이지 만들기 전에 레이아웃부터 구성하고 만들기
  • 너무 당연한 건데 그냥 눈대중으로 보고 하느라 디자인에 시간을 낭비하는 때가 종종 있다. 컴퓨터에 그리기는 귀찮으니까 종이에 대충이라도 그리고 시작하기.