📁Language

브라우저 렌더링 과정 이해하기 (작성중)

javascript를 공부하면서 내가 아직 브라우저 렌더링 과정에 대해 정확히 알지 못하고 있다는 것을 깨달아서 정리해보기로했다. 사전지식 브라우저 : 웹상에 존재하는 페이지들을 검색 및 열람하기 위한 응용 프로그램의 총칭 ex) chorme, safari, internet explorer, microsoft edge 등 렌더링 : HTML, CSS, JS로 작성된 문서를 파싱하여 브라우저에 시각적으로 출력하는 것 파싱 : 프로그래밍 언어로 작성된 문서의 문자열을 '토큰'으로 분해 -> 토큰으로 트리구조의 자료구조인 '파스트리'를 생성 -> 파스트리를 기반으로 '바이트 코드' 생성하고 실행 브라우저 렌더링 동작 과정 렌더링에 필요한 리소스를 서버에 요청하고 응답 받는다. 서버로부터 응답된 리소스를 파싱하..

[JS] 변수 선언 var, let, const

Javascript는 변수를 선언할때 제일 앞에 변수 선언 키워드를 사용한다. var number = 1; let number = 1; const number = 1; var - var 키워드로 선언한 변수는 중복 선언이 가능 (처음 선언한 변수의 값이 변경됨) var x = 1; console.log(x); //1 var x = 2; console.log(x); //2 - var 키드워로 선언한 변수는 함수의 코드 블록만을 지역 스코프로 인정 => 모두 전역 변수가 됨 var x = 1; if(true) { var x = 2; } console.log(x); //2 - 런타임 이전에 변수 선언, 초기화 둘다 실행 console.log(x); //undefined var x; console.log(x);..

[Node.js] npm

npm : node package manager https://www.npmjs.com/ npm Bring the best of open source to you, your team, and your company Relied upon by more than 17 million developers worldwide, npm is committed to making JavaScript development elegant, productive, and safe. The free npm Registry has become the center of Java www.npmjs.com 패키지 설치 # 현재 프로젝트내에 설치 npm install {패키지 이름} # 전역(global)에 설치 npm install ..

[Node.js] Mac 개발환경 구축

설치 brew update brew install node node -v //node 버전 확인 npm -v //npm 버전 확인 node.js 공식 문서 https://nodejs.org/dist/latest-v19.x/docs/api/ Index | Node.js v19.5.0 Documentation nodejs.org

[Node.js] package.json 생성

ENOENT: no such file or directory, open package.json pacakage.json 파일이 없을때 npm init - 특별히 설정할 것이 없다면 전부 enter를 눌러 넘어간다. npm install

[Node.js] PM2

설치 https://pm2.keymetrics.io/ PM2 - Home Advanced process manager for production Node.js applications. Load balancer, logs facility, startup script, micro service management, at a glance. pm2.keymetrics.io Package Manager - 소프트웨어를 관리, 업데이트, 설정해주는 것 - Nodejs 에서는 NPM을 사용함 PM2 - nodejs가 실행되다 꺼지면 다시 켜줌 - 파일을 수정한 경우 nodejs를 껏다키지 않아도 수정사항 바로 반영 (자동으로 껏다켜줌) 설치 npm install pm2 -g 명령어 실행 pm2 start {파일이름}..

[Node.js] 콜백 callback

callback.js var a = function(){ //'a'라는 변수의 정의 console.log('A'); } function testfunc(callback){ //2.testfunc함수는 callback이라는 파라미터를 갖는다. callback(); //3.callback 함수를 실행해라 } testfunc(a); //1.testfunc함수를 변수a를 넣어서 실행해라 실행 명령어 node callback.js 출력 : A

[Python] 입력 input

- 공백으로 구분 - 전부 공통으로 '1 2 3' 입력 a = input() print(a) #1 2 3 a = input("입력: ") print(a) #1 2 3 a = input().split() print(a) #['1', '2', '3'] a = list(input().split()) print(a) #['1', '2', '3'] a = tuple(input().split()) print(a) #('1', '2', '3') a = map(int, input().split()) print(a) # a = list(map(int, input().split())) print(a) #[1, 2, 3] a = tuple(map(int, input().split())) print(a) #(1, 2, 3) ..

[JS] fetch API 사용하기

초기화면 - fetch_test.html 버튼 누르면 알림창 띄우기 - fetch_test.html - event 파일 제목 내용이다. 버튼 누르면 글 나오게 하기 - fetch_test.html - event 파일 제목 내용이다.

[Node.js] Window 개발환경 구축

다운로드 https://nodejs.org/ko/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org - LTS 다운 설치 확인 - cmd창 (Window + r) 종료 : ctrl + c 두번 파일 실행하기 - 폴더 하나 만든다. - 폴더 내에 .js 파일 하나 만든다. - cmd창으로 실행해본다 생성한 파일 경로로 이동 cd {파일을 생성한 디렉터리 경로} 디렉터리내 파일 보기 dir 실행 node {파일이름}