etc.

웹팩이 뭔가요?

이 글은 웹팩 핸드북을 보며 정리한 글입니다 😅 사실 프론트엔드 공부를 시작하며 드문 드문 웹팩이란 단어를 보았지만, 당장 필요한 기술이 아니라 판단되어 공부하지 않았습니다. 하지만 핸드북을 보며 개념을 이해하고 나니 자바스크립트랑 조금 더 친숙해진 것 같아 기분이 좋습니다! 웹팩 웹팩모듈 번들러. 모듈 번들러란 웹 애플리케이션을 구성하는 자원 ((HTML, CSS, Javscript, Images 등)을 모두 각각의 모듈로 보고 이를 조합해서 병합된 하나의 결과물을 만드는 도구를 의미합니다. 모듈 성격이 비슷한 기능들을 하나의 의미 있는 파일로 관리하면 모듈이 됩니다. 모듈 번들링 웹 애플리케이션을 구성하는 몇십, 몇백 개의 자원들을 하나의 파일로 병합 및 압축해주는 동작을 모듈 번들링이라고 합니다. ..

AWS S3 정책

AWS S3 배포시 사용하는 정책 템플릿입니다. { "Version": "2012-10-17", // 2012-10-17 발표된 정책을 기준으로 하겠다. "Statement": [ { "Sid": "PublicReadGetObject", // 내가 권한에 부여한 이름 "Effect": "Allow", // 이 권한을 허용한다는 뜻 "Principal": "*", // 누구나 접근할 수 있도록 * 로 표현 "Action": "s3:GetObject", // s3 object 가져가라는 뜻 "Resource": "arn:aws:s3:::todots/*" // 버킷ARN(제 버킷명은 todots 입니다)/* } ] }

원티드 프리온보딩 프론트엔드 코스 합격 🎉

서비스 런칭 3일 전, 원티드 프리온보딩을 알게 되어 부랴 부랴 선발 과제를 했다. 현 프로젝트를 놓을 수가 없어서 계속 미루다가 과제 제출 마감 2일 전, 새벽 4시까지 작업해서 제출 완-료! 사실 80명이나 뽑고 지원자가 많지 않은 것 같아 간절함이 덜했던 것 같다. 근데 막상 제출하고 나니 엄청 하고 싶어져서 막 후기 찾아보고 지원한 다른 사람들 깃헙 뒤져서 어떻게 구현했는지 내 코드랑 비교하고 난리부르스 쳤다 ㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎ 빨리 제출한 지원자들에게 가산점이 있는 것도 엄청 큰 차이로 느껴져서 떨어져도 너무 실망하지 말자고 스스로를 위로했다. 결과는 이번 주 금요일 12시에 나온다고 해서 마음 졸이고 있었는데, 오늘(목) 낮에 급 문자가 왔다. 🎉 합격 🎉 현재 진행하고 있는 부트캠프와 ..

AWS Cloud Front 란?

https://inpa.tistory.com/entry/AWS-%F0%9F%93%9A-CloudFront-%EA%B0%9C%EB%85%90-%EC%9B%90%EB%A6%AC-%EC%82%AC%EC%9A%A9-%EC%84%B8%ED%8C%85-%F0%9F%92%AF-%EC%A0%95%EB%A6%AC 위 링크 내용을 스크랩 목적으로 작성한 글입니다. CDN 이란? CDN(Content Delivery Network or Content Distribution Network, 콘텐츠 전송 네트워크) 은 콘텐츠를 효율적으로 전달하기 위해 여러 노드를 가진 네트워크에 데이터를 저장하여 제공하는 시스템이다. CDN 특징 웹 페이지, 이미지, 동영상 등의 컨텐츠를 본래 서버에서 받아와 캐싱 해당 컨텐츠에 대한 요청이 ..

🤔 MPA SSR SPA CSR 용어 정리

MPA (Multiple Page Application) 두 개 이상의 Page 로 구성된 Application 입니다. MPA 는 SSR (Server Side Application) 방식으로 렌더링 합니다. SSR (Server Side Application) 사용자가 새로운 페이지를 요청할 때마다 서버에서 렌더링 된 정적 리소스가 다운로드됩니다. SSR 은 아래의 순서를 따릅니다. 사용자가 사이트(클라이언트) 접속 👉 서버는 잘 만들어진 (HTML, CSS, JS 가 들어 있는) index.html 을 응답 👉 사용자가 사이트를 이용하기 위해서 모든 JS 파일을 서버에게 요청 👉 서버가 모든 JS 파일 응답 👉 사용자는 사이트 사용 가능. 👉 만약 사용자가 A 부분 수정을 서버에 요청하면, 서버는 ..