박동훈
@Laeti-Park
es laetus🙂

Node.js 교과서 : 6. 익스프레스 웹 서버 만들기

Express(익스프레스) 편의 기능들을 추가한 웹 서버 프레임워크 중 하나 http 모듈의 요청과 응답 객체에 추가 기능들이 부여됨 npm i express // Express 설치 npm i -D nodemon // 서버를 자동으로 재시작 시켜주는 모듈 const express = require('express'); const index = express(); index.set('port', process.env.PORT || 3000); // 서버가 실행될 포트 설정 …

2023년 01월 16일 · 6 min read

Node.js 교과서 : 5. 패키지 매니저

npm Node Package Manager : javascript 패키지가 등록되어 있는 곳으로 Node.js로 javascript 프로그램을 실행할 수 있음 패키지 : npm에 업로드된 노드 모듈로 패키지간에 의존 관계가 있음 yarn : 페이스북에서 내놓은 패키지 매니저로 npm 서버가 너무 느릴 경우 yarn 패키지로 대체 가능 package.json 설치한 패키지 버전을 관리하는 파일 노드 프로젝트를 시작하기 …

2023년 01월 13일 · 2 min read

Node.js 교과서 : 4. HTTP 모듈로 서버 만들기

요청과 응답 클라이언트와 서버가 통신할 때 HTTP(HyperText Transfer Protocol)를 사용해 TCP Connection으로 연결해 요청으로 원하는 정보를 서버에 보내고, 서버에서 해당하는 내용은 응답으로 클라이언트에 받을 수 있음 createServer : 인수로 요청한 콜백 함수를 실행할 수 있음 const http = require('HTTP'); http.createServer((req, res) => { // 이벤트 리스너 응답 // req : …

2023년 01월 10일 · 10 min read

Node.js 교과서 : 3. 노드 기능 (2)

파일 시스템 접근 fs 모듈 : 파일 시스템에 접근하는 모듈 const fs = require('fs'); // read a file fs.readFile('./Script/Chapter3/node3_5/readme.txt', (err, data) => { if (err) { throw err; } console.log(data); // 버퍼(Buffer) console.log(data.toString()); // 버퍼 문자열 반환 }); 콜백 형식의 모듈이기 때문에 실무에서 사용하기 위해서는 프로미스 형식으로 작성 readFile(파일 경로, …

2023년 01월 09일 · 19 min read

Node.js 교과서 : 3. 노드 기능 (1)

REPL 사용하기 READ(읽기) / EVAL(해석) / PRINT(반환) / LOOP(반복) 정보를 읽어 해석한 것을 출력하는 과정을 반복하는 것을 의미 미리 컴파일하지 않아도 콘솔을 통해 사용 가능함 JS 파일 실행하기function helloWorld() { console.log('Hello World'); helloNode(); } function helloNode() { console.log('Hello Node'); } helloWorld(); $ node helloWorld Hello World Hello Node 모듈 만들기 …

2023년 01월 04일 · 31 min read

Node.js 교과서 : 2. 알아두어야 할 자바스크립트

ES2015+const, let const : 고정된 값 할당할 시 사용 let : 다른 값을 할당하는 상황이 생길 경우 사용 템플릿 문자열 (`)백틱으로 감싸며 문자열 안에 ${변수}를 넣을 수 있음 ${num1} + ${num2} = ${result2} 입니다. 객체 리터럴 속성명과 변수명이 동일한 경우 한 번만 써도 괜찮음 객체의 속성명은 동적으로 생성 가능 var …

2022년 12월 11일 · 16 min read

Node.js 교과서 : 1. 노드 시작하기

Node.js(노드) Node.js®는 Chrome V8 JavaScript 엔진으로 빌드된 Javascript 런타임 노드는 서버 뿐만 아니라 자바스크립트 프로그램을 실행하는 런타임으로서 사용할 수 있음 서버 : 네트워크를 통해 클라이언트에 정보나 서비스를 제공하는 컴퓨터 또는 프로그램 정보나 서비스 데이터가 저장되고 불러올 수 있는 곳 요청(Request) : 웹 사이트 방문할 때 주소를 입력(요청) 응답(Response) : 브라우저에서 …

2022년 12월 09일 · 4 min read

명품 웹 프로그래밍 정리 노트 : 4. CSS3로 웹 페이지 꾸미기

CSS3 스타일 시트 CSS(Cascading Style Sheet) : HTML 문서 색이나 모양 등 외관을 꾸미는 언어 스타일 시트(Style Sheet) : CSS로 작성된 코드 /* 스타일 형식 */ p { text-align: center; } /* p : 셀렉터, 괄호 안에 정의한 스타일 규칙이 적용될 대상 */ text-align: center; : 스타일 속성(프로퍼티)과 속성 값, …

2022년 07월 10일 · 13 min read

명품 웹 프로그래밍 정리 노트 : 3. HTML5 문서 구조화와 웹 폼

HTML5의 문서 구조화, 시맨틱 웹 시맨틱 웹 : 웹 문서를 구조화하여 의미 있는 내용 탐색이 용이한 웹이다. <p>, <div>, <h1> 등 태그를 사용하는 HTML 기존 태그들은 문서의 구조나 의미 전달이 어렵다. <header>, <section>, <article>, <main>, <summary>, <mark>, <time> 같은 시맨틱 태그를 사용해 문서의 구조와 의미 전달을 용이하게 한다. 시맨틱 태그 …

2022년 07월 09일 · 15 min read

명품 웹 프로그래밍 정리 노트 : 2. HTML5

HTML 페이지 <!DOCTYPE html> : HTML5 문서를 표시하는 지시어 <!--&quot;내용&quot;--> : 주석문 작성하는 부분으로 화면에 출력하지 않는다. <html>, <head>, <title>, <body> : 시작/종료 태그가 모두 존재하며, HTML5 구조를 나타내는 필수 태그 HTML 태그 구성<img src=&quot;heart.jpg&quot; width=&quot;100&quot; height=&quot;50&quot; alt=&quot;사랑합니다&quot;> <!-- img : 태그 이름 src : 속성 이름 &quot;heart.jpg&quot; : 속성 …

2022년 07월 06일 · 19 min read