201217_TIL

🍎 오늘 배운 것

---

✔️ Selector의 다양한 종류와 쓰임
기본적인 class, id 셀렉터 외에도 속성에 조건을 걸어 선택하는 셀렉터, 여러개의 셀렉터를 혼합해서 만든 셀렉터를 사용하는 방법에 대해 공부했다. 지금까지는 무리없었지만 웹페이지에 요소들이 이것저것 복잡하게 추가되면, 원하는 곳만 딱 선택해서 디자인하는 것이 쉽지않을 것 같다. 하위 선택자와 자식 선택자, 인접 형제와 일반 형제...비슷비슷한 개념들이 있어서 헷갈리기도 했지만 셀렉터을 잘 활용하면 분명 도움이 될 것 같다.

✔️BEM(Block-Element-Modifier), Atomic CSS 방법론
웹페이지의 와이어프레임을 설계하면서, class나 id의 이름을 잘 지어두면 협업하는 다른 사람들이 봤을 때도 어떤 역할을 하는 요소인지 파악하기가 쉬울 것이다. 프로그래머들 사이에서 보편적으로 사용하는 규칙같은건 없을까 궁금해져서 검색해보다가, BEM과 Atomic CSS 방법론에 대해 알게 되었다. 간단히 설명하면 BEM은 'block(전체를 감싸고 있는 블록요소)__element(내부요소)--modifier(기능)' 형식으로 클래스명을 짓는 방법론이고, Atomic CSS는 모든 클래스가 하나의 고유한 CSS 규칙을 갖도록 분리하는 방법론이다. 개인적으로는 BEM이 더 단순하고 직관적인 것 같아서 내일 twittler목업을 만들 때는 이 방법론을 이용해 클래스명을 지어보려고 한다!

 

🍎 기억할 것

---

✔️ for(let ..) 
포렛..파블로프의개처럼 나오도록 외우기,..

✔️ grow, shrink, basis
각각은 페이지 크기가 늘어나고 줄어들 때 요소들의 비율, 기본적으로 가지고 있는 크기를 의미한다. 

✔️ Rest syntax, Spread Syntax
Rest Syntax : Spread연산자를 이용해 인자를 [배열]로 만듦
Spread Syntax : Spread연산자를 이용해 [배열]을 풀어서 각 매개변수로 매핑

✔️ bigint
원시(Primitive) 값을 안정적으로 나타낼 수 있는 최대치인 253 - 1보다 큰 정수를 표현할 수 있는 내장 객체(아주아주아주 큰 수를 안정적으로 다루고 싶을 때 사용)

 

🍎 더 공부할 것

---

✔️ heap, stack 구조
✔️ Coplit문제, koans에 주석달면서 복습하기

 

✏️ 에러노트를 작성할 때 문제와 해결한 방법만 간단히 기록해뒀었는데, Immersive후기 공유회를 듣고 좀 더 내용을 추가해야겠다는 생각이 들었다. 어떤 문제가 있었고, 내가 어떤식으로 해결하려고 시도했었는지 모든 과정들을 간략히 함께 기록해야겠다. 그리고 해결 방법과 함께 원인이 무엇이었는지도 써둬야 나중에 비슷하지만 조금 다른 문제가 발생했을 때도 적용할 수 있을 것 같다.