React의 배포SSR를 사용하지 않는 CSR React 라이브러리 및 React 기반 프레임워크들은 빌드하면 아래와 같은 파일이 산출물로 나오기 때문에 정적 배포가 가능하다.assets/scripts/ㄴ index.jsㄴ index_ABCD.jsㄴ ...index.html따라서 AWS의 S3와 같은 서비스를 사용하여 정적 배포를 하기도 하고, CDN을 사용하기 위해 앞단에 cloudFront 서비스를 붙여 사용하기도 한다.CloudFront의 캐시 기능cloudFront는 캐시기능을 제공한다, 아래 사진과 같이Cloudfront → 배포 ID 선택 → 작업 → 동작 → 편집에서 캐시가 걸려있는것을 확인할 수 있다. (이 경우는 비용절감을 위해 캐시를 직접 설정했다){ "type": "mediaSing..
2024.12.16 추가내 개인적으로도 귀찮기도 하고, 아래 설치과정을 한번에 진행하는 내용이다.Github gist zsh.shGitHub Gist: instantly share code, notes, and snippets.gist.github.com 이번 포스팅은 정보 제공의 목적도 있지만,기본적으로 작성자 본인이 어느 컴퓨팅 환경에서도 위와같은 shell 설정을 하기 위함이다.따라서 글 자체가 간단할 수 있다.기본적으로 zsh은 기존 bash에서 편리한 기능몇개를 추가한 shell 환경이다.oh-my-zsh은 zsh의 설정을 쉽게 할 수 있게 도와주는 프레임워크이다.다양한 플러그인, 테마등을 포함하고 있어 zsh의 설정을 도와준다.powerlevel10k는 zsh의 테마중 하나이다. 기존zsh에..
vim이 정말 편한 이유 windows에서는 _vimrc, mac/linux에서는 .vimrc 이 파일에 모든 vim 설정이 다 들어있기 때문이다. 이 파일만 저장을 해두면, 어디서든 vim 편집기를 원래 사용하던 대로 사용할 수 있다. vim에는 여러 plugin들이 있어서 그 plugin 목록을 적어두면 자동으로 설치해서 바로바로 사용할 수 있는 엄청난 장점이 있다. 내 vim 첫 화면이다. 옆에 이렇게 파일구조도 트리형태로 표현 할 수 있다. 게다가 이 명령어들은 전부 커스텀 가능해서, 정말 별게 다 된다고 한다. 아직 많이는 안써보긴 했지만, 아래의 플러그인 목록정도를 설치해서 쓰고 있다. 또한, 플러그인을 사용하지 않더라도, vimrc 설정을 몇개 해주는것 만으로도 다양한 기능들을 구현할 수 있..
목차 ※ 영상 - Docker Tutorial for Beginners - A Full DevOps Course를 참고하여 작성한 글입니다. 왜, 어째서 도커인가? 다양한 어플리케이션, 복잡한 의존성 웹 서비스를 위한 프로젝트를 하나 만든다고 생각해보자. 웹 서비스를 만들기 위해서는 nodejs express, mongoDB, redis등의 다양한 어플리케이션을 이용하여서 프로젝트를 구성할 수 있다. 이를 위해 먼저 nodejs를 위해서 이에 맞는 OS를 찾아서 선택했따. 그렇게 맞는 OS를 찾았다고 생각했는데 선택한 OS에서 mongoDB, redis등을 지원하지 않는다? 이러면 또 다른 OS를 찾아서 모두 만족할 수 있는 OS를 찾아야 한다. 그렇게 OS를 찾고, 그 위로 각 어플리케이션에 맞는 라이..
