교재 정리 (11) 썸네일형 리스트형 Lesson 6. 라우트와 외부 파일 6장에서 다룰 내용fs 모듈을 이용한 전체 HTML 파일의 저장정적 에셋 저장라우트 모듈 생성 6.1. fs 모듈을 이용한 정적 파일 제공 HTML 파일의 일부분을 사용해 페이지를 구성한다면 main.js 파일이 복잡해진다.응답할 HTML 파일을 따로 작성하고, 동일한 프로젝트 디렉터리 내 views 폴더에 저장한다. 결과적으로 사용자에게 표시할 모든 내용은 views 폴더에 저장되고, 표시할 내용을 결정하는 모든 코드는 main.js 파일에 저장된다. 다음 단계를 따른다.프로젝트 폴더를 만든다.프로젝트 폴더 안에 main.js 파일을 만든다.views 폴더를 만든다.views 폴더 안에 index.html 파일을 만든다. Welcome! 클라이언트는 파일시스템과 상호작용하는 fs 모듈의 도움으.. Lesson 5. 수신 데이터 다루기 5장에서 다룰 내용요청 데이터의 수집과 처리curl 명령을 통한 POST 요청 제출기본 라우트를 가지는 애플리케이션 제작 5.1. 서버 코드의 수정 다음은 4장 코드를 수정 작업한 것이다.const port = 3000, http = require("http"), httpStatus = require("http-status-codes"), app = http.createServer();app.on("request", (req,res) => { res.writeHead(httpStatus.OK, { "Content-Type" : "text/html" }); let responseMessage = "This.. Lesson 4. Node.js에서 웹 서버 만들기 4장에서 다룰 내용Node.js와 npm을 사용한 기본 웹 서버 생성브라우저에서의 요청 처리 및 결과 보내기 코드 작성브라우저에서의 웹 서버 실행 4.1. 웹 서버의 이해 - 웹 서버: Node.js 웹 애플리케이션의 기본. 이미지/HTML 웹 페이지를 앱에서 읽어들여 사용자에게 보여준다.- 웹 서버: 데이터 읽기 및 처리를 통한, 인터넷상의 요청에 대한 응답을 위해 설계된 소프트웨어.HTTP(Hypertext Transfer Protocol)이라는 인터넷상에서 웹 페이지 열람 및 데이터 전송을 위해 세계적으로 표준화된 시스템을 따른다.- 서버와 클라이언트가 통신하는 보편적 방법은 HTTP 요청을 사용하는 것.가장 자주 접하고 사용하는 2개의 HTTP 메소드는 다음과 같다.1) GET: 서버로부터 정보를.. Lesson 03. Node.js 모듈 생성 - 3장에서 다룰 내용새로운 Node.js 모듈 생성npm으로 Node.js 애플리케이션 구축npm으로 Node.js 패키지 구축 - 모듈: 코드 라이브러리가 들어있는 각 자바스크립트 파일 또는 폴더- exports + require() 를 사용해 모듈 공유, 다른 모듈 참조.// messages.js 파일 생성let messages = ["message1"];// let -> exports 객체로 변경: 다른 파일에서 이 메세지를 사용하기 위해exports.messages = ["message1"];// require 객체 + 모듈의 파일명을 사용 = 모듈의 배열을 참조const messageModule = require("./message"); // 프로젝트 디렉토리에서 message.js 모듈 찾음.. Lesson 02. Node.js 애플리케이션 실행 2장에서 다루는 내용Javascript 파일 생성과 저장Node.js에서 Javascript 파일 실행REPL에서 파일 읽어들이기 2.1. Javascript 파일 생성 - 콘솔에 메시지를 출력하는 자바스크립트 파일 생성텍스트 에디터 실행빈 파일에 console.log("Hello, Universe!"); 입력hello.js 파일명으로 저장 2.2. Node.js로 Javascript 파일 실행 - Node.js의 자바스크립트 엔진은 터미널에서 자바스크립트 파일 위치를 찾아, 파일명 앞에 node를 붙여 실행하면, 파일을 해석해 실행한다.터미널 실행터미널의 위치를 .js 파일이 있는 곳으로 이동node 키워드를 사용해 자바스크립트 파일 실행 (파일 확장자를 적지 않아도 실행 가능)node hello.js.. Lesson 0. Node.js 설정과 Javascript 엔진 설치 0.1. 앞으로 배울 내용 강의를 진행하면서 웹 애플리케이션을 만드는 데 도움이 되는 새로운 웹 개발의 개념, 전문 용어, 코딩 기술을 습득.앞으로 나올 개념 중 많은 부분은 다른 주요 플랫폼/프로그래밍 언어에도 적용된다. 웹 개발은 다른 소프트웨어 공학에서 다루는 개발과는 조금 다르다.코딩 콘셉트와 함께 프로젝트가 동작하는 인터넷 백본이 어떻게 동작하는지를 설명할 예정. 다음은 각 부에서 배울 내용이다. 0부: 시작에 필요한 배경지식, Node.js 개발 도구 설치.1부: 기본적인 웹 개발 개념, Node.js에서 첫 번째 웹 애플리케이션을 작성할 수 있는 지침 제공.2부: 웹 프레임워크 Express.js 소개, 제공하는 것/작동 방식/사용자 정의 기능 등에 대해 학습.또한 MVC(Model-Vie.. 웹 프로그래밍 (9) 자바 스크립트 기본 문법 - 목차01 자바스크립트 기본 용어와 출력 방법02 자료형과 변수03 조건문과 반복문04 함수05 객체 01. 자바스크립트 기본 용어와 출력 방법자바스크립트는 기능과 실제 사용되는 가능 사이에의 괴리가 매우 크다. 1. 자바스크립트 기본 용어 1) 표편식과 문장- 표현식: 값을 만들어 내는 간단한 코드- 문장: 프로그래밍 언어에 실행할 수 있는 코드의 최소 단위문장 마지막에 세미콜론(;) 또는 줄 바꿈을 넣어 종결을 나타낸다. = 표현식에 세미콜론을 찍어 문장을 만들고, 문장이 모이면 프로그램이 된다. 2) 키워드- 키워드: 자바스크립트를 처음 만들 떄 정해진, 특별한 의미가 부여된 단어 3) 식별자- 식별자: 자바스크립트에서 변수, 함수 등에 이름을 붙일 때 사용하는 단어다음의 규칙에 맞게 생성한다.. 웹 프로그래밍 (3) HTML5 기본 태그 01. 글자 태그 웹 페이지는 글자 태그의 비중이 가장 크다. 글자 태그는 종류가 매우 다양하므로 설명하는 분류 기준으로 기억하면 많은 도움이 될 것이다. 1. 제목과 본문 글자 태그 태그 설명 제목 글자 h1 첫 번째로 큰 제목 글자 생성 h2 두 번째로 큰 제목 글자 생성 h3 세 번째로 큰 제목 글자 생성 h4 네 번째로 큰 제목 글자 생성 h5 다섯 번째로 큰 제목 글자 생성 h6 여섯 번째로 큰 제목 글자 생성 본문 글자 p 본문 단락 생성 br 줄 바꿈 hr 수평 줄 삽입 문서에서 제목은 위의 여섯가지 제목 글자 태그로 표현. 이때, h1은 heading(제목)을 의미. 본문 글자를 입력할 때는 p, br, hr 태그를 사용. p는 paragraph(단락), br은 break(줄 바꿈), hr.. 이전 1 2 다음
