cks._.hong 개발 블로그 cks._.hong 개발 블로그

Javasciprt 모듈이 왜 궁금했을까❓- Vite의 번들링 원리를 깊이 이해하기 위해 관련이 있는 Javasciprt 모듈 종류에 대해 학습을 진행 Module 이란❓구현한 코드의 세부 사항을 캡슐화1개 이상의 값(객체, 함수, 변수 등)을 내보내어 다른 코드에서 쉽게 로드하고 사용할 수 있도록 재사용 가능한 코드 조각Module의 조건 📌코드 추상화특정 라이브러리에 내재된 기능의 복잡한 구현 방식을 이해하지 않아도 된다.코드 캡슐화코드의 잘못된 변경을 막기 위해, 내부에 코드를 숨길 수 있다.코드 재사용동일한 코드를 재사용할 필요가 없다.의존성 관리코드를 다시 작성하지 않고 의존성 변경이 유연하게 가능하다. Module 포맷ES5 이하의 버전에서는 모듈을 정의하는 공식적인 문법이 존재하지 않았다...

STS에서 IntelliJ IDEA로 프로젝트를 옮기는 이유가 뭘까❓- Code Assist를 통해 다양한 구현 방법을 제공- Code Inspection, Refactoring을 통해 Deprecated된 함수들을 사전에 탐지하고 가이드 제공- IntelliJ IDEA는 source file을 Indexing 해놓기 때문에 보다 빠른 검색 가능- Eclipse에서는 Git 사용이 불편했지만 IntelliJ IDEA에서는 손쉽게 사용 가능 - Eclipse의 Plugin은 버전 충돌 문제가 발생할 수 있다는 문제점이 있는데  IntelliJ IDEA는 Plugin 검증을 통해 해결- SSAFY에서 팀 프로젝트 수행 시, 대부분의 팀원들이 IntelliJ IDEA를 사용하여 개발 환경 통일 STS에서 In..

Vite가 왜 궁금했을까❓- SSAFY에서 Vue.js 프레임워크 강의를 수강할 때, 강사님이 Vite를 빌드 도구를 사용하는 것을 보고 처음 접하게 되었다. - 강사님께서는 단순히 Vite가 빠르다는 것만을 강조하고 Vue에 대해 학습 할 내용이 많아 추가 설명을 하지 않고 넘어갔다. - 빨리 작동할 수 있는 원리가 궁금하여 Vite에 대해서 학습을 진행해보려고 한다.  Vite란❓프랑스어로 “빠르다”라는 사전적 의미를 가지며, 빠르고 간결한 웹 프로젝트 개발 경험에 초점을 맞춰 탄생한 빌드 도구이다.Vite는 React, Vue 등 다양한 템플릿들의 빌드를 지원하고 있었으며 CRA, Vue-Cli 등을 대체할 수 있다.개발자가 소스 코드를 수정하게 되면 Vite는 수정된 모듈과 관련된 부분만 교체하여..