공부/http (2) 썸네일형 리스트형 [aws] ec2, mongo db + react 프로젝트 배포하기 1. aws 계정 생성 -> 인스턴스 생성(Ubuntu)로 인스턴스 시작 (+키 생성) 보안 포트 범위 설정 mongo db 포트와 react의 포트 번호, 그리고 nginx의 80번 설정( 내 경우엔 3000,5000,80 ) 2. 윈도우는 주로 PUTTY를 사용하는 듯하다. PUTTYGen으로 private key file을 생성하고, PUTTY로 키 파일 경로 찾아서 넣어주고, 호스트이름은 aws 해당 인스턴스에서 퍼블릭 IPv4 DNS를 확인한다. ubuntu@퍼블릭 IPv4 DNS 로 key는 auth에 파일경로로 넣어주고, putty를 실행해준다. putty 사용법은 구글링하면 많이 나온다. 3. ✔ 우분투 명령어를 입력할수 있는 터미널이 정상적으로 작동하면 성공, 몽고디비 사이트에가도 doc.. [http] 브라우저의 렌더링 과정 본 포스팅은 저자 이웅모님의 '모던 자바스크립트 deep dive를 참고하였습니다. 🐬렌더링이란? 브라우저가 html, css, 자바스크립트로 작성된 텍스트 문서를 브라우저에 시각적으로 출력하는 것. 구글에 렌더링에 대해서 찾아보면 다양한 그림들이 나온다. 🐣렌더링 수행과정 1. 주소창에 www.goole.com 입력 -> dns가 실제 서버를 찾아준다. 2. html, css, 자바스크립트, 이미지, 폰트 등 렌더링에 필요한 리소스를 서버에 요청하면 응답을 받는다. 2. 브라우저의 렌더링 엔진이 응답받은 html, css를 파싱하여 DOM과 CSSOM 생성하고 결합, 렌더 트리 생성. 3. 브라우저의 자바스크립트 엔진이 응답받은 자바스크립트를 파싱, 이 때 자바스크립트가 DOM API를 통해 DOM이나.. 이전 1 다음
