맨땅에서 프론트엔드

  • 홈
  • 방명록
  • 태그

CSS 1

[React, CSS] 따라다니는 (동적) 사이드 바 만들기

요즘 동심에 빠진 것 같아. 유튜브에 이런 플레이리스트가 자꾸 떠,, 프로젝트 진행 중에 좌측 여백 공간에 스크롤에 따라다니는 사이드 바를 넣어야 했다. 좌측 공간에 사이드 바 고정하기 position: fixed; left: 20px; /* 왼쪽 여백 */ top: 50%; transform: translateY(-50%); top: 50% - top 속성은 부모 요소에 대한 요소의 상대적 위치를 지정. - 요소의 상단이 부모 컨테이너의 높이의 50% 지점에 위치하도록 함. - 즉, 요소는 부모 컨테이너의 상단에서부터 시작하여 중간 지점까지 배치된다. transform: translateY(-50%); - transform 속성은 요소를 변형시키는 데 사용되며, translateY는 요소를 수직 방향으..

CSS 2024.01.16
이전
1
다음
더보기
프로필사진

"일단 해보자." 라는 말과 함께 프론트엔드 취업을 준비하는 사람입니다.

  • 분류 전체보기 (7)
    • React (2)
    • CSS (1)
    • JWT (3)
    • 문제 해결 (개발) (1)

Tag

웹개발, 웹퍼블리싱, accesstoken, usenavigate, axios, react, useEffect, javascript, RefreshToken, useLocation, 리프레쉬 토큰, sessionStorage, Amazon Web Services, 인스턴스, 액세스 토큰, JWT, frontend, React-Router-Dom, 로그인, 프론트엔드,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • 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 :

티스토리툴바