기초(1) - 변수, 자료형, URL, 조건문, 반복문 등

참고 사이트

https://developer.mozilla.org/ko/docs/Web/JavaScript

 

1. number.js

2. string.js

3. variable.js

4. templateLiterals.js

  > ``, ${ }, \n 활용

5. URL

  > Uniform Resource Locator

  > 프로토콜통신규칙 :// 도메인네임(호스트) : 포트 / Path ? query string

  > 웹서버의 포트는 전 세계적으로 80으로 정해져있음

  > Path : 그 컴퓨터 안에 있는 어떤 디렉토리에 어떤 파일인지 가리킴

  > query string 규칙

   - 시작은 ? 문자로 표시

   - 값과 값은 & 문자로 구분

   - 값의 이름과 값은 이퀄로 구분

6. 웹 애플리케이션 작성

  > query string에 따라 다른 정보를 보여주기

  > 1단계 : URL의 query string 내용을 알아내는 방법

   - query string은 request.url에 들어감

   - request.url을 _url 변수에 저장하게끔 설정(준비끝)

  > 2단계 : 브라우저(클라이언트)가 URL/?id=nnn

   - 클라이언트가 id를 보내면 서버가 id를 받아옴(변수느낌)

   -   response.end(queryData.id);를 통해 받은 id값을 브라우저에 보냄

7. 동적인 웹페이지 만들기

   > 변수선언

- var 변수 = ` ~~ `;

- ~~에 html 코드 입력(1.html)

- html 코드가 변경되길 원하는 위치에 ${queryData.id} 입력

8. 본문내용을 파일로 받아오기

  > CRUD : 정보시스템의 핵심적인 메커니즘이다.

- Create, Read, Update, Delete

  > 어떻게 하면 파일을 Nodejs로 받아올 수 있을까?

- Nodejs 공홈가서 보세요 :)

- var fs = require('fs');를 선언해주고, fs.readFile(규칙대로작성해주면)

- 끝!

  > query String에 따라 본문을 바꾸는 방법

- 본문만 파일로 따로 빼주고

- main에는 readFile함수를 만들어주고

- 함수 안에 본문 부분에 받은 변수를 대입해주고

- response 해주면 되는데 response는 readFile함수 내에 있어야 합니다

9. 자료형

  > Literal : 상수

- 1, 2, 3 등

  > String : 문자

- '1', '2', '3' 등

  > boolean : 참거짓

- true, false

10. 연산자

  > 비교 연산자 : >, <, ==, === 등

- == : 동등 연산자

- 좌항과 우항이 같다면 true, 다르다면 false

- === : 일치 연산자

- 좌항과 우항이 정확하게 일치해야 true

- ex_ 1=='1' > true

 1==='1' > false

 

11. 제어문

  > 조건문 if ( 조건 ) { 내용 }

  > scanner : var 변수 = process.argv;

- 변수에 배열로 저장되며, 배열 인덱스는 0부터 시작되고 입력받은 내용은 변수[2]부터 갖고있음

- 위 형태의 입력은 node 파일명.js 입력값 입력값 입력값

  > pathname에 따라 404 메시지 보내기

- response.writeHead( 브라우저메시지 );

- 브라우저 메시지 : 200 === 잘 찾았고 잘 보냈다. 404 === 요청한 파일을 못찾았어

  > 반복문

- while, for : 자바와 같음

12. 배열

  > 초기화 : 대괄호 사용 var arr = ['a','a'];

  > 인덱스 : 0부터 시작

  > 배열변수 출력하면 배열내용 고대로나옴

  > List처럼 요소를 추가해 줄 수 있음( 변수.push() 함수 )

13. 줄바꿈과 여백

  > 자바스크립트는 개행문자를 기준으로 명령을 구분

2019-07-03

https://opentutorials.org/course/3332/21062

2019-07-09 - 자바스크립트부터..!

https://opentutorials.org/course/3085

https://opentutorials.org/course/3085/18868

https://opentutorials.org/course/3085/18782 - 이벤트(on ~)

https://opentutorials.org/course/3085/18869 - 웹브라우저 콘솔 활용

https://opentutorials.org/course/3085/18870 - 문자열과 숫자 구분, 자바스크립트 표준 내장 객체

2019-08-30

https://opentutorials.org/course/3085/18871 - 변수, 대입연산자

https://opentutorials.org/course/3085/18872 - 웹 브라우저 제어

https://opentutorials.org/course/3085/18789 - CSS 기초

https://opentutorials.org/course/3085/18792 - 제어할 태그 선택하기