html→js→css 순으로 코드를 작성해야 편할 것 같다. 지금까지는 왜인지 모르게 js가 무서워서(?) html → css→js 순으로 코드를 작성했는데, js 붙이고 나면 css를 편집하는 일이 대다수이다.
⇒ article 태그를 사용해서 공통되는 요소들을 기준으로 css 파일을 정의해야겠다.
css 정리가 필요하다. 대규모 파일 리팩토링이 필요하다. 버튼 속성은 버튼.css, 헤더 속성은 header.css 등으로 나누어야겠다. 이 프로젝트가 개인 프로젝트의 시초가 될 거라고 하니 더 커지기 전에 빨리 해놓아야겠다.
post가 정중앙에 위치하지 않는다. 내 모니터도 1920*1080이 맞는데 왜 피그마에 나온대로 속성 설정을 하면 그 비율이 안나오는지 모르겠다. 일단은 폰트단위는 rem으로 설정하고 나머지 요소 크기는 눈대중으로 맞추었는데 다른 모니터에서 문제가 될 것 같다는 생각을 했다.
다시 생각해보니까 기획안에 나와있는 속성값으로 지정해야할 것 같다.
https://wlqmffl0102.github.io/posts/The-Thirty-Two-Elements-Used-On-Most-Pages/#google_vignette