728x90 FrontEnd81 alwaysStrict TSconfig.json 속성 중 compilerOptions 옵션입니다. 엄격모드 ( strict 모드 ) ? ECMAScript의 엄격한 부분을 적용하는 모드로, 전역 객체에 대한 암시적인 참조를 허용하지 않거나, 변수 선언 시 초기화를 강제화하는 등의 규칙 이 적용됩니다. EXAMPLE 예시 ) function example() { message = "Hello, TypeScript"; console.log(message); } example(); // 암시적인 전역 변수 할당은 alwaysStrict에서 오류가 발생합니다. // ( ReferenceError: message is not defined ) 속성 종류 true strict mode 허용 false strict mode 무시 2024. 1. 23. <script/> HTML What ?HTML 에서 사용 가능한 클라이언트 스크립트 나 데이터 블록 을 포함하기 위한 태그 태그를 이용하면 자바스크립트 프로그램을 HTML 문서 대부분의 위치에 삽입할 수 있습니다. 2024. 1. 15. trailingSlash next.config What ?trailingSlashURL의 끝에 슬래시( / )를 붙일지 여부를 결정하는 next.config 옵션How ? next.config 설정 방법module.exports = { trailingSlash: true, // true || false ( 기본값 ) }; 💡 특징값URL 형태특징true/ example /- 유리한 SEO ( 일관된 URL 선호 )- 더 명확한 서버 디렉토리 구조false (기본값 )/ example- 가독성 높은 URL- 리디렉션(redirects) 을 방지해 빠른 페이지 로드 시간 결론trailingSlash 옵션은 URL의 일관성과 SEO 최적화에 중요한 역할을 할 수 있습니다. 프로젝트의 요구사항과 SEO 전략에 따라 이 옵션.. 2024. 1. 12. next.config NEXT.js What ?next.configNEXT.js 프레임워크 서버 및 빌드 단계 에서 사용되는 NodeJS 모듈입니다.Why ?→ 프로젝트는 개발( development ) 단계 와 배포( deployment ) 단계 각각의 설정이 달라야 합니다.next.config 파일은 서버 및 빌드 단계에서 사용되며, ECMAScript 모듈의 경우 next.config.mjs형태 phase 설정이 세팅되는 환경을 가지고 있다. 즉, phase를 사용하면, 개발환경인지 배포 환경인지를 분기하는 것이 가능하다. next.config.jsWebpack, Babel 또는 TypeScript에서는 구문 분석되지 않습니다. 2023. 11. 1. urlImports next.config What ? urlImports 외부 URL을 통해 JavaScript 모듈을 직접 가져올 수 있는 next.config 옵션How ? 설정 방법module.exports = { experimental: { urlImports: ['https://example.com/modules/'], },}; " https://example.com/modules/ "이라는 URL에서 모듈을 가져올 수 있게 해줍니다.사용 방법// 외부 모듈 가져오기import { exampleFunction } from 'https://example.com/modules/someModule.js';exampleFunction();import confetti from 'https://cdn.skypack.. 2023. 2. 14. allowUnreachableCode TSconfig.json 속성 중 compilerOptions 옵션입니다. 도달할 수 없는 코드 ? 프로그램이 해당 코드 부분에 도달할 수 없다고 판단되는 경우 로 코드의 불필요한 부분이거나 프로그램 논리에 오류가 경우 입니다. EXAMPLE 예시 1 ) function fn(n: number) { if (n > 5) { return true; } else { return false; } return true; } // 마지막 "return true;" 는 위 return 문으로 인해 절대 실행되지 않을 코드로 에러가 발생합니다. 예시 2 ) function example(flag) { if (flag) { return "Flag is true"; } else { return "Flag is false".. 2023. 1. 22. 이전 1 2 3 4 5 6 7 ··· 14 다음 728x90
