Vite 2

[MFA]Nginx Reverse Proxy Server특징 example(pnpm+turborepo+vite)

Reverse Proxy Server 클라이언트 요청을 받아 백앤드 서버로 전달하고, 서버의 응답을 클라이언트에게 다시 전달하는 중간 서버 역할 로드 밸런싱을 통하여 트래픽을 여러 서버에 분산시키고, 적절한 서버로 라우팅 한다. 캐싱을 이용하여 동일한 응답을 두에 있는 서버에 다시 요청하지 않을 수 있음 외부 사용자로부터 내부의 서버를 숨겨 보안에 도움을 준다. SSL/TLS암호화를 사용하여 안전한 데이터 전송을 보장한다. Nginx Reverse Proxy Server 특징 이벤트 기반, 비동기 아키텍처로 설계되어 높은 동시 연결을 효율적으로 처리한다. 적은 메모리와 CPU 사용으로 더 많은 트래픽을 처리할 수 있다. 효과적인 로드 밸런싱 기능과 강력한 캐싱 기능을 통해 서버 부하를 줄이고 응답 시간을..

MSA 2024.01.01

[MFA] 트랜스파일러(Transpiler), 번들러(Bundler) 특징 (Babel, SWC, webpack, Vite)

트랜스파일러(Transpiler) JS 코드를 다른 버전의 JS 코드로 변환하는 도구 주로 ES6이상의 JS를 지원하지 않는 브라우저 환경에서 ES6이상의 문법을 사용할 수 있게 해주는 도구 장점 지속적으로 업데이트되는 브라우저나, Node.js 환경에서 최신문법을 사용하더라도 이전 버전의 JS로 변환하여 여러 환경에서 코드를 실행할 수 있다. ECMAScript 표준을 사용할 수 있게 해 줘 표준화된 코드를 작성하고 유지할 수 있다. 다양한 플러그인을 지원하여 사용자가 필요한 트랜스파일 과정을 제어할 수 있다. 폴리필(Polyfill) 최신 자바스크립트의 기능을 구식 자바스크립트 코드로 똑같이 구현한 코드 대표적인 트랜스 파일러 Babel https://babeljs.io/ 최신 자바스크립트 문법을 브..

MSA 2023.12.25