본문 바로가기 메뉴 바로가기

hee-ya07 님의 블로그

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

hee-ya07 님의 블로그

검색하기 폼
  • 분류 전체보기 (137)
    • ASAC (1)
      • 정리용 (26)
      • 과제정리용 (0)
    • 정리용 (104)
      • 네트워크 (0)
      • nginx (5)
      • git (8)
      • js (4)
      • react (22)
      • 인프런정리 (0)
      • java (14)
      • SpringBoot (13)
      • AWS (0)
      • Docker (7)
      • 코테 준비용 (0)
      • DB (21)
      • Spring Security (10)
    • 개발기록 (1)
      • react (1)
      • gitPageServing (0)
  • 방명록

asac7기 (11)
[02-01] CSS적용 방법론

1.1 Gloal CSSSelecter 원시 방식        : 외부에 정의된 CSS파일을 통해 import 하여 HTML Selector로 하나하나 적용Inline 방식        : 객체에 직접 스타일 -> React 리렌더링 성능 이슈        => React에서 style 내 객체가 매 렌더링마다 다르게 인식되어 매번 DOM 계산을 통한 성능 저하 발생 잘 사용하지 않는 방법들        -> 선택자 충돌을 막기위해 BEM(Block Element Modifier) 사용        -> 만약 충돌의 발생 시, !important를 통해 특정 선택자의 우선 순위를 강하게 주장        -> 하나의 Global CSS가 모든 페이지를 관리 ==> 번들 사이즈가 너무 큼1.2 CSS Mo..

ASAC/정리용 2024. 12. 17. 10:12
이전 1 2 다음
이전 다음
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG
  • asac7#asac
  • ssh
  • asac7기
  • react
  • asac#asac7기
  • useMemo
  • memo
  • useContext
  • useState
  • asac7
  • ASAC
  • useEffect
  • useReducer
  • useRef
  • acac
  • useLayoutEffect
  • git
  • acas#acas7기
  • Nginx
  • useCallback
more
«   2025/06   »
일 월 화 수 목 금 토
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30
글 보관함

Blog is powered by Tistory / Designed by Tistory

티스토리툴바

개인정보

  • 티스토리 홈
  • 포럼
  • 로그인

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.