220801 TIL - Context Switching

📝TIL, 느낀 점

⁉️ Q&A

• Q) 한번에 모든 JS, CSS 등이 import 된다면 성능 문제가 있어 보이는데, 그건 defer같은 속성을 사용하나요?
  • A) 코드 스플리팅 - CRA가 뒤에서 동작해준다. ( 웹팩 )
  • A) 해당 내용은 알면 좋지만 아직 어려울 수 있으니 키워드만 픽하고 추후에 알아보면 좋을것 같다.

✅ 공부

• React 시작
  • SCSS를 사용해보았다.
  • 믹스인, 변수사용, 네스팅 구조가 SCSS의 특징인데, 그 중 네스팅 구조가 SCSS가 나온 핵심이라고 보면 될것 같다.
  • 리액트와 같은 SPA구조에서 CSS를 Import하면 한HTML에 많은 CSS가 겹치게 되는데, 그럴 때 Class명, 태그명 등에 의해 컴포넌트들의 CSS가 겹쳐 의도치 않은 화면이 나오게 된다. 이를 해결하기 위해 각 컴포넌트마다 컨테이너를 활용하여 네스팅 구조로 SCSS를 사용하는게 핵심인것 같다.
    • 하지만 개인적으론 SCSS가 굉장히 불편하다고 생각한다. 추후에 "Styled Component"와 같은 CSS in JS를 배우고 사용할 예정이라고 하니 그때까지만 존버 하기로 하자.
• LeetCode
  • (LeetCode) 125. Valid Palindrome (Easy)

😊 일상

🚀🚀개선 점 및 계획

• 🚨 질문을 많이 받다 보니 "Context Switching"이 심해 일찍 피곤해지더라. 어젠 일찍 퇴근했다.
  • 👉 아침 일찍 출근해 혼자만의 공부 시간을 만들어야 한다.