CS

📌 Bundle 이란 파일을 모듈로 다루면서 모듈간 참조가 이루어지게 됨. 이런 다양한 확장자의 파일을 Bundling을 통해 확장자별로 하나의 파일로 묶은 것 📌 Bundling 이 중요한 이유 1. 모든 모듈을 로드하기 위해 검색하는 시간이 단축된다. - 모듈은 파일임. 파일에 접근하여 읽고 해석하고, 접근을 끊고 하는 과정이 파일마다 반복되게 됨. 한 파일 안에 모듈들이 모두 담기면 파일 접근 횟수도 줄어들고 한 파일 내에서 모듈 찾는 속도가 더 빠름. 2. 사용하지 않는 코드 제거 - 모듈 내에서 기능 내보낼때 사용하지 않는 기능은 번들링 될 때 삭제 - 파일크기 줄어들음 -> 리소스 더 빠르게 불러온다 -> Render Tree를 생성 하기 위해 파싱하는 시간 단축 -> 빠르게 컨텐츠 확인 가능..

📌 모듈이란? 프로그램을 구성하는 내부의 코드가 기능별로 나뉘어져 있는 형태 작성된 모듈은 개별적으로 컴파일된 후, 링커에 의해 하나의 실행 파일로 만들어진다. 분할 컴파일: 하나의 실행파일을 만들기 위해 소스 파일을 여러개로 나누어 개발하는 방식 📌 사용 이유 한 파일에 코드가 많으면 가독성과 재사용성이 떨어지고 유지 보수가 어렵다는 문제가 있다. 기능별로 모듈로 나누고, 적재적소에 가져다 사용하자 📌 Module System 파일을 모듈로 다룰려면 모듈 시스템이 필요하다. 파일을 하나의 모듈로 읽을 수 있고 자신의 코드를 다른곳에 서 참조할수있으며 마찬가지로 다른 모듈로부터 특정 기능 참고가 가능함 모듈 시스템 종류 1. CommonJS: Node.js에서 선택한 환경 2. ESM: ECMAScrip..

(실시간) 서버 통신 기술 중 SSE에 대해 알아봅시다! 1. Polling 📌 가장 기본적인 데이터 처리방식, 특정 주기로 서버에 http 요청을 보내는 방식 보통 사용하는 요청을 보내고 그에 대한 응답을 받는 방식. 차이점은 요청을 보내고 응답을 받은 다음 그 다음 요청까지 interval이 있다는 점이다. - 장점: 간단 - 단점: 클라이언트가 많아지면 서버의 부담이 급증한다. (매 요청마다 새로운 연결 설정하고 끊고해야해서) - 필요한 상황: 실시간 메세지 전달이 중요하지 않을 때 정기적으로 업데이트를 가져와야 할 때 2. Long Polling 📌 Polling과 유사하지만 서버는 연결을 끊지 않고 이벤트 발생까지 대기 클라이언트에서 서버로 일단 Http 요청을 보내고 계속 기다리다가 서버에서 ..

CORS(Cross-Origin Resource Sharing) CORS는 짜증날 수 있어도 우리편입니다… 😅 1. CORS는 무엇일까요? CORS란 Cross Origin Resource Sharing의 약자로, 서로 다른 origin 간 HTTP reqeust가 가능하도록 해주는 표준이다. 📢 원래 웹 보안 정책상 출처가 다르면 교류가 안됩니다! (SOP) [1] ORIGIN(출처)는 무얼 의미하나요? http://localhost와 동일 출처인 URL은? 동일한 출처에서만 리소스를 공유할 수 있다 즉, 동일 출처서버에 있는 리소스는 자유로이 가져올수있지만, 다른 추처 서버에 있는 이미지등의 리소스는 상호 불가하다는 말입니다! 왜 이런 정책을..? 🧐 제약이 없다면 해커가 아래와 같은 방법을 통해 악..