개발 블로그

Express Node.js 환경의 서버 프로그램을 만들 때 사용하는 프레임워크 더보기 web server : 화면을 이루는데 필요한 코드, 이미지 등을 res에 담아서줌 API server : 요청한 작업을 처리하고 처리한 결과를 response의 body에 json형식으로 담음 (API application programming interface : a piece of software that can be used by another piece of software) routing : 클라이언트의 요청에 대해 서버가 url보고 분기하여 처리 npm init : 현재 디렉토리를 패키지로 만듬 port number : 서버 안에서 실행되는 여러 프로그램들 중 특정 프로그램을 식별 할 수 있게 해주는 번호..

[ 네트워크 기초 ] Protocol (프로토콜) : 클라이언트와 서버가 서로 통신하기 위해 사용하는 규약 ( 클-서 요청 응답 주고받을때 항상 필요) : (약속, 규약) http라는 코어모듈은 클아이너트와 서버간의 통신규약 / 프로토콜 https는 http보다 좀더 안전(secure) / http, https, ssh, pop3 등 Port번호 : 클라이언트가 서버에 요청을 보내려고 할 때, 서버에서 실행되고 있는 여러 프로그램 중 어느 프로그램과 통신할 것인지를 나타내기 위해 지정하는 번호 ( 기본 포트 번호 http 80 / https 443 ) 특수 IP 127.0.0.1 = localhost : 외부의 다른 컴퓨터 아니라 컴퓨터 자기 자신을 나타내는 주소 개발자들이 자신이 만든서버 프로그램 테스..

비동기 실행 : 특정 작업이 완료되었을 때 실행할 콜백을 등록해두고 바로 다음 코드로 실행을 넘기는 것 ( 이전 작업의 마무리 여부에 상관없이 그 다음 일을 처리하는 작업 방식 ) > 비동기 실행의 장점 : '동기 실행'에 비해 '비동기 실행'이 훨씬 더 빠름 > 프로그램의 실행 흐름 Process 프로세스 : 하나의 실행 흐름 Thread 스레드 : 그 안에있는 더 작은 단위의 실행흐름 더보기 ex) chrome 실행 ( 더블클릭 > 실행) hard-disk나 SSD에 저장되있던 프로그램 > memory에 올려서 > CPU(central Processing Unit)실행 하나의 크롬 '프로세스'생성 > 그 안에 하나의 '스레드'가 실행 중 상태 영화다운 (스레드-1) / 음악재생 (스레드-2) / 구글..

Node.js 자바스크립트의 실행환경 > Node.jsⓇ는 Chrome V8 Javascript 엔진으로 빌드된 Javascript 런타임* > 서버* 어플리케이션을 실행하는 데 제일 많이 사용 > 이벤트 기반*으로 동작 (이벤트 발생할 때 미리 지정해둔 작업을 수행하는 방식) [참고] 런타임 : 특정 언어로 만든 프로그램들을 실행할 수 있는 환경 (자바스크립트 실행기) 기존에는 js를 웹 브라우저 위에서만 실행가능 서버 : 네트워크를 통해 클라이언트에 정보나 서비스를 제공하는 컴퓨터 또는 프로그램. ex) 주소창에 사이트 주소 입력(요청) > 브라우저는 컴퓨터로부터 웹사이트 페이지 받아와서 요청자의 브라우저(클아이언트)에 띄움(응답) 이벤트 기반 : 특정 이벤트가 발생할 때 무엇을 할지 미리 등록 ( ..

State ?   🔻 State란: 컴포넌트 내부에서 가지고있는, 객체형태의 컴포넌트의 상태값이며 함수내에 선언된 변수처럼 컴포넌트 내에서 정의하고  사용하며 변경까지시킬 수 있는 객체.(state는 object이고 compo의 data를 넣을 공간이 있고, 이 데이터는 변함)  - State가 필요한 이유    : 컴포넌트안의 요소에서 그 상태값반영해서 데이터가 바뀔때마다 효율적으로 화면(UI)에 나타내기 위해서 필요.  - State와 Props의 차이   : 두객체 모두 렌더링 결과물에 영향을 주는 정보(컴포넌트의 속성값)를 가짐.    props :  (함수의 매개변수처럼) 부모로부터 props를 받고,                     이 props는 상속받은 컴포넌트 내에서 수정 불가능(..

숫자인 num을 인자로 넘겨주면, 뒤집은 모양이 num과 똑같은지 여부를 반환해주세요. num: 숫자 return: true or false (뒤집은 모양이 num와 똑같은지 여부) ex) num = 123 return false => 뒤집은 모양이 321 이기 때문 num = 1221 return true => 뒤집은 모양이 1221 이기 때문 num = -121 return false => 뒤집은 모양이 121- 이기 때문 num = 10 return false => 뒤집은 모양이 01 이기 때문 const sameReverse = num => { let str = String(num).split('').reverse().join(''); if(num === str){ return true; }els..

JSX JavaScript eXtension javascript의 확장문법. javascript에서 html과 같은 문법을 사용. JSX ? React에서 HTML을 표현할 때, JSX를 사용한다. 외관상 HTML같은 markup언어를 리터럴로 입력한는 것으로 보이는데, 빌드시 Babel에 의해 javascript로 변환된다. Hello World! //babel이 javascript로 변환 "use strict"; React.createElement("div", null, React.createElement("b", null,"Hello"), "World!"); ✔️ JSX에서는 하나의 root 레벨 요소가 있어야한다. ? 자바스크립트는 하나 이상을 return 할 수 없기때문에 JSX 규칙 (Babe..