Daramji

  • 홈
  • 태그
  • 방명록

position 1

[👩🏻‍💻 연습] display: flex/ position: absolute/ transform: translate

간단한 홈페이지 만들어 보다가.. 대혼란을 느끼고.. 다시 개념 재정립.. 👷🏻‍♀️🕹️💡🚀 할 수 있다!!!!!!! 💡 Flex Container display: flex - 정렬 컨테이너 flexbox으로justify-content - 주축 방향 정렬align-items - 교차축 방향 정렬 💡Position, Transform position - 요소가 브라우저 화면(뷰포트)에 어떻게 배치되는가를 결정 absolute - 부모 요소 내부에 속박되지 않고 독립적으로 배치. 브라우저 화면(viewport) 상에서 어디든지 원하는 위치에 자유롭게 배치 transform - 요소 변형 시 사용 (위치 이동 , 회전 , 크기 조절)translate - 요소를 이동시킬 때 사용, transform에 속해 있음..

공부 모음집/실습 기록 2023.10.19
이전
1
다음
더보기
프로필사진

Front-End Developer 👩🏻‍💻 미래 준비생 🌳 새는 알에서 나오려고 싸운다. 알은 새의 세계다. 태어나려는 자는 하나의 세계를 깨트리지 않으면 안된다.🥚🕊️

  • 분류 전체보기 (171)
    • 기술 (99)
      • HTML (9)
      • CSS (20)
      • 반응형 (7)
      • Javascript (25)
      • JavaScript (Deep) (16)
      • React (19)
      • TypeScript (3)
    • 공부 모음집 (36)
      • WEB (12)
      • 공부 모음집 (13)
      • 실습 기록 (11)
    • Computer Science (8)
      • 네트워크 (5)
      • 자료구조 (2)
      • 컴퓨터구조 (1)
    • UXUI (10)
      • UXUI (10)
    • 나의 성장 (6)
      • 독서 (2)
      • 생각 (4)

Tag

호이스팅, 미디어쿼리, 함수호이스팅, OG, rest매개변수, 스코프, 중앙정렬, 타입스크립트, SEO, 객체불변성,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

Archives

Calendar

«   2026/02   »
일 월 화 수 목 금 토
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

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바