-
[패스트캠퍼스] 프론트엔드 강의 1주 차 후기코딩/CSS 2023. 3. 14. 13:32
-
1주 차 수업 내용은 웹의 전반적인 흐름 및 HTML의 개념 및 핵심만을 정리해서 간단하게 설명해 주는 시간이었는데, 개인적으론 그동안 학원에서 배웠던 내용을 복기하는 과정이기도 했다. 그동안은 뭐랄까... 배운 대로 코딩을 하고는 있는데 이 코딩의 원리에 대해서 확실히 알지 못한 채 적용하고 있는 기분이었다면, 이번 1주 차에서는 그동안의 그 애매함들이 확실해지고 단단해지고 있는 기분이 들었다.기억에 남는 수업 내용
1. reset css cdn
즉, css 스타일 초기화. 왜 기억에 남는가 하면 학원에서는 일일이 노멀라이즈 하는 방식으로 배웠기 때문이다.
뭐 이것도 메모장(맥일 경우)에 작성해 놓고 css 작성할 때마다 복붙으로 가져다 쓰면 그만이긴 했지만...
reset css cdn으로 css 내에 직접 입력하지 않아도 초기화할 수 있다는 건 그야말로 노가다만 하던 나에겐 신세계였다.*선생님이 알려주신 사이트
https://www.jsdelivr.com/package/npm/reset-css2. emmet
자동완성 기능은 학원수업으로 어느정도 알고 있다고 생각했지만 국비지원교육을 통해 이번에 새롭게 알게 된 무척 유용할 것 같은 자동완성기능이 있어서 메모해 본다.
코딩을 배우면서 제일 중요하다고 느꼈던 것은 작업시간 단축이다. 근본적인 영타 연습을 포함해 자주 쓰일 것 같은 유용한 자동 기능들을 되도록 빨리 내 것으로 만들려고 노력하고 있다.w:200 + tab -> width: 200px;
h:200 + tab -> height: 200px;
bc:orange + tab -> background-color: orange;'코딩 > CSS' 카테고리의 다른 글
[패스트캠퍼스] 프론트엔드 강의 2주 차 후기 (0) 2023.03.22 float-grid 라이브러리 (feat. inline-grid) (0) 2022.06.21 calc (CSS 속성값) (0) 2022.06.03 inline-grid (라이브러리) (0) 2022.06.03 CSS 선택자 모음1 ( 내 위주) (0) 2022.06.01