본문 바로가기

javascript93

자바스크립트의 은닉화 그리고 모듈 자바스크립트의 은닉화은닉화는 객체의 내부 상태와 구현 정보를 외부로부터 숨기고, 객체와 상호작용하기 위한 공개 인터페이스를 제공하는 프로그래밍 관행을 말함.변수가 프로그램의 다른 부분, 외부 스크립트, 라이브러리에 의해 의도치않게 덮어쓰여지는 것을 방지하기 위해 중요함.즉시 호출 함수 표현식(IIFEs), 클로저, 그리고 블록을 사용하여 데이터 은닉화를 달성할 수 있음.javascript는 다른 언어에 비해 데이터 은닉화를 강력하게 지원하지 않음.typescript는 스코핑을 도입했지만 비공개 변수에 접근하더라도 코드가 컴파일되고 실행될 수 있어, javascript에서 은닉화의 한계를 보여줌.  모듈과 은닉화코드의 안정성과 유지보수성을 높이기 위해 필요함.내부적인 구현 세부사항을 숨김으로써, 모듈 사용.. 2024. 3. 12.
rollup rollup이란? 모듈 번들러. 주로 웹 어플리케이션 개발에서 사용되며, 모듈간의 의존성을 해결하고 최적화된 번들을 생성 ECMAScript 모듈과 CommonJS와 같은 다양한 모듈 시세틈을 지원함. rollup은 모듈 간의 의존성을 분석하여 사용되지 않는 코드를 제거하여 번들 크기를 최소화하고 불필요한 코드를 제거하여 성능을 향상시킴. import()함수를 지원하여 코드를 비동기적으로 로드할 수 있음. 웹 어플리케이션의 초기 로드 시간을 최적화 할 수 있음. Typescript 변환, css 번들링, 이미지 처리 작업 등을 수행할 수 있음. ES6문법과 typescript를 지원하여 babel로 commonJS, javascript로 변환할 필요가 없음. rollup 설정하기 진입점은 'src/mai.. 2024. 3. 10.
webpack 기본질문 웹팩이란? javascript 어플리케이션을 위한 모듈 번들러 모듈 번들러 : 애플리케이션을 구성하는 여러 모듈 및 자원(HTML, CSS, javascript, image, font 등)들을 하나로 번들링하여 관리함. 이를 통해 개발자는 여러 파일을 하나의 파일로 결합하여 네트워크 로드를 줄이고, 코드를 조직화하고, 의존성을 관리할 수 있음 빌드, 번들링, 변환 이 세 단어는 모두 같은 의미이다. 웹팩이 하는 일. 여러개의 javascript 파일 및 이미지, css 파일, 폰트 등을 하나로 묶어주는 도구. 모듈 번들링 의존성 그래프를 기반으로 프로젝트의 모든 모듈을 분석하고 이를 하나 또는 여러개의 번들로 묶어줌. 모듈시스템을 지원하며 각 모듈 간의 의존성을 파악하여 효율적으로 번들링. 로더.. 2024. 2. 24.
break && continue The break statement "jumps out" of a loop. break가 실행되면 감싸고 있던 for/while문 종료 for (let i = 0; i < 10; i++) { if (i === 3) { break; } console.log( i ); } //0 1 2 //3이되면 for문 종료 The continue statement "jumps over" one iteration in the loop continue가 실행되면 해당되는 조건만 제외하고 다시 for/while문을 돌게됨. for (let i = 0; i < 10; i++) { if (i === 3) { continue; } console.log(i); } // 0 1 2 4 5 6 7 8 9 //3만 건너뜀 출처: htt.. 2022. 3. 5.

티스토리툴바