본문 바로가기

개발/Javascript7

Node.js와 npm 설치하기! Node.js 는 Chrome V8 JavaScript 엔진으로 빌드된 자바스크립트 런타임 입니다.싱글 스레드의 이벤트 기반 비동기식 서버로 구축할 수 있다는 점 때문에 많이 화제가 됐었는데, 여전히 인기가 많은 듯 합니다.제 경우에는 서버로 쓰려는 것 보다는 npm 을 이용하기 위해서 설치를 했습니다. 일단 Node.js 를 공식 사이트에서 받아서 설치합니다.공식 사이트 : nodejs.org 보시다시피 npm 은 같이 설치되도록 기본 옵션으로 잡혀 있습니다. LTS 와 최신 버전 중 상황에 맞는 것을 선택해서 설치하시면 됩니다.서버로 운영할게 아니라면 그냥 최신 버전을 설치하면 될 것 같네요.저는 마침 6.0.0 버전이 공개되어 있어서 바로 설치해 보았습니다. Node.js 를 활용하기에는 Unix .. 2016. 4. 27.
Javascript 를 이용해 동적으로 CSS 스타일 추가하기 자바스크립트를 이용해서 동적으로 스타일을 추가하는 방법입니다.여기서 소개하는 방법은 DOM 객체 하나 하나에 스타일을 추가하는 것이 아니라, 규칙 자체를 head 안에 넣는 방법입니다.태그를 생성해 준다고 보면 되겠네요. IE7,8,9,11 과 Chrome, Firefox, Safari 에서 테스트 해봤습니다. [출처:http://stackoverflow.com/questions/524696/how-to-create-a-style-tag-with-javascript][원본 코드에서 약간의 수정이 가해졌습니다.] 위와 같은 형태로 태그 하단부에 작성해 주시면 됩니다.볼드 처리된 부분을 보시면 아시겠지만, 위 스크립트를 실행하면 배경색을 빨갛게 만들어 줍니다. 규칙 자체를 추가하는 방법이기 때문에, 동적인 .. 2014. 3. 20.
외부 js 파일의 경로 찾아오기 불러온 js 파일의 경로를 찾는 블로그를 발견했습니다~ 실제로 함수를 사용해 보니 자신을 로드한 위치가 뜨더라구요~ 제가 원하는건 js 파일이 들어있는 경로를 반환 받는건데요... 위와 같은 스크립트 문이 로드되면 /a 가 나오는거죠~ 자료를 찾은 블로그의 함수를 이용해서 만들어 보려고 했는데... 잘 안되더라구요~ 그래서 코드를 재작성 했습니다.(기볹거인 아이디어는 위 블로그에서 그대로 가져왔습니다.) 아래 함수와 실행문을 'js'파일의 상단에 넣어주시면 됩니다. function getJsPath() { var scriptList = document.getElementsByTagName("script"); var fileName = scriptList[scriptList.length - 1].src; .. 2011. 3. 9.