를 하려고 했으나 시행착오를 두번 겪고 방황하고 있는 상태 내가 원하는 기능은 다음과 같다. 1. 비용이 들지 않을 것 2. 트래픽 제한이 느슨할 것 3. 코드하이라이팅이 가능할 것 내가 포기할 수 있는 것은 다음과 같다. 1. 서버 2. 글 작성의 편의성 우선 여러가지 자료들을 찾아보면서 나름대로 만들어보려고 했는데 hygraph를 이용 https://hygraph.com/ The Next Generation GraphQL Content Platform Hygraph is the next generation GraphQL-Native Federated Content Platform. Integrate all your services with our unique content federation appr..
😐Critical Rendering Path란? MDN의 정의에 따르면 Critical Rendring Path는 브라우저가 HTML, CSS , JavaScript를 화면의 픽셀로 변환하기 위해 거치는 일련의 단계를 뜻합니다. 이 Critical Rendering Path를 최적화하면 렌더링 성능이 향상됩니다. 또한 Critical Rendering Path에 해당되는 것으로는 DOM , CSSOM, 렌더링트리, 레이아웃이 있습니다. 😑DOM?? Document Object Model의 줄임말로 HTML이 파싱될때 생성됩니다. HTML은 JavaScript를 요청할 수 있고 JavaScript는 차례로 DOM을 변경할 수 있습니다. 🤣Critical Rendering Path에 대한 이해 웹의 성능을 ..
Invalid options object. Dev Server has been initialized using an options object that does not match the API schema. package.json "proxy":"http://localhost:3080/" cra로 구축한 프로젝트에서는 package.json에서 proxy 프로퍼티를 추가해주는 것만으로도 간단하게 개발환경에서 프록시 서버를 운용할 수 있습니다. 하지만 제 환경의 경우 위와같이 invalid options이라며 개발서버가 시작되지 못했습니다. 처음엔 문법의 문제인가 싶어 여러가지 문법들을 적용해보았습니다. package.json "devServer":{ "proxy":{ "/api":{ "target": "..
CI/CD https://xionwcfm.tistory.com/309 CI/CD와 무중단 배포 🐕 CI/CD 무중단 배포 위키 백과에 따르면 CI/CD는 소프트웨어 공학에서 지속적 통합(continuous integration)과 지속적 배포(continuous delivery)가 결합한 사례 를 의미합니다. 즉 소프트웨어의 개발, 테스트 xionwcfm.tistory.com ci/cd에 관한 내용은 이전에 정리해둔 글이 있으니 링크로 대체합니다. 애플리케이션이 사용자에게까지 전달되려면 테스트 , 빌드, 배포 과정을 거쳐야만 할 것입니다. 테스트를 통해 새로 수정된 애플리케이션이 정상적으로 동작하는지 확인할 수 있어야하고 프론트엔드가 담당하는 부분같은 경우에는 여러가지 프레임워크들을 이용해 작업한 파일들..
😖ssh키를 생성해보자. ssh key gen 같은 초기 세팅은 한번 해두면 계속 쓰기도 하니 이렇게 필요한 시점이 오면 쉽게 잊혀지는 것 같습니다. EC2는 어떻게 보면 하나의 컴퓨터를 대여하는것이나 다름 없기에 내 컴퓨터에서 당연하게 쓰던 git setting도 되어있지 않습니다. 심지어는 당연하게 사용하던 node.js도 없고 nvm도 없고 그냥 아무것도 없더라구요 re: zero부터 다시 시작하는 개발환경세팅.. 을 해야하는데 몇번 안해보다보니 까먹게된것같습니다. 터미널을 bash로 전환해주고 cd ~를 통해 루트폴더로 이동했습니다. ssh-keygen 위와 같은 창이 뜬다면 성공입니다. 프롬프트 대화형으로 되어있기에 enter를 좀 입력해줘야합니다. key gen에 성공했다면 ~/.ssh./ 경..
AWS가 제공해주는 자습서를 참고할 수 있습니다. nvm github를 참고해보면 설치방법을 쉽게 알 수 있습니다. curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.3/install.sh | bash wget -qO- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.3/install.sh | bash 둘 중 하나를 그냥 실행시켜주면 됩니다. https://docs.aws.amazon.com/ko_kr/sdk-for-javascript/v2/developer-guide/setting-up-node-on-ec2-instance.html 자습서: Amazon EC2 인스턴스에서 Node.js 설정 - AWS ..
🐕 아마존 웹 서비스 (aws) 아마존 웹 서비스(AWS)란 아마존닷컴의 클라우드 컴퓨팅 사업부에서 제공하는 클라우드 컴퓨팅 서비스라고 할 수 있습니다. AWS에는 컴퓨팅, 스토리지, 데이터베이스, 분석, 네트워킹, 모바일, 개발자 도구, 관리 도구, IoT 보안, 엔터프라이즈 애플리케이션 등 다양한 서비스가 제공되고 있고 필요에 따라 운영체제, 웹 서버, DB, 서버 등까지도 통째로 빌려 사용할 수 있는 서비스입니다. 또한 모든 서비스를 API로 제어할 수 있다는 점이 특징이며 기본적으로 HTTP, REST, SOAP로 이루어지게 됩니다. Management Console이 제공되며 이것을 통하여 제품들을 클릭 몇번으로 간단하게 제어하는 것도 가능합니다. 이처럼 AWS에서 제공하는 다양한 기능들을 잘 ..
🐕 CI/CD 무중단 배포 위키 백과에 따르면 CI/CD는 소프트웨어 공학에서 지속적 통합(continuous integration)과 지속적 배포(continuous delivery)가 결합한 사례 를 의미합니다. 즉 소프트웨어의 개발, 테스트, 배포를 모두 통합하는 것을 통해 더 빠른 배포 주기를 가질 수 있게하는 방법론..이라고 볼 수 있겠네요 각각의 개념들을 좀 더 깊게 살펴 보기 전에 먼저 용어를 정리하고 보겠습니다. 컴파일 프로그래머가 작성한 소스코드를 기계어로 변환하는 과정 빌드 소스 코드 파일을 컴퓨터에서 실행할 수 있는 소프트웨어 산출물로 만드는 과정 배포 빌드의 결과물을 사용자가 접근할 수 있는 환경에 배치하는 것 👻CI 지속적 통합(Continuous integration) 소프트웨어..
