DevLog

const http = require('http'); const PORT = 5000; const ip = 'localhost'; const server = http.createServer((request, response) => { const { headers, method, url } = request; console.log('headers:') console.log(headers) console.log(`method: ${method}, url: ${url}`); //TODO: method가 options일 때 if (method === "OPTIONS") { // CORS 설정을 돌려줘야 한다. response.writeHead(204, defaultCorsHeader); response.end(..

🎁 Today - (클라이언트 - 서버)의 관계에 대한 개념 학습 - 브라우저의 작동원리 학습 - HTTP 학습 - SSR vs CSR 학습 🤔 Learned 클라이언트 - 서버 API는 Application Programming Interface의 약자이며, Interface의 사전적 의미는 "의사소통이 가능"하도록 만들어진 "접점"을 의미합니다. 이 의미에 따르면, 메뉴판도 인터페이스라고 볼 수 있습니다. URL과 URI URL은 Uniform Resource Locator의 줄임말로, 네트워크 상에서 웹 페이지, 이미지, 동영상 등의 파일이 위치한 정보를 나타냅니다. URL은 scheme, hosts, url-path로 구분할 수 있습니다. 가장 먼저 작성하는 scheme은 통신 방식(프로토콜)을 ..

🎁 Today - callback, promise, promiseAll, asyncAwait 와 fs모듈을 이용해서 코드짜기 - fetch를 이용하여 api 요청하기 - 리턴값과 파라미터 값이 동일하면 생략 가능 🤔 Learned callback const fs = require("fs"); const getDataFromFile = function (filePath, callback) { fs.readFile(filePath, 'utf-8', (err, data) => { if (err) { callback(err, null) } else { callback(null, data) } }); }; getDataFromFile('README.md', (err, data) => console.log(data..

🎁 Today - javascript 비동기 호출, callback 학습 - Promise, async/await 학습 - Node.js 내장모듈 사용법 학습 🤔 Learned 비동기 콜백함수 사용법 const delay = (wait, callback) => { setTimeout(callback, wait); } function runCallback() { resetTitle(); playVideo(); delay(1000, () => { pauseVideo(); displayTitle(); delay(500, () => { highlightTitle(); delay(2000, resetTitle); }); }); } Promise 사용법 const sleep = (wait) => { return n..

🎁 Today - 그래프 탐색 기법 학습 - BFS와 DFS의 개념 학습 - BFS와 DFS 를 활용하여 알고리즘 문제 풀이 🤔 Learned BFS: 너비 우선 탐색(Breadth-First Search) 너비 우선 탐색(Breadth-first search, BFS)은 맹목적 탐색 방법의 하나로 시작 정점을 방문한 후 시작 정점에 인접한 모든 정점들을 우선 방문하는 방법이다. 더 이상 방문하지 않은 정점이 없을 때까지 방문하지 않은 모든 정점들에 대해서도 너비 우선 검색을 적용한다. class Tree{ constructor() { this.root = null; } BFS(fn) { // 인자로 callback 함수를 받는다. if(this.root === null) return; const unv..

🎁 Today - Stack, Queue, Tree, Graph 자료구조 이해와 각 자료구조의 개념과 구조 파악 - 상황에 맞는 자료구조를 사용하여 알고리즘 문제 풀이 🤔 Learned 자료구조(Data Structures)란? 데이터는 분석하고 정리하여 활용해야 의미를 가질 수 있고, 데이터의 특징을 잘 파악(분석)하여 활용해야 한다. 이를 위해 데이터를 효율적으로 다룰 수 있는 방법들을 모은 것이 자료구조이다. 즉, 자료구조란? 여러 데이터들의 묶음을 저장하고, 사용하는 방법을 정의한 것이다. 각 자료구조들의 특징을 잘 이해하고 상황에 맞는 자료구조를 사용하여 문제를 해결해야 한다. 스택(Stack) 스택(Stack)은 쌓다, 쌓이다, 포개지다 와 같은 뜻을 가지고 있다. 가장 먼저 들어간 데이터는 ..

🎁 Today - 재귀(recursion)의 이해, JavaScript에서 재귀 호출 학습 - 재귀(recursion)을 이용한 알고리즘 문제 풀이 🤔 Learned 문제를 쪼개어 생각하는 방법 어떤 문제를 해결할 때, 동일한 구조의 더 작은 문제를 해결함으로써 주어진 문제를 해결하는 방법을 재귀(recursion)라고 합니다. 재귀의 과정을 arrSum에 적용하면, 다음과 같습니다. 기존의 문제에서 출발하여 더 작은 경우를 생각합니다. arrSum([10, 3, 6, 2]) = 10 + arrSum([3, 6, 2]);[코드] arrSum에 적용할 문제를 더 작게 쪼갭니다. 같은 방식으로, 문제가 더는 작아지지 않을 때까지 더 작은 경우를 생각합니다. arrSum([3, 6, 2]) = 3 + arrS..

🎁 Today - JavaScript Object 복습 - JavaScript Array 함수 10 종류 학습 🤔 Learned Array.prototype.sort() 배열의 요소를 정렬(오름차순) var numbers = [4, 2, 5, 1, 3]; numbers.sort(function(a, b) { return a - b; }); console.log(numbers); // > Array [1, 2, 3, 4, 5] 배열의 요소를 정렬(내림차순) var numbers = [4, 2, 5, 1, 3]; numbers.sort(function(a, b) { return b - a; }); console.log(numbers); // > Array [5, 4, 3, 2, 1] 객체의 속성 값을 기준으..