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. 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이 정적인 데이터만을 표현할 수 있었..

1. CSS등장 이전 html의 디자인을 조절할 수 있는 태그를 만드는 것과, 디자인을 위해 새로운 언어를 고안하는 것 중 당연히 전자가 쉬운 것임은 틀림없다. css가 나오기 전 사람들은 문서의 내용을 디자인할 수 있는 html태그를 개발하여 사용했다. 예를 들면 font태그를 통해 글자의 색이나 사이즈 등을 조절했다는 것이다. 하지만 얼마 지나지 않아 이러한 방법의 한계를 느끼게 된다. 예를 들어 이렇게 리스트가 3개면 각각 font태그를 통해 디자인하기 쉽겠지만, 리스트가 1억 개가 있다고 한다면 하나하나 작업을 하다가 진절머리가 날 것이다. 사람들은 이것을 한 번에 묶어서 적용할 수 있는 새로운 기술을 고안해 냈고, 그것이 바로 css이다. 2. CSS의 등장 css는 html과는 전혀 다른 언어..

군대를 전역하고 진로에 대해 갈팡질팡 하던때에, 개발자가 되고싶다는 생각을 하게 만든것은 다양한 컴퓨터 사이언스 과목에 대한 흥미도 있었지만, 역시 생활코딩 강의를 빼놓을 수 없다. 교과 과정에서 주어진 문제를 해결하는 정도로만 코딩을 해보았던 나에게, 생활코딩 강의는 개발이라는 분야에 눈을 뜨게 해주었다. 지금도 많은 사람들이 생활코딩을 통해 개발에 입문을 하고 있다. 백엔드 공부를 하느라 웹의 기본 문법들을 많이 까먹은것 같아서 다시한번 생활코딩을 정주행 하여 기본을 다지기 위해 정리를 시작하였다. (스프링 부트를 통해 html을 작성하고 확인하는 방향으로 했다.) (소스코드) 1. 기본문법 - 태그 진하게 표시하기 : 태그 밑줄 치기 : 태그 위와 같이 태그는 중첩해서 사용할 수 있다. 위의 코드로..