vite-react환경에서 dynamic import를 하려고 했는데 아래와 같은 오류가 났다. 내가 짠 코드는 이렇다. import {lazy, Suspense} from 'react'; import LoadingComponent from '@/components/Loading/LoadingComponent.jsx'; const ViewContainer = ({ path }) => { const View = lazy(() => import(path)); return ( ); }; export default ViewContainer; path가 맞는데도, import되지 않는 오류가 났다. 찾아보니 dynamic import시 아래와 같은 룰이 있다. Dynamic Import Rule Rollup에 나..
이제는 이정도는 외우자고요 *^o^* 누가 css강의좀 해줘요,,, .name1.name2 name1도있고 name2도있는 .name1 .name2 name1 하위에 name2가 있는 element,element element랑 element or조건 element>element element바로밑에 element :active active상태인것 a:active - active상태인 link ::after 뒤에 뭔가 함 p::after - 모든 p 뒤에 뭔가 함 :not(element) :not(p) p가 아닌 element들 :checked :disabled check된 element들 disabled인 element들 등 엄청 많으니 reference참조 참고 https://www.w3schools..
프리티어는 코드 포맷의 통일성을 유지시켜주는 javascript라이브러리이다. 우리 팀에서도 자유분방한 팀원들과(?)의 협업을 위해 코드 포맷 통일성 유지시켜야 해서 prettier를 쓰고 있다. 제멋대로 코딩하고 prettier로 세팅해서 commit하면 좋다. intelliJ에서 세팅하기 2023.01.20 - [javascript] - [JS] Prettier란? Prettier Configuration파일 세팅하기 [JS] Prettier란? Prettier Configuration파일 세팅하기 프리티어는 코드 포맷의 통일성을 유지시켜주는 javascript라이브러리이다. 우리 팀에서도 자유분방한 팀원들과(?)의 협업을 위해 코드 포맷 통일성 유지시켜야 해서 prettier를 쓰고 있다. 제멋대로..
VSCode에서 IntelliJ로 갈아타면서 Prettier설정을 다시 하게 되었다... 해보자! 막상 해보니 intelliJ에 기본으로 prettier가 깔려있는 것 같다. ctrl + shift + s 를 눌러 setting (또는 file>setting) 에 들어간다. plugin탭에서 prettier를 검색한다 isntall을 눌러 install한다. 필자는 이미 깔려있어서 install버튼이 보이지 않는다. IntelliJ는 vscode와 달리 IDE에 prettier세팅을 넣는게 아니라서, 프로젝트마다 직접 prettier를 깔아줘야 하는 것 같다. 이제 프로젝트에서 prettier를 install한다. npm i --save-dev prettier 다시 ctrl + shfit + s 를 눌러..
ctrl + shfit + s 를 눌러 setting으로 이동한다 또는 file > setting을 클릭한다 검색에 terminal을 검색하면 아래와 같은 창이 나오고, Shell path가 command.exe로 되어있을 것이다. 이것을 git이 위치한 주소로 바꾸어준다.
기존에 구현되어있던 FTP file upload 코드를 사용하다가, 파일명이 한글인 파일은 upload되지 않는 문제가 발생했다. 해결 방법은 FTP를 connect하기 이전에 encoding설정을 해주는 것이다. 반드시 Connect 이전에 euc-kr로 인코딩 해줘야 한다. ftp.setControlEncoding("euc-kr")
css 변경사항이 반영되지 않는 문제가 발생했다. 이상하게 파일명을 바꾸니까, 적용이 됬다. 이 현상은 해당 css를 브라우저가 캐시로 저장해놓고 있기 때문에 링크된 css의 변화점을 기억하지 못하는 것이라고 한다. 해결방법은 두가지가 있다. 두번째 방법은 PC마다 해줘야 하므로, 서버에 css를 적용해도, 다른 사용자에겐 이전과 똑같이 보일 수 있다.(다른 사람들도 캐시되어있을테니) 첫번째 방법을 추천한다. 1. css링크 주소 변경 css링크 주소에 ?after를 붙인다.