(주)큐넷

Node.js의 확장모듈 Express를 설치하여 웹서버 구축하기 1. express 란? Node.js의 확장모듈로 서버 사이트 웹 프레임워크(Server Side Web Framework)로 정의하며, 자바스크립트 코드를 이용해 서버 사이드 작성이 가능하다. express는 Node.js에서 가장 유명한 웹 프레임워크 모듈로 express를 이용하면더 간단하게 웹 서버를 만들 수 있고, 다양한 템플릿 엔진과 기능들을 사용할 수 있다. 2. express 설치 저장하여 실행시키고자 하는 곳에 express를 설치한다. 나는 D 드라이브에 설치했다. 그런데 여기서 좀 더 편리한 환경을 만들기 위해 보통 'npm install -g express' 하면 자동으로 설치되지만 웹페이지를 jade 형식으로 작성..

HTML5와 시맨틱 태그 HTML5의 문서 구조 HTML5에서는 문서 구조를 정의할 수 있는 새로운 요소들이 도입되어 태그만 보고도 쉽게 페이지 구조를 이해할 수 있다. 사람들이 소스를 쉽게 이해할 수 있도록 태그를 의미가 통하게, 즉 시맨틱(semantic, 의미가 통하는) 태그로 바뀐 겁니다. HTML5에서 새로 추가된 시맨틱 태그에 대해 알아보자.. -시맨틱 태그가 사용된 HTML5의 문서 구조 인터넷상의 문서들을 살펴보면 서로 다른 듯 보이면서도 그 구조는 크게 다르지 않다. 사이트의 제목과 로고, 검색 창 등이 있는 헤더(header) 부분과 여러 내용이 있는 콘텐츠(contents) 부분, 본문 외의 내용을 나타내는 사이드 바(side bar), 그리고 저작권 정보과 제작자 정보를 표시하는 푸..

Node.js 설치 및 접속 실행 1. Node.js 란? 서버사이드 자바스크립트 기술로, 확장성 있는 네트워크 애플리케이션 개발에 사용되는 소프트웨어 플랫폼이다. 기존의 자바스크립트들은 전부 브라우저에서 실행하는 형태였지만 node.js 는 서버사이드에서 실행되는 자바스크립트이며 웹서버나 SMTP 서버 등과 같은 서버 프로그램을 작성할 수 있다. 2. node.js 플랫폼의 장점크롬 V8 엔진 사용 : node.js는 V8엔진 위에서 동작하는 프레임워크이다. 즉, 크롬 V8 엔진의 성능이 개선되고 업그레이드되면 Node.js 도 같이 성장한다는 말이다.비동기 방식 : 입출력이나 데이터베이스 쿼리 수행 및 라이브러리쪽까지 비동기 처리하며, 자바 보다는 느려도 적은 비용으로 중간 성능을 낼 수 있다.Jav..

오늘은 Atom에디터에 대해 알아보겠습니다 구글에서 아톰 에디터를 검색하면 Atom의 공식사이트인 http://atom.io 가 나옵니다. 사이트를 들어가면 바로 Download Windows Installor 라고 적힌부분을 누르면 다운받을수 있습니다. Atom Editor를 실행하고 위에 보이는것처럼 File --> Settings를 누릅니다 그러면 다음과 같은 화면이 나옵니다. Packages를 들어가시면 현재 깔려있는 패키지들을 볼 수 있습니다. 다음 Install는 검색을 통해 유용한 패키지들을 다운 받을 수 있습니다. Atom을 사용하면서 유용한 패키지를 소개해드리겠습니다. linter - 자동으로 문법검사를 해줍니다. linter-htmlhint - html문법 검사를 해줍니다 linter-..

노드 삭제 오늘 공부할 내용은 노드의 삭제 입니다 노드 삭제 순서는 1. 제거할 노드 찾기 --> 2. 노드제거 이렇게 2가지 순서로 간단하게 노드를 삭제할 수 있습니다. 오늘의 주제 노드삭제에 대한 핵심 내용을 정리해 보겠습니다. 특정 노드 삭제 모든 자식 노드 삭제 □특정 노드 삭제 특정 노드를 삭제하고 싶은 경우 remove() 메서드를 사용합니다. 사용법 : $대상.remove() 예제를 통해 쉽게 알아 보겠습니다. Ex01 - 클릭한 노드를 삭제해 주세요. 왼쪽 사진을 보면 menu4가 삭제된 것을 확인할 수 있습니다. script에서 기준으로 잡은 노드는 사용자가 클릭한 태그이기 때문에 $("ul.menu li")를 클릭했을 경우 클릭 당한 $(this)가 remove()메서드를 통해 삭제가 ..