본문 바로가기

프론트엔드 빌드 시스템에 대해서 알아보자! (feat. Webpack) 📌 웹팩을 사용하기 전, 알고 있으면 좋은 배경 지식들 웹팩을 사용하기 전, Node.js & NPM이 필요합니다. 해당 도구들에 대한 배경 지식이 있으면 웹팩을 다루는데 도움이 됩니다. 해당 배경 지식이 있는 분들은 웹팩으로 바로 넘어가셔도 좋습니다. ✨ Node.js 브라우저 밖에서도 자바스크립트를 실행할 수 있는 환경을 의미합니다. ✨ NPM(Node Package Manager) 자바스크립트 라이브러리를 설치하고 관리할 수 있는 패키지 매니저입니다. 주요 명령어 npm init : 명령어 실행 시, package.json 파일이 생성됩니다. npm init -y : 명령어 실행 시, package.json 파일이 생성됩니다. npm install ${라이브러리 이름} : 해당 명령어로 라이브러리 ..
🤷🏻 여러 서버에서 세션은 어떻게 처리할까? 📌 서론 하나의 서버에서 모든 트래픽을 감당한다고 가정해보자. 이렇게 되면 클라이언트가 많아질수록 부하가 생길 수 있다. 그래서 scale-out으로 서버를 여러대로 늘리고 앞에 로드 밸런서를 두어서 트래픽을 분배하도록 하는데 그렇다면 아래와 같은 상황이 발생할 수 있다. 로그인을 한다. 1번 WAS에서 로그인을 처리한다. 상품을 주문한다. 2번 WAS에서 요청을 받는다. 이때 발생할 수 있는 문제점은 무엇일까? 1번 WAS에서 로그인을 처리하고 세션으로 관리하는데 2번 WAS에 요청하게 되면 로그인 정보가 없다. 따라서 사용자는 로그인을 다시 해야 하는 상황이 발생할 수 있다. 어떻게 해결할지 한번 알아보자. 📌 Sticky Session Sticky Session은 쿠키나 세션을 사용하여 트래픽을 분..