본문 바로가기

JavaScript5

[Node.js] npm으로 외부모듈 설치하기(feat.jquery) NPM이란? NPM(Node Package Manager)은 자바스크립트 런타임인 Node.js의 기본 패키지 관리자입니다. npm을 사용하여 다른 개발자들이 만든 라이브러리나 프레임워크 등의 패키지를 설치하고 의존성을 관리할 수 있습니다. 또한 개발한 패키지를 배포하고 공유할 수도 있습니다. npm은 오픈소스 생태계에서 가장 큰 패키지 저장소를 보유하고 있으며, 이를 통해 개발자들은 수많은 패키지를 검색하여 다운로드할 수 있습니다. npm은 커맨드 라인 인터페이스(CLI)를 제공하여 패키지를 설치하고 배포하는 등 다양한 작업을 수행할 수 있습니다. NPM 사용방법이란? 사용방법은 npm install `모듈명` 입력하면 설치가 됩니다. 설치하고 싶어도 모듈명을 모르면 설치할수가 없겠죠?https://w.. 2018. 4. 10.
[Node.js] 간단한 웹 서버 구현해보기 이번 포스팅에서는 Node.js 를 이용하여 간단한 웹서버를 구현해보도록 하겠습니다. 웹서버를 만들기 이전에 노드가 설치 되어있어야합니다. 아직 설치가 안되어 있으시다면 이전글을 참고하셔서 설치를 하고 진행해주시기 바랍니다. 2018.03.29 - [JavaScript/node.js] - [Node.js] 설치하기 [Node.js] 설치하기 Node.js 란? Node.js는 구글 크롬의 자바스크립트 엔진(V8)을 기반으로 만들어진 서버에서 실행되는 자바스크립트 런타임입니다. 기존의 자바스크립트는 브라우저에서만 실행할 수 있었지만, Node.js egnmomo.tistory.com 웹 서버 구현 소스 작성하기 아래 코드는 Node.js로 작성한 HTTP 서버 생성 코드입니다. 간략하게 설명하자면 requ.. 2018. 3. 29.
Node js 실행하기. 처음 실행해보는 예제 3가지 지난 포스팅에서 Node를 windows에서 설치하는 방법을 알아봤습니다. 설치는 했으니 이제 실행하는 방법을 알아볼 차례입니다. 아직 설치를 안하셨다면 이전 포스팅을 보시고 설치를 먼저 하고 봐주시면 될 것 같습니다. 2018.03.29 - [JavaScript/node.js] - Node js 란? windows에서 설치하기 Node js 란? windows에서 설치하기 Node.js 란? Node.js는 구글 크롬의 자바스크립트 엔진(V8)을 기반으로 만들어진 서버에서 실행되는 자바스크립트 런타임입니다. 기존의 자바스크립트는 브라우저에서만 실행할 수 있었지만, Node.js egnmomo.tistory.com 예제1. Hello World 출력하기 console.log("Hello World"); .. 2018. 3. 29.
Node js 란? windows에서 설치하기 Node.js 란? Node.js는 구글 크롬의 자바스크립트 엔진(V8)을 기반으로 만들어진 서버에서 실행되는 자바스크립트 런타임입니다. 기존의 자바스크립트는 브라우저에서만 실행할 수 있었지만, Node.js가 등장하면서 서버 측에서도 자바스크립트를 이용하여 프로그래밍이 가능해졌습니다. Node.js의 가장 큰 특징은 비동기 I/O 처리입니다. 이는 Node.js가 대용량 네트워크 프로그래밍에 적합하다는 것을 의미합니다. 또한 Node.js는 npm 같은 패키지 매니저와 함께 사용될 때 개발 생산성과 코드 재사용성 측면에서 매우 유용합니다. Node.js는 웹 서버, API 서버, 실시간 채팅 애플리케이션 등 다양한 분야에서 사용될 수 있습니다. Node.js 설치하기 https://nodejs.org/.. 2018. 3. 29.
[javascript] 엘리먼트 선택 메소드 querySeletor [javascript] 엘리먼트 선택 메소드 querySeletor Javascript의 querySeletor는 CSS에서 속성값을 줄때 사용하는 '#, . ' 등의 선택자로 원하는 엘리먼트를 선택할 수 있게 해주는 메소드입니다. 단순히 Selector의 기능이 필요해서 JQuery 라이브러리를 추가하는 대신 자체 메소드인 querySeletor를 사용해도 무방할것으로 보입니다. ex) CSS 선택자 #div1 { color : red } .div2 { font-size: 14px; } 아래와 같이 사용하면 됩니다. 아래 소스는 'inputText'라는 id를 가진 엘리먼트에 안에 'Hello~' 값을 넣어주는 예제입니다. 아래 소스는 'inputClass'라는 class를 가진 엘리먼트에 안에 'He.. 2018. 3. 29.