BEM, 아이콘, css import

1. Block Element Modifier 규칙으로 코드를 짜자, 코드를 읽기가 정말 쉬워진다, 클래스가 커다래질 수 있다는 단점이 있지만 단점이 아니다, 클래스 이름을 체계적으로 지을 수 있게 된다 (BEM으로 짜는 게 나은지 id와 class를 섞어쓰는 게 나은지 스스로 판단해 봐   

 

2. Heroicons.dev 에서 카피하고 <path> 태그 안에 넣어주면 된다, css로 모양 바꿔줄 수 있다, 무료라서 많지는 않다 

 

3. Fontawesome.com은 유무료 다 있고 매우 좋다, code kit를 받은 다음에 프로 클릭해서 유료 결제 가능하다 

<script

   src="https://kit.fontawesome.com/6478f529g2.js"

   crossorigin="anonymous"

></script>

   스크립트 태그는 항상 바디 태그를 닫기 전 가장 마지막에 와야 한다 

 

4. "wow I am really enjoying myself. I love this course." 이래서 니꼬가 좋다 

 

5. CSS 파일(style.css)에 다른 css 파일들 상단에 @import 해야지 쓸 수 있다, 나폴레옹처럼 divide and conquer, 분할정복법으로 쪼개

 

6. Import 할 때 정리하기 위해 폴더도 만들었다면 아래와 같이 임포트 해야한다

   @import url("https://fonts.googleapis.com/css2?~

   

   @import "reset.css"

   @import "variables.css"

   

   /* Components */

   @import "components/status-bar.css"

   

   /* Screens */

   @import "screens/login.css"

 

7. Html Form 태그에는  중요한 속성(attributes)이 두 가지 있는데 하나는 action, 다른 하나는 method이다, method는 get 과 post 방식이 있는데 get는 url에 보이기 때문에 보안에 취약하므로 id/password와 같은 중요 정보는 post로 보내야 한다, 단 이건 백엔드 서버로 보내는 거라서 서버가 없는 html/css 연습시에는 get으로 진행한다 

 

8. Action은 다른 페이지로 데이터를 이동시켜 준다 

<form action="friends.html" method="get" >