일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- 볶음밥
- Element
- 노드
- web
- map
- vue.js
- Rendering
- Node.js
- React.js
- 시맨틱
- ecma
- html
- DoM
- React calculator
- 키다리 개발 일지
- 회고록
- closure
- wep
- component
- 키다리 개발자
- tag
- ES6
- react
- includes
- jsx
- CSS
- javascript
- props
- scope
- 키다리의 개발일지
- Today
- Total
목록node.js (3)
키다리 개발자
node.js 환경에서 Javascript를 이용하여 여행 웹을 만들어 보았습니다. 만들면서 쓰였던 코드 리뷰를 먼저 작성하고 실행 동영상은 글 마지막에 배치 하였습니다. 일단 node.js환경을 구축하여 json파일을 만듭니다. (트랜스파일러를 하기 위해 browserify를 사용하였습니다.) 터미널에서 npm run build 또는 npm run build2로 나누어서 실행시켰습니다. HTML을 만듭니다. browserify를 사용하면 bundle.js가 생성됩니다. 그래서 script 경로를 bundle.js로 해줍니다. 페이지는 main 화면과 클릭되면 들어가지는 detail page들로 나누었기때문에 build와 build2로 나눈것 입니다. require(); require("불러올 경로")로..
node.js = Javascript 개발하기 쉽게 만들어주는 환경 npm = node package manager npm init -> npm 초기화 -> 프로젝트 생성 -> node project 생성 프로젝트 = package npm install 모듈 -> 온라인 상에서 다운로드 -> require로 다운로드 한 모듈 가져오기(vs code) (기본 명령어들은 하단에 설명) Git bash로 node.js 환경 구축 index.js 와 package.json 파일 생성 (visual studio code에서 확인) git bash 기본 명령어 ls 디렉터리 목록 조회 cat 파일 내용 조회 cd .. 상위 디렉터리 이동 cd 하위 디렉토리 이동 mkdir 디렉토리 폴더 생성 mk rm -r 디렉토..
타이머 함수는 원하는 시간을 스케쥴링하여 함수를 호출하는 기능을 갖고 있습니다. 함수 내에는 호출될 함수 내 코드와 시간을 입력합니다. (1000ms = 1 second) ex) 3초 후에 호출하고 싶으면 3000을 입력하면 됩니다. setTimeout(function() { // Code here } , delay); 일정 시간 후에 함수를 단 한번 호출한다. setInterval(function() { // Code here } , delay); 일정 시간마다 반복하여 함수를 호출합니다. 단, 함수 내 사용 시 함수 내 반복 기준으로도 반복되므로 주의해야 한다. clearTimeout(); setTimeout함수를 중단 및 삭제한다. clearInterval(); setInterval 함수를 중단 및..