Express는 nodejs위에서 돌아가는 프레임 워크이다. 주로 자바스크립트로 서버를 구현할때 사용되는데, 사용자의 요청에 따른 라우팅이 깔끔하게 표현된다. 졸업 프로젝트로 한번 사용해봤을 뿐, 제대로 공부해본 적이 없어서 강의를 듣게 되었다. 강의 전체의 내용을 정리하기보단, 잊기 쉬운것들을 간략하게 정리해둘 것이다. 1. 화살표 함수는 return이 생략된것 app.get("/", (req, res) => { res.send("Hello World!"); }); 위와 같이 화살표 함수로 표현된 함수는 아래와 동일한 의미이다. app.get("/", function(req, res) { return res.send("Hello World!"); }); 2. Route Parameters app.get..

1. callback 콜백 함수는 위의 그림 한장으로 쉽게 설명할 수 있다. 콜백함수를 제어권을 맡기는 것을 의미한다. 콜백함수를 건네받는 쪽에서는 원하는 작업을 모두 하고 , 넘겨받은 콜백함수를 호출함으로써 그 결과를 알려준다. 그렇다면 제어권의 종류에는 무엇이 있을까 1) 실행시점 setInterval을 호출하는 것을 생각해보자 setInterval(callback,milliseconds) setInterval 함수는 콜백함수와 시간을 받아서 , 그 시간을 주기로 콜백함수를 호출하는 함수이다. 즉, 넘겨받은 콜백함수를 setInterval이 원하는 시간마다 개발자가 시키지 않아도 알아서 실행하는 것이다. 이때 콜백함수를 통해 어떤 짓을 할지는, 한번 넘겨주고 나면 setInterval이 관리하게 되는..

부스트 캠프라는 활동에 참여하게 되어, 기존에 하던 자바언어 공부를 잠시 멈추고 자바스크립트 공부를 시작하게 되었다. 학교에서 c언어를 배우고 c++를 배우고 이어서 자바를 배우고... 새로운 언어를 배울 때마다 새로운 문법과 표현방식, 코드 컨벤션 등을 익히는데 시간을 들였다. 하지만 위의 언어들은 문법과 표현방식만 달리하면 평소하던 코딩 스타일을 유지할 수 있었다. 처음엔, 자바스크립트 또한 표현방식과 문법만 익히면 쉽게 코드를 짤 수 있을 거라 생각했다. 하지만... 자바스크립트는 정말로 이상한 언어라는 생각이 들었다. 매우 유연하게 만들어졌지만 그만큼 안정성 보장이 안되고(타입스크립트가 나오긴 했지만...) 코드의 컴파일과정부터 실행되기까지가 싱글 스레드로 돌아가기 때문에 해당 로직도 이해해야 했..

1. node js 무언가를 배울 때 다른 것보다도 우선 알아볼 것은 역시 그것의 역사와 탄생 배경이다. 원래 자바스크립트라는 것은 html 파일 내에서만 실행될 수 있었다. 당시에 동적인 프로그래밍이 가능한 유일한 언어로 찬양받았지만, 동시에 웹 브라우저에서만 실행이 가능하다는 비난도 함께 받는 상황이었다. 2008년 구글의 크롬이 V8이라는 엔진을 달고 세상에 나왔는데, 이것이 아주 혁명적인 사건이 되었다. V8엔진은 C++로 만들어졌는데 그 간에 어떠한 javascript엔진보다 속도가 빨랐다. 기존에도 웹 브라우저가 아닌 서버 측에서 자바스크립트를 이용할 수는 있었지만 속도의 문제 때문에 널리 사용될 수 없었는데 이것을 해결할 엔진이 오픈소스로 공개된 것이다. 2009년 라이언 달은 commonJ..

1. Ajax Ajax는 Asynchronous Javascript And Xml의 줄임말로, 에이잭스라고 부른다. 에이잭스는 싱글페이지 웹 애플리케이션을 위해 필수적인 자바스크립트 라이브러리이다. 지난 강의까지 배웠다면, 한 페이지에서 다른 페이지로 전환될 때 변하지 않아도 되는 부분이 있음에도 불구하고, 그 내용을 새로운 웹 페이지 파일을 로드하여 표현해야 했다. Ajax를 이용하면, 바뀌지 않아도 되는 부분과 바뀌어야 하는 부분을 나눈 다음 바뀌어야 하는 부분 즉, content적인 요소만 갈아 끼우면서 새로운 웹 페이지 파일을 리로드 하지 않아도 된다. 리소스의 불필요한 리로드를 막을 수 있는 것이다. 이러한 Ajax는 jQuery와 함께 사용되면서 폭발적인 시너지를 발휘하는데, 다양한 메소드등을..

1. HTML과 JavaScript의 만남 자바스크립트는 기본적으로 HTML위에서 돌아가는 언어이다. 자바스크립트가 HTML위에서 동작하기 위해서는 해당 영역이 자바스크립트 언어라는 것을 표시해주어야 하는데, 이때 사용하는 태그가 태그이다. 이 태그 안에는 자바스크립트 언어가 들어간다. 이렇게 script태그 안에서는 자바스크립트 문법으로 코드가 작성된 것을 볼 수 있다. 하지만 위와 같은 예시로는 자바스크립트의 차별화된 점을 확인하기 어렵다. 따라서 숫자를 통해 자바스크립트의 차별점을 확인해 보았다. 1+1이라는 단순한 계산이지만 자바스크립트와 HTML의 결정적인 차이를 확인할 수 있다. HTML은 오로지 정적인데 반하여 자바스크립트는 동적인 것이다! 기존의 HTML이 정적인 데이터만을 표현할 수 있었..