JavaScript 기본 문법 정리

이번주부터 백엔드 세션에 참여하기로 했다.....!!!!
미루고 미뤄오던 백엔드 공부,,, 드디어 시작,,,
그 기념으로 javascript 문법 다 까먹어서 기억이 나지 않는 기본적인 내용들은 복습을 해보려고 한다💨

강의는 생활코딩 강의를 참고했습니다:)

Boolean/비교연산자/제어문/조건문

  • true와 false는 변수명으로 사용하면 안돼!
  • 비교연산

    1 == 1 true
    1 == 2 false
    1 > 2 false
    1 === 1 true

==은 단지 좌항과 우항이 같은지를 비교하고 ===은 좌항과 우항이 모두 정확히 같은지를 비교한다!

  • if문을 사용해서 조건을 사용해 실행되는 코드를 제어할 수 있다!

Template Literal

var a = 1;
var a = '1';

literal이란 숫자 1을 표현하는 / 문자 1을 표현하는 기호!

  • Template Literal을 사용할 때는 백틱을 사용해서 묶어준다!
  • 변수를 넣을 경우에는 ${변수명}이렇게 넣어주고 이전처럼 +기호는 필요x
  • 줄바꿈의 경우 \n을 사용하지 않고 그냥 엔터 2번

URL

[main.js]

var http = require('http');
var fs = require('fs');
var app = http.createServer(function(request, response){
	var url = request.url;
  	if(url == '/'){
    	url = '/index.html';
    }
  	if(url == '/favicon.ico'){
    	return response.writeHead(404);
    }
  	response.writeHead(200);
  	response.end(fs.readFileSync(__dirname + url));
  	// 사용자가 접속한 url에 따라 파일을 보여주는 부분
});
app.listen(3000);
  • 위에서 3000이 포트 번호
  • query string의 시작은 ?
    이 query string에 따라 다른 정보를 보여줄 수 있다!!!

위의 main.js에 코드를 추가해서 query string을 이용해보자..!

[main.js]

var http = require('http');
var fs = require('fs');
var url - require('url');

var app = http.createServer(function(request, response){
	var _url = request.url;
  	var queryData = url.parse(_url, true).query;
  	// queryData.id를 통해 query string의 id 값을 알 수 있음
  
  	if(_url == '/'){
    	_url = '/index.html';
    }
  	if(_url == '/favicon.ico'){
    	return response.writeHead(404);
    }
  	response.writeHead(200);
  	var template = `${queryData.id}`;
  	response.end(template);
  	
});
app.listen(3000);

좋은 웹페이지 즐겨찾기