CSR ( Client Side Rendering) CSR은 React,Vue 등의 SPA(Single Page Application)에서 쓰이는 기법이다. 서버는 요청을 받으면 클라이언트에 HTML과 JS를 보내주고 클라이언트가 그것을 받아 렌더링을 합니다. 데이터를 제외한 모든 코드들은 index.js에 들어있습니다. 때문에 첫 화면 로딩시 번들 크기에 따라 로딩시간이 오래걸릴수도 있습니다. (code splitting 기능으로 어느정도 해결가능) CSR은 이미 모든 페이지 코드들을 가져와있기때문에 클라이언트가 상호작용을한다면 데이터만 바꿔주면됩니다. CSR의 단점은 초기 html에 데이터가 없어 검색 봇이 해당페이지를 빈페이지로 착각하여 SEO 검색엔진 최적화에 취약합니다. CSR 작동 방식 클라이..
Lambda Lambda(람다)란 AWS에서 제공하는 Serverless(서버리스) 컴퓨팅 플랫폼이다. Serverless Serverless 란 서버가 "없다" 가 아닌 서버를 "신경쓸 필요 없다" 로 이해하면 편하다. 개발자는 서버가 터지진않는지 잘돌아가고있는지 상관할 필요없이 코드에만 집중하며 개발할수 있다는 장점이 있다. 람다 언제 쓰면 좋을까? 코드를 계속 실행시키기보단 특정 트리거에 의해 실행시키는 경우 람다를 보통 사용한다. Lambda 단점 리소스 제한 메모리 제한 최대10GB. 처리시간 최대 900초 제한 하나의 함수가 한번 호출될때 최대 10GB 메모리 까지 사용이 가능하며 처리시간은 최대 15분 Stateles Lambda 함수는 이벤트에 의해 호출될 때 마다 새로운 환경에서 호출된다..
번들링(Bundling) 이란 여러 개로 흩어져 있는 파일들을 압축, 난독화 등을 하여 하나의 파일로 모아주는 역할을 한다. 현대의 프로젝트들의 파일들이 점점 많아지고 크기가 커져감에 따라 JavaScript 파일들을 여러개 나누어 관리하게 되었고, 여러개를 각각 다운받는 속도보다 하나로 뭉쳐서 다운받는 것이 훨씬 빠르기 때문에 시작 되었습니다. 프론트엔드를 위한 많은 번들러가 있는데 그중에서 제일 많이 사용되어지는 웹팩(Webpack) 에 대해서 알아보겠습니다. Webpack https://webpack.js.org/ webpack webpack is a module bundler. Its main purpose is to bundle JavaScript files for usage in a brows..
