HANA -J

> 항해99 4주차 노드심화... 모르겠다.. 어렵다 Express.js의 라우터? 미들웨어? 라우터는 미들웨어 입니다. 어떤 원리로 동작하기 때문에 미들웨어로 라우터를 구현할 수 있을까? 미들웨어 함수는 req(요청) 객체, res(응답) 객체, 그리고 어플리케이션 요청-응답 사이클 도중 그 다음의 미들웨어 함수에 대한 엑세스 권한을 갖는 함수이다. 미들웨어란 클라이언트에게 요청이 오고 그 요청을 보내기 위해 응답하려는 중간(미들)에 목적에 맞게 처리를 하는 함수들이다. express는 여러 middleware 유형이 존재한다. 어플리케이션 레벨 미들웨어 라우터 레벨 미들웨어 오류 처리 미들웨어 써드파티 미들웨어 라우터 레벨 미들웨어 ? Router객체를 이용해 router.use() 또는 router..

> 2021/11/15 - 2021/11/20 >Node.js 입문 주차 지난 TIL에 Express에 이어서 1. NPM? NodePackageManager의 약어로 패키지를 관리하는 작업을 안전하게, 자동화 할 수 있게 해주는 도구이다. npm을 통해 패키지또는 모듈이라고 불리는 자바스크립트 소프트웨어를 자신의 프로젝트에 설치할 수 있다. >패키지 : package.json으로 설명되는 파일 또는 디렉토리 >패키지 관리: 패키지를 설치, 업데이트, 수정, 삭제 하는 작업 > 모듈 : node.js의 require()함수로 로드 될 수 있는 node_modules 디렉토리안의 파일 또는 디렉토리이다. 2. package.json? package.json은 프로젝트의 정보를 정의하고, 의존하는 패키지 버..

11. 타입변환 - 명시적 타입변환 //문자열 타입 변환 String(1); // "1" String(true) //"true" (false).toString(); // "false" //숫자 타입 Number('3'); //3 Number(true); // 1 Number(false);//0 parseInt('10.3'); // 10.3 //불리언 타입 Boolean('hello'); // true Boolean(''); // false Boolean(Null);//false Boolean({});//true Boolean([]);// true - 암묵적 타입변환 //문자열타입 '10'+2 //'102' 0+'' //"0" [10,11]+'' //"10,11" //숫자타입 5*'10' //50 +'' ..

> 책을 읽고서 내가 정리하지 못했던 개념이나 계속 까먹는 개념위주(키워드위주)로 순서없이 정리할 예정이다. 꾸준히 정리하는 것이 목표이다. 1. 프로그래밍 언어? 프로그래밍언어를 사용해 프로그램을 작성하면 그것을 컴퓨터가 이해할수 있는 기계어로 변환한다. 프로그래밍언어는 구문과 의미의 조합으로 표현한다. 2. 프로그래밍이란? 요구사항의 집합을 분석해서 적절한 자료구조와 함수의 집합으로 변환 후, 그 흐름을 제어하는 것. 작성된 코드는 해결방안의 구체적인 구현물이다. 요구사항이 실현(문제가 해결)되어야 그 코드는 의미가 있다! 3. 렌더링이란? HTML, CSS, 자바스크립트로 작성된 문서를 해석해서 브라우저에 시각적으로 출력하는 것을 말한다. 4. SSR(Server Side Rendering) ? 서..

>항해 3주차 node.js 기초학습 1. Node.js ? 노드는 자바스크립트 런타임환경이다. 웹서버와 같은 확장성 있는 네트워크 프로그램을 제작하기 위해 사용된다. 서버가 아니다! 서버의 역할을 수행할 수 있을 뿐 , 서버 실행을 위해 http/https모듈을 제공한다. Express라는 웹 프레임워크를 표준처럼 사용한다. npm(node package manager)를 통해 패키지를 관리할 수 있다.(현재는 node.js 를 다운받으며 자동으로 설치가 된다. 2. Node.js 특징 이벤트 기반 : 이벤트가 발생할 때 미리 지정해둔 작업을 수행한다. 논블로킹 : 오래 걸리는 함수를 백그라운드로 보내서 다음 코드가 먼저 실행되게 하고, 나중에 오래 걸리는 함수를 실행한다. >논 블로킹 방식의 일부 코..

> 2021/11/08 - 2021/11/13 >JavaScript 1. ECMAScript? ECMAScript는 자바스크립트의 토대를 구성하는 스크립트 프로그래밍 언어 명세 이다. 자바스크립트를 표준화하기 위해 만들어졌다. 2. 스크립트 언어? 프로그래밍 언어의 한 종류로, 기존에 이미 존재하는 소프트웨어를 제어하기 위한 용도로 쓰이는 언어이다. 응용 소프트웨어는 컴파일러를 사용하는 언어에 의해 기계어로 번역되어 실행되기 때문에, 수정이 필요하면 컴파일을 다시해주어한다. 이 때문에 수정이 빈번하게 발생하는 부분을 바로 수정해주기위해 많이 사용한다. 응용 소프트웨어에서 스크립트 언어에 맞는 API를 제공하고 소프트웨어와 상호작용하며 작동한다. 인터프리터 언어와 다르다 !! 스크립트 언어 용도상 인터프리..

>자바스크립트 정리 1편 1. 함수의 호출스택 - Anonymous는 가상의 전역컨택스트로(함수의 호출이 있기전에 항상 있다고 생각하면 된다.) - 함수호출 순으로 쌓이고 역순으로 실행한다. - 함수 실행이 완료되면 스택에서 빠진다. - LIFO구조라서 스택이라 부른다.(호출스택,,) 2. 이벤트 루프 - 호출스택과 백그라운드, 데스크큐로 기능이 실행되는 순서 자체를 이벤트 루프라고 부른다. 1. 호출 스택에 실행할 함수가 쌓임 2. 여기서 실행되는 함수가 비동기함수이면 백그라운드로 이동하게 된다. ( 코드가 백그라운드로 가면 호출스택의 함수와 동시에 실행이 가능하다.) 3. 백그라운드에서 태스크큐로 보낸다( 만약, setTimeout실행시는 그 시간만큼 이후에 보내짐) 4. 호출스택실행이 끝나서 비워지..

>알고리즘 5일차 1. 3진법 뒤집기 > 문제설명 : 자연수 n이 매개변수로 주어집니다. n을 3진법 상에서 앞뒤로 뒤집은 후, 이를 다시 10진법으로 표현한 수를 return하도록 solution함수를 완성해주세요. 2. 최소직사각형 >입출력 예 [[10, 7], [12, 3], [8, 15], [14, 7], [5, 15]] 120 [[14, 4], [19, 6], [6, 16], [18, 7], [7, 11]] 133 [[60, 50], [30, 70], [60, 30], [80, 40]] 4000 function solution(sizes) { var answer = 0; let ex= 0; let ex1=0; var min ; var max; for(let i=0; i{return Math.ma..