06. 익스프레스 웹 서버 만들기익스프레스 : 서버를 제작하는 과정에서 겪게 되는 불편을 해소하고 편의 기능을 추가한 웹 서버 프레임워크- http 모듈의 요청과 응답 객체에 추가 기능 부여- 기존 메서드들 사용가능, 편리한 메서드들 추가해 기능 보완- 코드를 분리하기 쉽게 만들어 관리하기 용이- if문으로 요청 메서드와 주별 구별하지 않아도 됨 06.1 익스프레스 프로젝트 시작하기1) learn-express 폴더 생성2) 항상 package.json 제일 먼저 생성 --> npm init 명령어를 콘솔에서 호출해 단계적으로 내용물 입력 or npm init -y를 입력해 파일을 만든 뒤 내용 수정package.json{ "name": "learn-express", "version": "0.0.1"..
![]()
01. window.onload() 속성- 해당 요소가 완전히 로드되었을 때, 자동으로 호출되는 함수를 지정하는 속성- 웹 페이지에서 여러 번 사용해도 window.onload() 함수는 하나만 적용 02. Date 객체- 날짜와 시간(년, 월, 일, 시, 분, 초, 밀리초)을 위한 메소드를 제공하는 빌트인 객체, 생성자 함수시간 메소드 : getHours(), getMinutes(), getSeconds()날짜 메소드 : getFullYear(), getMonth(), getDate()//현재 날짜 및 시간이 출력let date = new Date();console.log(date); 03. innerText와 innerHTML- innerText : Element의 속성으로, 해당 Element ..
03. 노드 기능 알아보기 03.1 REPL 사용하기 - REPL이란?Read : 입력한 코드를 읽고Eval : 해석하고Print : 결과물 반환Loop : 종료할 때까지 반복 - REPL 사용1) 콘솔을 열고 node를 입력2) 프롬프트가 > 모양으로 바뀜3) 코드 입력4) ctrl+c 두번 혹은 .exit를 통해 종료 ※ REPL은 짧은 코드를 테스트해보는 용도 긴 코드는 자바스크립트 파일을 통째로 실행하는것이 더 유용 03.2 JS파일 실행하기 1) 콘솔에서 node [자바스크립트 파일 경로]로 실행$ node helloWorld --> helloWorld.js 파일 실행※REPL에서 입력하는 것이 아니므로 주의 (콘솔에서 REPL로 들어가는 명령어가 node이고, 노드를 통해 파일을..
본 글은 다음 수업자료를 참고하여 정리한 글입니다.01. javascript- 웹 문서를 제어하기 위해 개발된 언어- html문서를 조작하기 위해 만들어진 언어 02. dom- 스크립트 언어로 html요소를 제어할 수 있도록 웹문서를 객체화 한 것 03. document- 자바스크립트에서 dom접근을 위해 쓰이는 interface 04. 예제 Hello, world! How are you? let title = document.createElement("title"); //create Element를 통해 title요소 생성title.append("My first web page"); //title에 append를 이용해 "My ..
본 글은 다음 수업자료(~37p)를 보고 정리한 글입니다자바스크립트란?HTML : 웹 페이지의 기본 구조를 담당CSS : 디자인을 담당JavaScript : 웹 페이지가 동작하는 것을 담당- 웹페이지에 생동감을 불어넣기 위해 만들어진 언어 자바스크립트의 역할- 다양한 프레임워크, 라이브러리 사용- 백엔드(서버) 개발- 웹의 요소 제어HTML, CSS로 처리할 수 없는 것들을 JS로 처리 자바스크립트 사용 방법- HTML 내부 - HTML 외부html의 body안에를 사용하고 파일.js 열어서 코드 작성 자바스크립트 문법- 자바스크립트 실행문은 세미콜론(;)으로 구분 - 주석실행할때 무시되는 코드// : 주석처리할때 사용(여러줄일때는 /* , */을 사용)//주석처리하기/* 여러줄주석처리하기 */ -변..
본 글은 다음 영상(반복문~)을 보고 정리한 글입니다.https://www.inflearn.com/course/%EB%89%B4%EB%B9%84%EB%A5%BC-%EC%9C%84%ED%95%9C-%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8#curriculum [지금 무료] 뉴비를 위한 자바스크립트 | 얄팍한 코딩사전 - 인프런얄팍한 코딩사전 | 코딩을 자바스크립트로 시작하시는 분들을 위한, 가장 쉬운 자바스크립트 강의입니다., 🛑 본 컨텐츠는 코딩을 처음 시작하시는 분들을 위한 강의입니다. 🛑어떤 언어로든www.inflearn.com 앞부분 https://taei1.tistory.com/2 참고01. 반복문- 주어진 조건이 충족되는 동안 특정 작업..
본 글은 다음 영상(~switch문)을 보고 정리한 글입니다.https://www.inflearn.com/course/%EB%89%B4%EB%B9%84%EB%A5%BC-%EC%9C%84%ED%95%9C-%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8#curriculum [지금 무료] 뉴비를 위한 자바스크립트 | 얄팍한 코딩사전 - 인프런얄팍한 코딩사전 | 코딩을 자바스크립트로 시작하시는 분들을 위한, 가장 쉬운 자바스크립트 강의입니다., 🛑 본 컨텐츠는 코딩을 처음 시작하시는 분들을 위한 강의입니다. 🛑어떤 언어로든www.inflearn.com1.자바스크립트란? 자바스크립트 용도- 마크업 언어로 만들어진 것들에게 무엇인가를 시키려면 프로그래밍 언어인 ..
