콘요맘떼 개발일지

  • 홈
  • 태그
  • 방명록

리렌더링 1

[CSS] translate vs positioning

특정 element의 위치를 이동시키는 방법에는 대표적으로 두 가지가 있다. 하나는 translate( )을 활용하는 것이고 다른 하나는 top, left, bottom, right의 offset을 지정하는 positioning 방식이다. 둘은 위치를 재조정한다는 점에서 동일한 결과를 수행하지만 근본적으로 다른 성격을 지닌다. transform( )은 좌표 공간의 변형을 통해 이동하기 때문에 다른 element에 영향을 끼치지 않는다. 하지만 positioning의 경우 해당 element를 여기다 '위치시키겠다'는 뜻이기 때문에 다른 element들에게도 영향을 끼치게 된다. 즉 transform( )은 모션을, positioning은 위치 지정을 위한 개념이기 때문에 그 목적이 다르다. 다른 elem..

프론트엔드 기본개념 복습/CSS 2022.04.09
이전
1
다음
더보기
프로필사진

콘요맘떼 개발일지

  • 분류 전체보기 (135)
    • 모바일 이야기 (8)
    • 잡다한 교훈 (17)
    • Git 공부 (1)
    • 알고리즘, 자료구조 공부 (6)
    • CS 공부 (11)
    • 프론트엔드 테크면접 준비 (3)
    • 프론트엔드 기본개념 복습 (66)
      • HTML (5)
      • CSS (14)
      • Javascript (18)
      • React (12)
      • Webpack (0)
      • Redux (1)
      • Typescript (7)
      • 테스트코드 (5)
    • 독서 (12)
      • 클린코드 (10)
      • 이펙티브 타입스크립트 (2)
    • 프로젝트 (잡다한) (3)
    • 아키텍쳐 (2)
    • 일상 (1)

Tag

북클럽, 함수형 프로그래밍, React Hook, http, 노개북, jest, 자료구조, 실행 컨텍스트, proxy, Lazy Loading, 노마드코더, 리액트, react query, 리액트 훅, JavaScript, 자바스크립트, React, 멀티 스레드, @testing-library, css,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/05   »
일 월 화 수 목 금 토
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 31

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바