🔥 Today

• [ByteDegree] react
  • component를 좀 더 쉽게 스타일링 할 수 있는 Sass를 배웠다. 매번 css로만 사용해보고 Sass는 처음 사용했는데 css와 크게 다르지 않았고, 공통 되는 부모 클래스를 &연산자를 이용해서 스타일링 할 수 있어서 편리한 것 같다.

• [ecommerce-website]
  • 이미지 크기가 다 달랐던 문제는 포토샵으로 잘라냈다..
  • goods-section의 상품들을 색상별로 정렬할 수 있는 기능을 넣었다. select,option 태그로 마크업하고 json데이터와 data-value를 비교하여 일치되는 상품을 출력했다.

• Call Stack
  • 콜스택에 관해 공부했다. 콜스택은 후입선출(LIFO)을 기반으로 하는 자료구조로 자바스크립트는 콜스택이 하나로 ‘싱글스레드’ 언어이다.
  • 비동기 API나 이벤트 리스너의 경우 백그라운드에 들어가 정해진 시간이 끝나게 되면 큐로 넘어간다. 큐에서는 콜스택이 비워져 있는게 확인되면 큐에서 대기하고 있던 함수들이 순서대로 이벤트루프를 통해 이동된다.

🔥 To Do

• [ecommerce-website] ⏩
• [부스트코스] project B
• [Algorithm] javaScript 매일 1문제 이상 풀기
• [부스트코스] CS 자료구조, 알고리즘 강의

• [ByteDegree] React 4주차 #22 ~ #36, #00 ~ #06 ⏩
  • 4주차 Quiz : ~ 12/21