이전 Overview에서 React가 내부적으로 Fiber Tree를 사용하여 최소한의 DOM 업데이트를 계산하고 커밋 단계에서 실제 업데이트를 진행한다고 간략하게만 이야기했다. 이번에는 React가 초기 마운트(초기 렌더링)시에 정확히 어떤 동작을 하는지 알아보자.

React Core Deep Dive 시리즈를 시작하며 리액트의 내부 동작을 알아보기 위해 JSer.dev님의 React Internals Deep Dive 블로그를 기반으로 Deep Dive를 시작해보려고한다. 해당 시리즈에서는 블로그 원문을 단순 번역하는게 아니라

Github Actions는 레포지토리의 .github/workflows 하위의 yml파일을 기반으로 동작한다.Github Actions -> S3 -> CodeDeploy -> EC2로 배포되도록 작성된 workflow를 분석해보자.

이제 S3에 저장된 빌드 파일을 EC2로 서빙시켜줄 CodeDeploy에 대한 설정을 해보자.일단 IAM 서비스에 접근하여 새로운 역할을 생성해주어야 한다.IAM -> 역할 -> 역할 만들기엔터티 유형은 AWS 서비스를 선택한다.사용 사례는 CodeDeploy를 검색하

Github Actions로 빌드된 결과물을 S3를 통해 EC2 인스턴스에 배포할것이다.Github Actions에서 바로 EC2로 배포할 수 있다면 좋지만 아쉽게도 현시점에서 그런것은 불가능하다.S3서비스에 접근하여 버킷 만들기 버튼을 눌러준다.버킷 이름과 리전을 선

배포 과정에 대한 글이니 Next.js나 AWS에 대한 설명은 생략하겠다.1편은 Next서버가 구동 될 EC2 인스턴스를 생성 및 설정하는 과정이다.EC2인스턴스 대시보드인스턴스 생성 전 우측 상단에서 사용 할 지역을 설정해준다.해당글은 서울 리전(ap-northeas