본문 바로가기

웹 - css 연습 2, 3

by algosketch 2020. 4. 27.

 두 번째로 만든 웹 페이지

https://hambp.github.io/WebPractice/surveyForm

 세 번째로 만든 웹 페이지

https://hambp.github.io/WebPractice/parallax

 prallax website를 만들면서 느낀 거지만 css의 정렬 기능은 내 능력을 떠나서 잘못 되었다는 느낌이 든다. 태그를 혹은 그 태그를 감싼 div태그를 (가운데)정렬하는 방법은 여러 가지가 있다. 해당 태그의 마진을 이용하는 방법, 상위 태그의 패딩을 이용하는 방법, position: absolute 로 설정하여 좌표값을 이용하는 방법, float: center, text-align: center, display: flex에 justify-content: center 등... 거기에 수직 수평정렬을 동시에 하려면 왠지 모르겠지만 더 까다로워진다. 위의 모든 방법을 동원했다. 그 중 가장 최악이라고 생각하는 것은 absolute이다. 가변적인 박스 모델에 적용하기엔 적절하지 않았지만 다른 모든 방법이 실패하여 사용했다. 몇 번 더 사용해 보면 어떤 상황에서 가장 적절한 정렬 방법이 무엇인지 감이 오겠지만 그것이 납득할 만한 명확한 기준이 되지는 못 할 것 같다.

- 여담이지만 물을 떠 놓고 까먹고 사지방에 안 가져왔다.

- 여담2지만 나는 문법충이다. 프로그래밍 언어 말고 국어... 옛날에는 글 쓸 때마다 검색했는데 요즘엔 잘 안 하는 것 같다. 다 맞다고 생각하고 있지만 혹시 틀린 게 있다면 발견하기 어려울 것 같다.

- 여담3이지만 어휘력이 부족한 것 같다. 글이 길어지면 같은 표현을 자주 쓴다는 느낌을 받는다. 그럴 때면 다른 표현을 생각해보는데 딱 그 상황에 맞는 표현을 찾기 힘들다.

'' 카테고리의 다른 글

React - 로그인  (0) 2021.08.29
React - 경량화 (용량 최적화)  (0) 2021.08.15
웹 - css 연습 5 : Responsive Website!  (0) 2020.05.02
웹 - css 연습 4 : CSS Grid Responsive Site  (0) 2020.05.01
웹 - css 연습 1  (0) 2020.04.24