CSS

[CSS] absolute를 한 요소가 안 먹힐 때

스크롤을 통해 가로로 페이지 이동을 하려고 아래와 같은 형태의 구조로 만들었다. 1번요소 여기서 absolute를 적용한 이미지와 텍스트가 있었음 2번요소 3번요소 여기서 생긴 문제점은 absolute 를 먹인 이미지와 텍스트가 스크롤 적용한 div에 안 들어오고 저 멀리 밀려나가 돌아오지 않았다. #스크롤적용 { display: flex; overflow-x: scroll; } 돌아오게 하는 방법은 overflow가 먹혀있는 요소의 부모 요소에 아래의 postion을 먹여주면 다시 돌아온다. position: relative; 나의 경우는 저기 item 에 먹여주었다. 사실 리액트 styled component를 사용해서 구현중이지만 예시로 그냥 적어봤다.. 다음엔 잊지말아야지

[VSCode] Extension

앞으로 사용하면서 유용한 플러그인들은 여기에 추가 예정이다. DotEnv 환경변수 설정파일인 .env 파일에 구문강조 해줌 VSCode에서 그냥 .env 파일 보면 그냥 단색의 글씨로 볼 때 헷갈리는데 적용하니 유용하다. https://marketplace.visualstudio.com/items?itemName=mikestead.dotenv DotENV - Visual Studio Marketplace Extension for Visual Studio Code - Support for dotenv file syntax marketplace.visualstudio.com Error Lens 코드 에러가 있을 때 잡아준다. https://marketplace.visualstudio.com/items?ite..