| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | |||
| 5 | 6 | 7 | 8 | 9 | 10 | 11 |
| 12 | 13 | 14 | 15 | 16 | 17 | 18 |
| 19 | 20 | 21 | 22 | 23 | 24 | 25 |
| 26 | 27 | 28 | 29 | 30 |
- https://developers.kakao.com/
- 참고자료 https://velog.io/@imok-_/javascript-dom-bom-%ec%9d%b4%eb%9e%80
- https://ittrue.tistory.com/90
- Today
- Total
목록CSS , HTML (19)
쿠쿠더님의 블로그
라우터express 로 라우팅 처리 MVC 패턴이란? 라우터- 사용하는 API의 형태를 목적에 맞게 나눠서 관리하고 유지보수성을 높여서 라우팅을 분리- API 문서를 작성을 한뒤에 라우터를 나눠서 유지보수성과 확장성을 높여서 관리- 라우터의 분리의 목적을 기능별로 파일을 분리해서 코드의 가독성과 유지보수성을 향상시키는데에 목적이 있다.- 가장 많이 고려하는 부분 코드의 재사용성을 증가시키기 위해서. express로 라우팅 처리// server.jsconst express = require("express");const routerBoard = require('./router/board.js')const app = express();// 서버의 로직 즉 상태를 관리하는 객체 // 게시판을 관리할 API ..
EJS 템플릿 엔지 설치 방법특징템플릿 엔진은?EJS 문법 설치 방법 npm install ejs // 하면 라이브러리가 설치된다.그리고 난후 server.js가서 app.set('view engine', 'ejs'); 해줘야한다.npm i expressnpm i ejsnpm i express ejsnode version 15node version 20node version에 따라 라이브러리의 버전이 변경될수 있다.실제로 버전의 정보가 작성되어있는package-lock.json도 중요한 파일라이브러의 의존성 내용이 작성되어있고npm에 우리의 라이브러리를 배포할때 필요한 내용들이 작성되어있는것.package.json라이브러리 버전의 차이가 난다.팀원간에 nodejs 버전을 맞춰서 사용해야한다. ..
Express 란?라우팅이란? 미들 웨어란? Express 란?- Express는 웹 및 모바일 애플리케이션을 위한 일련의 강력한 기능을 제공하는 간결하고 유연한 Node.js 웹 어플리케이션 프레임워크이다. - Express란 Node.js를 사용하여 쉽게 서버를 구성할 수 있게 만든 클래스와 라이브러리의 집합체. Express 장점1. 코드의 간결성 최소의 코드로 서버로직을 작성할수 있다.2. 미들웨어 사용도 간단해진다. 요청과 응답 간에 기능을 추가 라우팅의 코드 간결성 API를 쉽게 구성할수 있다.3. 템플릿 엔진 지원 서버측에서 문자열로 페이지를 구성하고 자바스크립트 영역에 내용을 포함시킨뒤 페이지를 완성해서 응답을 해주는 엔진 Express 설치npm init - package.js..
fs 대용량 영상 처리 란? 파일 시스템 내장 모듈- 파일을 읽거나 쓰거나 삭제 생성 등을 할떄 사용하는 내장 모듈 - 문법 -// 내장 모듈을 가져온다.const fs = rquire("fs");// 모듈의 안에 내장되어있는 메서드를 활용해서 파일을 제어할수 있다.//폴더가 있는지 확인// existsSync : 폴더가 있는지 확인let folder = fs.existsSync('./Test');const fs = require('fs');// 비동기적으로 실행할수있는 메서드fs.exists("./Test",(e)=> {})// 동적으로 코드를 호출할수 있는 메서드conmst folder = fs.existsSync('./Test');// 폴더가 없으면 생성if(!forder) { fs.mkd..
버퍼스트림 Buffer - 메모리를 할당해서 바이너리 데이터를 다루기 위해서 사용하는 객체- javaScript는 문자열 데이터를 많이 사용하는데 이것과 별개로 파일 시스템- 네트워크에서 파일을 전송하는 경우 바이너리 데이터를 다룰수있도록 한다.- 어떤 작업을 할때 데이터의 공간에서 대기를 하고 있어야하는데초과된 데이터가 처리되기전에 데이터가 어느정도 쌓일때까지 기다린다- 그 데이터가 잠시 대기하는 영역이 buffer 이다 Buffer 객체 from (문자열) - 문자열을 버퍼로 바꿀 수 있ㅅ브니다 . length 속성은 버퍼의 크키를 압립니다 (바이트 단위)toString(버퍼) - 버퍼를 다시 문자열로 바꿀 수 있습니다. 이떄 base64나 hex를 인수로 넣으면 해당 인코딩으로도 변환 가능합니다..
OSI7 계층물리 계층 (하드웨어) 데이터 링크 계층(하드웨어)네트워크 계층 (소프트웨어 + 하드웨어)전송 계층 (소프트웨어)세션 계층 (소프트웨어)표현 계층 (소프트웨어)응용 계층 (소프트웨어)OSI7 모델과 TCP/IP 모델TCP/IPTCP/IP 업데이트 모델TCP와 UDP3-way-handshake4-way-handshakebinary DateASCII CODE유니코드인코딩의 규칙HTTP OSI7 계층 이란?- 네트워크 통신을 쉽게 이해할수 있도록 계층을 나눈 개념- 각 개층이 역할을 가지고 계층간에 데이터를 주고 받기 위해서 네트워크 통신을 단계별로 나눈것. 일단 줄임말로 `물데네전세표응`이라고 하는데 설명하겠다. 1. 물(물리 계층) - 하드웨어- 두 컴퓨터가 있다고 가정하면 컴퓨터는 파일이나..
Nodejs 란?Nodejs 등장Nodejs의 인기Nodejs가 서버?Nodejs javascript v8 엔진Nodejs의 블로킹 논블로킹Nodejs 이벤트 기반의 아키텍처Nodejs의 이벤트 루프브라우저의 에빈트 동작 방식 Nodejs의 이벤트 루프의 동작 방식 Nodejs 스레드 Nodejs의 워커 스레드워커 스레드와 libuv백그라운드 모듈화 Nodejs의 스코프 Nodejs 란?자바 스크립트 런타임 환경을 제공한다.(자바스크립트 기반)브라우저와 다른 런타임 환경여러 os에서 실행이 가능하다. 윈도우 맥 리눅스2009년에 nodejs가 출시 npm지속적으로 업데이트를 하고 있고 탄생하고 2년뒤에 대형 플랫폼에서 사용하기 시작하면서 인기를 끌게 됨20년도 쯤에 github npm을 인수 등nodej..
쿼리 스트링쿠키 페이지네이션 쿼리 스트링이란?웹을 사용하면서 검색어 관련된 값을 다루기 위해서 URL에 추가적인 데이터를 전달하는 방식중 하나. -형태https://text.com?name=soon ? 구문 뒤에 key=value추가적인 데이터를 key와 value로 전달할수 있다. 이전에도 1990년도에는 정적인 문서를 제공하는 방식이 일반적이였지만 이후에 동적으로 데이터를 요청하고 유저가 입력값을 입력하면 처리하는 방식을 도입 자바스크립트로 처리주의: 민감한 데이터는 사용하면 안됨. 쿼리 스트링의 특징브라우저에 데이터를 전달하기 쉽고 민감한 데이터 비밀번호는 URL에 포함하면 안된다.검색에 유용하게 사용된다. 문법 1. ?로 시작하는 문자열2. key=value 데이터를 저장하는 형태 3. & 여러..