반응형 컴맹도 할 수 있다31 NPX 목록 1. NPX와 NPM 차이 2. NPX - Node.js 특정 버전으로 실행 3. NPX - github gist 코드 실행 1. NPX와 NPM 차이 NPX NPM $ npx cowsay hi $ npm i cowsay -g (cowsay 모듈을 install 해서 사용) $ cowsay hi 패키지를 설치 유무 - NPM은 패키지 설치하지 않고 사용할 수 있게 해주는 도구 프로젝트에 추가하거나 전역 패키지로 추가할 필요 없음 NPX로 바로 실행 가능 2. NPX - Node.js 특정 버전으로 실행 Node version $ npx node@12 index.js $ npx node@14 index.js npx를 사용하면 Node.js의 특정 버전을 사용해서 js 파일을 실행할 수 있음 프로젝트의.. 2022. 9. 27. NPM 목록 1. NPM 의미 2. NPM 온라인 저장소 3. 커맨드 라인 도구 4. NPM 사용 1) 프로젝트 생성하기 2) pacakage.json 3) 의존성 관리하기 4) npm install 명령어 5) 프로젝트에 의존성 추가하기 6) dependencies와 devDependencies 7) package-lock.json 8) 의존성 버전 표기법 9) 프로젝트에 의존성 내려받기 10) 개발용 의존성을 제외하고 내려받기 11) 전역 패키지 추가 12) 로컬 패키지와 전역 패키지 13) 의존성 삭제하기 14) NPM 사용해보기 15) npm script 사용하는 이유 16) 자주 사용되는 스크립트 17) NPM 요약 1. NPM 의미 Node Package Manager Node.js를 관리하는 도구 .. 2022. 9. 27. 파이썬 모듈과 패키지 목록 1. 모듈 의미 2. 모듈 사용법 확인하기 3. 모듈 사용하기 4. 모듈 만들기 5. 패키지 의미 6. 패키지 속 모듈 사용하기 1) import를 사용 2) from-import를 사용 7. import와 from A import B 비교 8. 웹페이지 정보 가져오기 1. 모듈 의미 특정 목적을 가진 함수, 자료의 모임 ex1) 레시피 = 모듈 ex2) import(불러옴) random ramdom 모듈을 불러오기 2. 모듈 사용법 확인하기 모듈 속 사용하려는 함수/변수의 사용법 확인 random.randrange(start, stop) random = 모듈 이름 randrange = 함수 이름 randrange(start, stop) 중 한 원소를 가져옴 3. 모듈 사용하기 . 을 쓴 뒤에 모듈.. 2022. 9. 24. Node.js 이해 목록 1. ES6와 ECMAScript 2. Node.js로 자주 사용되는 유용한 ES6 문법 코드 알아보기 1) const, let 2) Template String ++추가 띄어쓰기 (기존 문법, ES6) 3) arrow function 4) class 5) destructing 6) promise, async - await 1. ES6와 ECMAScript ES6 ECMAScript 버전 6 이후를 통틀어 일반적으로 ES6이라 부름 ES6을 사용하면 복잡하거나 직관적이지 않던 방법을 보기 좋게 간결하게 표현할 수 있음 ECMAScript JavaScript 표준 문법 2. Node.js로 자주 사용되는 유용한 ES6 문법 코드 알아보기 * Node.js는 ES6의 모든 문법을 지원하지는 않음 1) .. 2022. 9. 17. Node.js 시작 목록 1. Node.js의 등장 배경 2. V8 엔진과 Node.js 3. Browser의 자바스크립트 vs Node.js 4. Node.js로 할 수 있는 것들 5. Node.js 특징 6. Thread 7. 싱글 쓰레드 장단점 8. 비동기(非同期，异步) 9. 동기와 비동기 방식 차이 10. 이벤트 기반 (HTML에서 버튼 누르는 거) 11. Node.js 버전 LTS 뜻 12. Node.js 버전 선택하기 13. split 함수 (분할 함수) 활용 1. Node.js의 등장 배경 WEB 1.0 단방향 통신 위주 다운로드만 ↓ WEB 2.0 사용자와 상호 작용 업로드/다운로드 ↓ 고성능의 자바스크립트 필요 ↓ 크롬 v8엔진 생김 2. V8 엔진과 Node.js 1) V8 엔진 고성능 JavaScript.. 2022. 9. 14. 자바스크립트 DOM과 이벤트 DOM(Document Object Model) 문서 객체 모델 구조화된 문서를 표현하는 형식 HTML DOM HTML 문서를 조작하고 접근하는 표준화된 방법 모든 HTLM 요소는 HTML DOM을 통해 접근 가능함 Document 객체 웹페이지 Document 메소드 HTML 요소와 관련된 작업을 도와주는 다양한 메소드 제공 1) HTML 요소의 선택 2) HTML 요소의 생성 3) HTML 이벤트 핸들러 추가 4) HTML 객체의 선택 1) HTML 요소의 선택 document.getElementById() 해당 아이디의 요소를 선택 document.getElementByClassName() 해당 클래스에 속한 요소를 모두 선택 document.getElementByName() 해당 name 속성값을.. 2022. 9. 14. 이전 1 2 3 4 5 6 다음 반응형
