하수도키의 성장일기

개발일기/Web

CDN(Contents Delivery Network) 개념 살펴보기(웹 최적화)

CDNs(Content delivery networks)에 대해 알아보자 AWS CloudFront를 사용중인데 CDN, 캐쉬 관련해서 대략적인 개념만 알고 있는 상태다. 웹 최적화를 검색하는 도중 CDN관련 내용이 있어 간단하게 정리하겠다. web.dev 여기 포스팅을 참고 했다. 개요 CDN은 분산된 서버 네트워크를 사용해 사용자들에게 리소스를 제공함으로써 사이트 성능을 향상시킨다. CDN은 서버 부하(서버 로드)를 줄이기 때문에, 서버 비용을 절감하고, 트래픽 급증(traffic spkies) 처리에 적합하다. 이 포스팅은 CDN이 작동하는 법, CDN 설정 최적화, 플랫폼을 고르는법과 설정하는 법을 알려준다. CDN은 캐시 된 컨텐츠를 제공하는 걸로 잘 알려져 있지만, 캐쉬 할수 없는 컨텐츠를 제..

개발일기/Web

로컬에서 서브 도메인 활용하기(local sub domain)

로컬에서 서브 도메인 활용하기 개요 다국어 작업을 서브 도메인을 이용해야 되는데 로컬에서 테스트 하기가 애매해서 구글링 하다 발견한 내용을 정리했다. 이 포스팅은 엄청 간단하게 내가 이해한 내용을 바탕으로 쓸 예정이다. 아래는 이미지 1개정도 넣어야 될 것 같아 URL 구조 이미지를 추가했으니 참고!! 로컬에서 호스트 설정하기 windows 환경 CMD 커맨드 프롬프트를 관리자 권한으로 열고 아래 명령어를 입력한다. notepad c:\Windows\System32\Drivers\etc\hosts mac/Linxus 환경 mac/linxus 사용자는 sudo 권한으로 아래 명령어를 입력한다. sudo nano /etc/hosts 현재 mac을 사용하고 있으므로 mac 기준으로 설명할 텐데 크게 다른 점은..

개발일기/Web

JavaScript에서 Local Storage를 사용하는 방법

JavaScript에서 Local Storage를 사용하는 방법 원글(https://tania.dev/how-to-use-local-storage-with-javascript)을 번역/의역했습니다. 서론 일반 JavaScript를 사용하여 간단하고 새로운 탭 페이지 응용 프로그램을 만들어 브라우저의 내장 웹 스토리지를 사용하는 방법에 대해 알아보자. 저는 작은 응용 프로그램을 처음부터 순수한 JavaScript로 완전히 구축하는 튜토리얼을 만드는 것을 좋아한다. todolist은 일반적인 앱 아이디어이지만, 할 일을 저장할 데이터베이스가 없으면 그다지 유용하지 않으며, 이는 초보자 영역을 넘어서는 복잡성을 가중시킨다. 이것은 실제로 빠른 메모를 하는데 유용할 수 있다. 브라우저에서 앱을 새 탭페이지로 설..