본문 바로가기
반응형

분류 전체보기209

2. Webpack 소개 - 2 Webpack의 역할과 필요성 웹 애플리케이션의 규모가 커지면서, 코드의 모듈화와 관리는 더욱 중요해졌습니다. Webpack은 이러한 상황에서 강력한 역할을 수행하여 여러 모듈 및 리소스를 효율적으로 관리하고 번들링합니다. 모듈 번들링 Webpack의 주된 역할 중 하나는 모듈 번들링입니다. 여러 개의 파일과 의존성을 하나로 묶어주어 웹 애플리케이션을 구성하는데 도움을 줍니다. 이는 각 모듈을 고유한 이름으로 관리하고 필요할 때 로딩하여 사용할 수 있게 해줍니다. 예를 들어, 자바스크립트 파일뿐만 아니라 CSS, 이미지, 폰트 등 모든 종류의 파일도 모듈로 취급하여 필요한 리소스를 효율적으로 관리할 수 있습니다. 로더 (Loaders) Webpack은 로더를 통해 다양한 파일 형식을 처리할 수 있습니다... 2023. 12. 24.
1. Webpack 소개 - 1 Webpack이란? 최근 웹 개발 환경에서는 복잡한 프로젝트 구조, 다양한 모듈 및 리소스 관리 등 다양한 요소들이 개발자들에게 다가왔습니다. 이에 따라 프론트엔드 빌드 도구의 필요성이 대두되었고, 그 중에서도 Webpack은 현대적인 웹 개발에서 필수적으로 사용되는 강력한 모듈 번들러입니다. Webpack의 역할 Webpack은 여러 모듈 및 리소스들을 하나로 묶어주는 번들링 도구입니다. 이는 여러 개의 파일 및 종속성들을 하나의 번들로 만들어주어 웹 애플리케이션의 성능 향상과 유지보수의 용이성을 제공합니다. 주요 역할은 다음과 같습니다: 번들링 (Bundling): 여러 파일 및 의존성을 하나의 번들로 만들어줍니다. 로더 (Loaders): 다양한 파일 형식을 웹 애플리케이션에서 사용할 수 있는 형태.. 2023. 12. 24.
4. Gulp의 핵심 개념 - 1 Task와 Task Runner 소개 Gulp.js에서 가장 핵심적인 개념 중 하나는 "Task"와 "Task Runner"입니다. 이들은 Gulp의 핵심 역할을 담당하며, 프로젝트의 자동화된 작업 흐름을 제어합니다. Task란 무엇인가? Gulp에서의 Task는 어떤 종류의 작업이라면 그것을 의미합니다. 예를 들어, JavaScript 파일을 병합하거나, 이미지를 최적화하거나, CSS를 압축하는 것 등 여러가지가 Task로 정의될 수 있습니다. Task는 개별적인 작업 단위로 이해할 수 있습니다. Task Runner란? Task Runner는 이러한 Task들을 실행하고, 관리하는 주체입니다. Gulp.js가 여기에 해당하며, 프로젝트에서 필요한 다양한 Task들을 정의하고, 그것들을 실행시키는 주체.. 2023. 3. 26.
javascript 퀴즈 고급 정답 퀴즈 고급 -1 정답 답1) 2 답2) 8 10 8 답3) [6, 8, 10] 답4) undefined 답5) undefined 1 답6) {a: 1, b: 2} 답7) 2 3 4 객체 y를 생성할 때, 계산된 속성 이름(computed property name)을 사용하여 속성을 정의하고 있습니다. 이 때, 속성 이름으로 사용된 [x]와 [x+1]는 계산된 속성 이름으로 각각 1과 2가 됩니다. 속성 값으로 각각 2와 4가 할당되었으므로, y[x]는 2, y['1']은 3, y[2]는 4를 반환합니다. 답8) [1, 2, 3, 4] [1, 2, 3] 배열 a에 4를 추가한 후 a와 b를 출력하고 있습니다. 배열 b를 생성할 때 전개 구문을 사용하여 배열 a의 요소를 복사했지만, b와 a는 서로 다른 배.. 2023. 3. 26.
반응형