node 최신버전(노드 최신버전) 설치했는데, 인식 못할때
2023. 10. 27. 22:09
Frontend/HTML, CSS, DOM, jQuery
n install lts 했는데, 으로 설치한 위치와 작동하는 위치가 달랐다 그래서 nvm ls 해도 최신버전을 못 찾았다 다음 명령어로 환경 변수를 수정할 수 있습니다. export PATH=$PATH:/usr/local/bin 다시 n install lts nvm ls 하면 최신 노드 버전이 설치된 것을 볼 수 있다
NextJS) Would you like to customize the default import alias (@/*)?
2023. 10. 27. 12:36
Frontend/React & React.Native &Next.js
이 문장은 특정 프로그래밍 환경이나 프레임워크에서 기본적으로 설정되어 있는 "import alias"나 "import 경로 별칭"을 사용자가 변경하고자 할 때 묻는 질문입니다. 여기서 "import alias"나 "import 경로 별칭"은 코드에서 다른 파일이나 모듈을 불러올 때 사용되는 경로에 붙이는 짧은 별칭을 말합니다. 이러한 별칭을 변경하면 코드를 더 짧고 가독성 좋게 만들 수 있습니다. 문장은 사용자에게 이러한 별칭을 수정하고자 하는지를 묻는 것입니다. json { "compilerOptions": { "baseUrl": "./", "paths": { "@/*": ["src/*"] } } } 불러올때 import Header from '@/components/Header'; // 나머지 코드
JS)소수점 있으면 toFixed 없으면, 그냥 보여주도록 하는 로직
2023. 10. 25. 23:01
Frontend/HTML, CSS, DOM, jQuery
const formatNumber = (number:any) => { const roundedNumber = Math.round(number * 100) / 100; // 소수점 둘째 자리까지 반올림 const isInteger = roundedNumber % 1 === 0; // 소수점이 없는지 확인 if (isInteger) { return roundedNumber.toString(); // 소수점이 없으면 그냥 반환 } else { return roundedNumber.toFixed(2); // 소수점이 있으면 둘째 자리까지 표시 } };
overflow clip (overflow hidden과 차이점, overflow-clip)
2023. 10. 24. 23:27
Frontend/HTML, CSS, DOM, jQuery
오버플로: 숨김과 마찬가지로 오버플로: 클립이 있는 콘텐츠는 요소의 패딩 상자에 클립됩니다. clip과 hidden의 차이점은 clip 키워드는 프로그래밍 방식의 스크롤을 포함한 모든 스크롤을 금지한다는 점입니다. 즉, overflow의 clip은 잘린부분 안보여주고, hidden은 스크롤이 생겨서 잘린부분 보여줄 수 있다