개발일지

  • 홈
  • 태그
  • 방명록

CSS 2

[css][sticky] 아니 여백이 안지워진다니까요??

서론: 필자는 프론트엔드 단톡방에 들어가있다 어느날 갑자기 tailwind와 nextJs 사용중에 한분이 여백이 안지워진다는 글을 올리셨다. 나는 당연히 width가 100vw가 아닌거 아니야? 했는데...결론:해당 이슈를 단톡방 전원이 고민하면서 padding? gap? border? width? 등 여러 이유를 댔지만 모두 아니었다.그러나 이 문제를 겪은분이 계셔서 해결해주셨는데 문제는 css에 sticky 라는 속성이 있는데 해당 속성으로 header를 만들면 가끔 겪는이슈라고 하셨다 정확한 이유는 스티키 계산이 소숫점까지 계산하며 틀어지는 걸로 생기는 이슈라고하셨다. 그리하여 해당 이슈를 가상 요소인 before로 해결이 가능하다고 말씀해주셨다 느낀점:필자는 sticky header를 잘 사용하지..

개발 2025.07.29

HTML과 Js 활용

1. HTML과 CSS를 이용하여 지역소개 웹페이지 만들어보기1달동안 배운걸 토대로 지역소개 웹 페이지를 비슷하게 만들어보았습니다.일단 참고했던 사이트는 제가 거주중인 인천광역시의 heder부분이라고 생각되는 부분의 ui를 보여드리겠습니다. 일단 완성 코드를 보여드리고 설명을 하겠습니다. 온라인통합예약 인천데이터포털 정보공개포털 ..

카테고리 없음 2024.09.01
이전
1
다음
더보기
프로필사진

개발일지

하찮은 나의 개발일기

공지사항

  • 깃허브 링크
  • 분류 전체보기 (27)
    • 일상 (1)
    • 개발 (16)
    • nextJs (4)
    • reactJs (0)
    • 면접 (0)

Tag

프로그래머스, NextJs, 코인차트 만들기, binaceApi, react, hook관련 질문, TypeScript, Link컴포넌트, 차트 api, rn-expo, js 싱글스레드, 웹 개발, CSS, 프론트엔드, 불변성 관리가 중요한 이유, 렌더링 관리, JS, 파이썬, 코인api, 렌더링 에러,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

Copyright © AXZ Corp. All rights reserved.

  • 깃헙
  • 이전 블로그

티스토리툴바