본문 바로가기
728x90
반응형
SMALL

JavaScript34

[Node.js] 노드제이에스 - 익스프레스 미들웨어 Do it! Node.js 프로그래밍 입문 공부단 6일차 입니다. 미들웨어란 요청과 응답의 중간에 있으면서 요청을 처리하거나 원하는 상태로 응답을 수정하는 함수를 미들웨어라고 합니다. 파싱 요청 안에 포함된 아이디와 비밀번호의 값을 애플리케이션에서 읽을 수 있는 형태로 변환하는 것을 파싱이라고 합니다. 미들웨어의 역할 속성 설명 요청 전처리 요청이 서버에 도착하기 전에 실행하는 작업을 담당합니다. 라우팅 처리 라우트 코드를 좀 더 읽기 쉽고 관리하기 쉽도록 모듈화하는 라우터 미들웨어가 있습니다. 응답처리 서버에서 클라이언트로 응답을 보낼 때 자료를 적절한 형태로 변환하거나 오류를 처리하는 작업을 합니다. 애플리케이션 레벨 미들웨어 애플리케이션 단계에서 사용하는 미들웨어를 말합니다. const expres.. 2024. 2. 8.
[Node.js] 노드제이에스 - fs모듈. 디렉터리 관리하기 Do it! Node.js 프로그래밍 입문 공부단 2일차 입니다. 디렉터리 만들기 및 삭제하기 디렉터리 만들기 - mkdirSync, mkdir fs.mkdirSync(경로[,옵션]) fs.mkdir(경로[,옵션], 콜백) - 옵션 - recursive: 여러 계층의 디렉터리를 지정했을 때 중간에 존재하지 않는 경로까지 포함해서 디렉터리를 만들 수 있습니다. 기본값은 false입니다. - mode: 디렉터리의 권한을 지정합니다. 기본값은 0o777 (읽기, 쓰기, 실행 권한)입니다. const fs = require("fs") if(fs.existsSync("./test")) { // test 디렉터리가 있다면 console.log("해당 디렉터리는 존재합니다.") } else { fs.mkdir("./.. 2024. 2. 3.
[Node.js] 노드제이에스 - FS 모듈. 파일 관리하기 Do it! Node.js 프로그래밍 입문 공부단 2일차 입니다. 파일 관리하기 동기 처리로 파일 읽기 - readFileSync() 이 함수는 파일 내용을 버퍼 또는 문자열 형태로 반환합니다. 버퍼는 자료를 잠시 저장해 두는 임시 메모리 영역인데 자료를 읽어 오거나 다른 곳으로 이동할 때 임시 저장 공간으로 사용합니다. fs.readFileSync(경로[,옵션]) - 옵션 - encoding: 기본값인 null을 사용하면 버퍼에 있는 값인 바이너리 형태로 반환하고, utf8로 지정하면 사람이 읽을 수 있는 텍스트 형태로 가져옵니다. - flag: 기본값인 r을 사용하면 읽기모드로 엽니다. - r: 읽기 & 쓰기 - w: 쓰기 - a: 추가 const fs = require("fs") const data.. 2024. 2. 3.
[Node.js] 노드제이에스 - FS 모듈 Do it! Node.js 프로그래밍 입문 공부단 2일차 입니다. fs 모듈 (file system) 노드에서 파일을 관리할 수 있는 모듈입니다. 파일과 디렉터리 살펴보기 새로운 파일과 디렉터리 만들기, 파일 스트리밍 등 파일이나 디렉터리를 사용하면서 필요한 여러 기능을 제공합니다. 비동기 처리 방법에 따라 사용하는 함수가 다릅니다. fs모듈에는 여러 함수가 있는데... 프라미스에서 사용하는 함수 콜백에서 사용하는 함수 동기 처리를 할 때 사용하는 함수 동기 처리를 한다는 것 - 코드를 작성한 순서대로 실행하는 것 비동기 처리를 한다는 것 - 실행하는 데 걸리는 시간을 고려해서 실행 순서를 조절하는 것 비동기로 처리할 때 사용하는 방법이 콜백과 프라미스입니다. fs 모듈 가져오기 const fs = re.. 2024. 2. 3.
[Node.js] 노드제이에스 - Path 모듈 Do it! Node.js 프로그래밍 입문 공부단 2일차 입니다. path 모듈 파일이나 디렉터리 경로를 다룰 수 있는 함수들이 포함되어 있습니다. path모듈이 필요한 이유는? 가장 큰 이유는 운영체제 간에 경로를 구분하는 구분자가 다르기 때문입니다. (윈도우 \, 맥 혹은 리눅스 /) 절대경로와 상대경로 절대경로 파일이나 폴더의 위치를 root폴더부터 시작해서 파일까지 전부 다 나타내는 것 상대경로 기준이 되는 파일이 있을 때 사용하는 경로 path모듈 가져오기 const path = require("fs") 경로 합치기 - join() // path.join(경로1, 경로2, ...) const path = require("path") const fullPath = path.join("some", .. 2024. 2. 3.
[Node.js] 노드제이에스 - 노드의 모듈 Do it! Node.js 프로그래밍 입문 공부단 1일차 입니다. 모듈이란? 프로그램을 만들 때에는 최대한 작은 기능 단위로 쪼개서 각 기능을 하나씩 해결하는 방식을 가장 많이 사용합니다. 이렇게 기능별로 만들어 놓은 함수를 모듈이라고 합니다. CommonJS 모듈 시스템과 ES모듈 시스템 require()를 통해 모듈을 가져오는 방식을 CommonJS 모듈 시스템이고 import 변수/함수명 from '모듈파일' 형태로 가져오는 방식이 ES모듈 시스템입니다. 하위 버전과의 호환을 위해 CommonJS 모듈을 사용할 수 있고 최신 문법이나 타입스크립트를 사용한다면 ES모듈 시스템을 사용합니다. // 모듈 만들고 내보내기 const user1 = "Jun" const user2 = "Lim" const u.. 2024. 2. 2.
[Node.js] 노드제이에스 - 백엔드 개발 Do it! Node.js 프로그래밍 입문 공부단 1일차 입니다. 백엔드 개발 인터넷에서 정보를 주고받을 때 정보를 요청하는 컴퓨터를 클라이언트, 정보를 제공하는 컴퓨터를 서버라고 합니다. 서버를 만든다는 것은 서버에서 실행할 프로그램을 만든다는 의미입니다. 서버 쪽을 개발하는 것을 백엔드 개발이라고 합니다. HTTP프로토콜 클라이언트로부터 주문 정보를 받아 서버로 넘기거나 주문에 성공했다고 서버에서 클라이언트 쪽으로 인터넷을 통해 알려주는데 이때 미리 약속된 규칙을 따르는데 이것을 HTTP프로토콜이라고 합니다. 노드 vscode 설치링크 https://seong-jun.tistory.com/entry/Visual-Studio-Code-%EB%8B%A4%EC%9A%B4%EB%B0%A9%EB%B2%95 V.. 2024. 2. 1.
[Javascript] Do it! 자바스크립트 입문 - 브라우저 객체 모델 공부단 9일차 입니다. 브라우저 객체 모델 웹 브라우저 전제를 객체로 관리하는 것입니다. 브라우저 창이 열리면 가장 먼제 window객체가 생성이 되고 하위에 각 요소에 해당하는 객체들이 만들어 집니다. 자주 사용하는 브라우저 내장 객체 객체 설명 window 브라우저 창이 열릴 때마다 하나씩 만들어지는 객체입니다. 브라우저 창 안에 존재하는 모든 요소의 최상위 객체입니다. document 태그를 만나면 만들어지는 객체입니다. HTML 문서 정보를 가지고 있습니다. history 현재 창에서 사용자의 방문 기록을 저장하고 있는 객체입니다. location 현재 페이지에 대한 url 정보를 가지고 있는 객체입니다. navigator 현재 사용 중인 웹 브라우저 정보를 가지고 있는 객체입니다. screen .. 2024. 1. 15.
[Javascript] Do it! 자바스크립트 입문 - 폼과 자바스크립트 공부단 8일차 입니다. 폼 요소에 접근하는 방법 id 혹은 class 값을 사용해 폼 요소에 접근하기 document.querySelector("#idValue") document.querySelector(".classValue") name 값을 사용해 폼 요소에 접근하기 // form의 name값은 ship // ex) // 방법 1 document.ship.shippingName // 방법 2 document.forms["ship"].elements["shippingName"] // 해당 필드의 값을 알아내려면 document.ship.shippingName.value 폼 배열을 사용해서 폼 요소에 접근하기 document의 속성 중 forms 속성은 문서 안에 있는 태그를 모두 가져와 배열 형태로 .. 2024. 1. 14.
728x90
반응형
LIST