- 번틀러 : 웹 애플리케이션의 모든 자원(자바스크립트 파일, CSS 파일, 이미지 파일 등)을 하나 또는 여러 개의 파일로 병합 및 압축하는 역할 => 네트워크 요청의 수 최소화 => 로딩 시간을 줄임
1) 병합(여러 개의 파일을 하나로 병합)과 코드 최소화
2) 모듈 시스템(CommonJS, AMD) 지원 => 코드의 재사용성과 유지보수성 높여줌
3) 트랜스파일링(Babel) 지원 => 최신 자바스크립트 문법을 브라우저 호환이 가능한 코드로 변환
4) 환경 변수 처리, 파일 경로 관리
- 웹 프레임워크
1)탄생배경: 동적인 웹 어플리케이션의 필요, 보안, 성능최적화, 데이터베이스 연동 등 고려해야 할 사항들이 많아짐
2)필요성 : 효율성(개발 시간이 줄어듦), 유지보수성, 보안(SQL 인젝션,XSS,CSRF 등과 같은 웹 공격에 대한 보호), 확장성(모듈화된 구조로 기능을 추가하거나 수정하기가 쉬움)
- Refresh Token, Access Token
1) Refresh Token 발급 : 보통 긴 만료 시간을 가지며 Access Token 을 새로 발급받는 데 사용됨
2) Refresh Token 저장 : 발급된 Refresh Token을 사용자와 연결시키기 위해 저장, 데이터베이스에 Refresh Token과 ID를 저장하는 테이블을 생성하고 발급된 Refresh Token을 해당 테이블에 저장.
3) Access Token 재발급 엔드포인트 생성 : Access Token이 만료되었을 때, 새로 발급받을 수 있는 엔드포인트를 생성해야 함. 클라이언트는 이 엔드포인트에 Refresh Token을 전달하고, 새로운 Access Token을 발급
4) Refresh Tokem 검증 : 데이터베이스에서 해당 Refresh Token 을 찾고 유효한 경우에만 Access Token 발급
5) 로그아웃 로직 변경: 로그아웃 요청을 보낼 때 발급된 Refresh Token도 함께 폐기
