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은 스크롤이 생겨서 잘린부분 보여줄 수 있다
flatMap
2023. 10. 24. 17:47
Backend 언어 및 프레임워크/Javascript- Node, express, Nest
flatMap 메소드는 map과 달리 주어진 함수의 반환값이 배열일 경우, 해당 배열의 각 요소를 평면화하여 새로운 배열을 생성합니다. 예를 들어, 각 단어를 문자로 나눈 후 평면화하여 문자 배열을 만들 수 있습니다 예시 const sentences = ["안녕하세요, 세계!", "자바스크립트를 사랑합니다!", "맵 vs 플랫맵"]; const words = sentences.flatMap(sentence => sentence.split('')); console.log(words); VM874:4 (32) ['안', '녕', '하', '세', '요', ',', ' ', '세', '계', '!', '자', '바', '스', '크', '립', '트', '를', ' ', '사', '랑', '합', '니', '..