node.js설치

Web/node.js 2015. 12. 6. 16:06

1. nodejs설치

 

https://nodejs.org <-- 여기에서 설치한다.

최근에는 환경변수를 따로 수정할 필요없이 설치할때 다 집어 넣어준다. 그냥 설치할 위치를 지정하고 설치고고

참고로 LTS(Long Term Support)란 장기지원버전이라는 뜻이다. 이 LTS는 새로운 버전이 나올때마다 늘 업데이트를 할수없는 이용자들을 위해 필요한 배포판으로 한버전을 오래 이용하더라도 보안같은 안정성을 보장받을 수 있는것이다.

 

2. nodejs의 기본 명령

 

npm init 명령어는 node 프로그램을 시작(initialize)하는 명령어로 package.json 파일을 생성을 돕는다.

package.json 파일은  해당 node 프로그램에 대한 기본 정보를 담고 있는 파일로 nodejs의 프로젝트를 만들때 이용한다.

처음에 만들때 괄호가 있는 부분은 알아서 엔터치면 그괄호내용이 입력되고 괄호가 없는것은 빈""이 입력되거나 항목이 입력되지 않는다.

나중에 직접타이핑하여 수정할 수 있으므로 처음 시작할때부터 세세히 작성할 필요는 없다.

 

설치 - 모듈을 해당위치의 node_modules폴더에 설치하고 소스 안에서 require해서 사용
npm install module_name

설치 (dependency) - 모듈이 pakage.json에 등록됨

npm install module_name --save

설치 (Global) - 모듈을 전역에 설치해서 쉘에서 사용
npm install -g module_name

제거 - 모듈을 제거
npm uninstall module_name


업데이트 - 모듈을 최신 버전으로 업데이트
npm update module_name

 

 

Posted by duehd88
,

  노회찬, 유시민, 진중권『생각해봤어?』“함께 읽고 함께 토론해보시길” 이 글 인터뷰 내용중에 "지식에 성찰을 가하면 지혜가 된다" 라고 진중권 교수가 말한다. 진짜 하나 배웟다....

 

  데이터를 가공하여 정보를 만들고 이것이 한가지의 주체를 기반으로 모아지면 지식이 된다고 한다. 흔히 여기까진 모두들 알고 있을거고 표현을 못해도 살아가면서 이렇다 하는건 계속 체감하면서 산다... 그런데 거기에 성찰을 가하면 지혜가 된다라... 당연한 말이지만 난 여기까지 생각을 넓히지 못햇던거 같다. 좀 더 생각의 발전을 하도록 노력해야겠다. 아래는 내가 무릎을 탁치게 된 내용이다.

 

부제가 ‘내일을 바꾸기 위해 오늘 꼭 알아야 할 우리 시대의 지식’인데요. 책에는 객관적인 사실 뿐만 아니라 의견까지 함께 담고 있습니다. 사실에 의견이 더해져야 지식이 되는 것이 아닌가 생각을 하게 되었는데요.
진중권 | 가장 아래 있는 게 데이터이고, 이것을 처리하면 정보입니다. 정보를 연결하면 지식이 되고, 지식에 성찰을 가하면 지혜가 되는데요. 저희가 하는 건 지식을 지혜로 옮기는 일이에요.
유시민 | 빙고!

 

링크 - http://news.kyobobook.co.kr/people/writerView.ink?sntn_id=10201

Posted by duehd88
,

Parallax Scrolling !!!

Web/web talk 2015. 11. 17. 00:00

1. Parallax Scrolling이란?

 

애니메이션이나 게임에서 사용되는 기법으로 우리가 보고 있는 화면을 구성하는 배경이미지와 다른 이미지들간의 움직임이나 동작 시간을 다르게 주어 스크롤이 될 수 있도록 하는 표현 기법이다. Parallax Scrolling을 이용하면 보는 위치에 따라 물체의 위치나 방향의 차이로 인해 사용자에게 역동적인 느낌의 웹사이트를 제공할 뿐만 아니라 3D입체적인 느낌의 웹사이트까지도 제공 가능해졌다.

 

주로 기업같은 곳의 프로모션 웹페이지의 경우 사용자의 시선을 유도하거나 호기심 유발 등과 같은 효과를 위해 주로 많이 사용하고 있다. 그래서 신제품이나 기업 광고에 만화나 글귀로 스토리텔링을 이용하여 구성을 하는 곳도 있고 또는 화려한 효과를 통해 보는 이들의 시선을 사로잡는 내용을 많이 보인다.

 

Parallax Scrolling을 사용할 때 가장 큰 장점은 페이지 컨텐츠를 많이 소비하지 않는다. 또 사용자의 시선을 원하는 방향으로 유도시키기 좋으며 흥미를 끌기에 매우 좋다. 하지만 페이지를 구성할때 많은 리소스가 필요한 경우 초기 로딩속도가 느릴 수 있다는 단점이 있고 화면을 구성하고 디자인하기가 굉장히 까다로운 편이다.

 

마지막으로 너무 창의적인 디자인을 선호하려고 하다가 기본을 잃지 말자. 용도나 환경에 따라 조율을 잘한다면 굉장히 좋은 디자인인것은 확실하다!!

 

2. Parallax Scrolling 예제 사이트

http://thecrex.com/

http://shibui.me/web/scroll/index.html

http://graphicnovel-hybrid4.peugeot.com/start.html

http://www.putzengel.at/

http://www.fontwalk.de/01/

http://www.fontwalk.de/02/

http://www.fontwalk.de/03/

 

구현을 편하게해주는 라이브러리 : https://github.com/Prinzhorn/skrollr

 

Posted by duehd88
,