Development82 [gatsby] gatsby-config에 명시했는데 플러그인이 작동하지 않을 때 개츠비 블로그에 TOC를 적용하고 싶어서 gatsby-remark-autolink-headers 플러그인을 gatsby-transformer-remark의 sub 플러그인으로 설정을 했다. 그런데 자꾸 플러그인이 제대로 먹질 않아서 삽질을 좀 했는데 알고보니 gatsby-remark-autolink-headers 플러그인을 gatsby-config.js의 밑에 선언해놓았던 것... 중복이 되니 뒤에 작성한 것으로 덮어씌우기 된 거였다. 삽질해서 짜증이 났는데 어쨌든 한번도 겪지 못한 기상천외한 오류가 아니여서 다행이다... :) 2022. 7. 1. [scss] 파일명에 _ (언더바) 붙이는 이유 scss 파일명앞에 _를 붙여서 사용하는 경우가 종종 있다. 언더바를 왜 사용하는 것일까?? 우선 scss가 css로 컴파일된다는 것을 알고 있어야 한다. global.scss 는 css 파일로 컴파일된다. 하지만 _footer.scss 와 같이 작성한 scss 파일은 css파일로 컴파일되지 않는다. 그래서 언더바가 붙은 scss 파일은 css 파일로 변환되게 할 하나의 scss 파일에 import해서 사용한다. 그래야 css 로 불필요하게 바뀌는 일이 생기지 않기 때문! 2022. 6. 28. 사용 중인 port 강제 종료하기 사용중인 port 죽이기!! 렉이 너무 걸려서 인텔리제이를 강제종료했더니 localhost가 살아있어서 자꾸 실행이 되지 않았다. 이런 경우에는 1. windows Terminal 관리자권한실행 2. netstat -a -o 실행 : 사용중인 포트번호 및 PID 표시 3. 제거할 포트번호를 찾음 죽이고 싶은 포트를 주소에서 찾습니다 4. taskkill /f /pid 제거할포트번호의PID. taskkill /f /pid 8080 2022. 6. 22. [Styled-component] media query 사용하기 styled-component에서 media query 사용하기 const Menu = styled.a` display: flex; align-items:center; color: black; font-weight: bold; @media screen and (max-width: 480px) { display: none; } ` 위와 같이 styled 속에 @media query를 작성하면 된다. 2022. 6. 21. 이전 1 ··· 11 12 13 14 15 16 17 ··· 21 다음
