개발공부 195일차 TIL SCSS란 & HTML 렌더링 도중 JS가 실행되면 렌더링이 멈추는 이유는

2023. 7. 23. 22:56·TIL

🧑🏻‍💻오늘 한 일 

- 프로그래머스 문제풀기

- 포트폴리오 반응형 작업!

- TS공부 

- 운동하기

⏰내일 할 일 

- 프로그래머스 문제풀기

- 포트폴리오 페이지 작업 

- 지원하기

- TS공부 

- 기타 라이브러리 공부 및 실습

- 블로그 정리

 

오늘의 지식 두입  

🔍  SCSS란 

SCSS는 Sass(Syntactically Awesome Style Sheets)의 하위 집합이며 CSS의 확장된 문법을 제공하는 CSS 전처리이다.
SCSS는 변수, 믹스인, 중첩 규칙 등의 기능을 제공하여 CSS 작성을 더욱 간결하고 유지 보수하기 쉽게 만들어줍니다.

🔍  HTML 렌더링 도중 JS가 실행되면 렌더링이 멈추는 이유는

JS 가 실행되면 브라우저는 DOM 트리 구축 및 렌더링을 중단하고JS 코드를 실행한다.
JS 코드가 DOM 요소를 변경하거나 스타일을 조작할 수 있기 때문에 동기적으로 처리된다.

'TIL' 카테고리의 다른 글

개발공부 197일차 TIL  (0) 2023.07.25
개발공부 196일차 TIL Webpack, Babel이란  (0) 2023.07.24
개발공부 194일차 TIL px, em, rem란 & vw, vh란  (0) 2023.07.22
개발공부 193일차 TIL  (0) 2023.07.21
개발공부 192일차 TIL  (0) 2023.07.21
'TIL' 카테고리의 다른 글
  • 개발공부 197일차 TIL
  • 개발공부 196일차 TIL Webpack, Babel이란
  • 개발공부 194일차 TIL px, em, rem란 & vw, vh란
  • 개발공부 193일차 TIL
jihun_BS
jihun_BS
  • jihun_BS
    Harry 개발블로그
    jihun_BS
  • 전체
    오늘
    어제
    • 분류 전체보기 (507)
      • React Native (2)
      • React (7)
      • 알고리즘 (37)
      • JavaScript (11)
      • 항해99 (12)
        • 항해 WIL (13)
      • TIL (405)
      • TypeScript (3)
      • 트러블 슈팅 (5)
  • 블로그 메뉴

    • 홈
    • 태그
    • 방명록
  • 링크

    • Github
  • 공지사항

  • 인기 글

  • 태그

    React-hook-form 등록 버튼 활성화
    n의 배수
    react-native-dropdown-picker 오류
    virtualizedlists should never be nested inside plain scrollviews with the same orientation because it can break windowing and other functionality - use another virtualizedlist-backed container instead. [component stack]
    vite 환경에서 svg 컴포넌트
    프로그래머스
    pxemrem
    잔디 기부 캠페인
    pxemrem차이
    Received true` for a non-boolean attribute`mode`Warning
    typescript 환경에서 다양한 버튼 컴포넌트
    vite svg
    til
    잔디 기부
    자바스크립트
    항해99
    react-native-dropdown-picker
    n의 배수 자바스크립트
    React-hook-form watch
    다양한 스타일의 버튼 컴포넌트
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.3
jihun_BS
개발공부 195일차 TIL SCSS란 & HTML 렌더링 도중 JS가 실행되면 렌더링이 멈추는 이유는
상단으로

티스토리툴바