전체 글87 [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. [React] Error in function createFiberFromTypeAndProps in ./node_modules/react-dom/cjs/react-dom.development.js 해결 개츠비 개발 도중 발생한 에러 나의 경우는 1. 대문자로 시작하지 않음 2. export default를 작성하지 않음. 이 두 가지가 문제였다. 1. const test 는 const Test 와 같이 작성되어야 한다. const test = () => { //에러 return ( This is a test page! ) } ---------------------------------------- // 올바른 코드 const Test = () => { return ( This is a test page! ) } 2. 위 코드에서는 export default가 없다. 아래와 같이 수정해야 한다. const Test = () => { return ( This is a test page! ) } export.. 2022. 6. 19. 이전 1 ··· 12 13 14 15 16 17 18 ··· 22 다음