WebProgramming/JS

WebProgramming/JS

[웹 프로그래밍] JS 작성 툴 (Node.js, NVM, NPM)

Node.js ; 확장성 있는 네트워크 애플리케이션 개발에 사용되는 SW 플랫폼 - 작성 언어로 JS 활용하며 논블로킹 I/O과 단일 스레드 이벤트 루프를 통한 높은 처리 성능 - 내장 HTTP 서버 라이브러리를 포함하여 웹 서버에서 아파치 등의 별도의 SW 없이 동작 NVM (Node Version Manager) ; 노드 버전 관리자 명령어 nvm ls ; 현재 설치되어 있는 nodejs 버전 확인 nvm install xx.xx.x ; xx.xx.x의 버전 설치 nvm use xx.xx.x ; xx.xx.x의 버전 사용 / 안될 경우 Start-Process -Verb RunAs nvm -Args "use xx.xx.x" nvm uninstall x ; xx.xx.x의 버전 삭제 NPM (Node ..

WebProgramming/JS

[JS] JS 작성 팁

내장함수 const B' = A.querySelector(B) ; A에서 B의 요소 하나 찾기 const B' = A.querySelectorAll(B) ; A에서 B의 요소 모두 찾기 A.addEventListener('click',B()) ; A클릭 시 B실행 A.classList.add('B') ; A요소의 클래스명에 'B' 추가 / add, remove, contains A'=document.createElement(A) ; A'라는 의름의 A태그의 요소 생성 A.appendChild(B) ; A의 자식요소로 B 삽입 A.forEach(function(B,index){} ; A내의 요소들이 하나씩 B에 들어가며, index는 0부터 1씩 증가함 A.textContent ; A의 내용 참조 A.sr..

WebProgramming/JS

[JS] JavaScript 기본 문법 / 표기법, 데이터 종류, 변수

표기법 dash-case ex) the-lazy-dog - HTML, CSS snake_case ex) the_lazy_dog - HTML, CSS camelCase ex) theLazyDog - JS PascalCase ex) TheLazyDog - JS 주석 // 한 줄 메모 /** * 여러 * 줄 */ 데이터 종류 String ; 따옴표를 이용하여 정의 " " , ' ', ` `(문자 중간에 다른 데이터 끼워 넣을 수 있음) ex) `Hello ${myName}?!` Number ; 정수 및 부동소수점 숫자를 나타냄 Boolean ; true, false 두 가지 값밖에 없는 논리 데이터 Undefined ; 값이 할당되지 않은 상태 Null ; 어떤 값이 의도적으로 비어있음을 의미 Object ;..

WebProgramming/JS

[JavaScript] 객체, 상속

이번에 배워볼 주제는 JavaScript의 객체입니다! 1. 객체 객체는 객체지향언어인 C++에서도 자주 쓰는 용어인데요 객체란, 실생활에서 우리가 인식할 수 있는 사물입니다. 예를 들어, 고양이는 하나의 객체(cat)입니다. 고양이라는 객체의 property에는 name,age,weight이라는 특성을 가질 수 있고, 고양이라는 객체의 method에는 eat(), sleep(), play()라는 행동을 가질 수 있습니다. 객체란, 이름과 값으로 구성된 property의 정렬되지 않은 집합입니다. 이 property의 값으로 함수가 올 수 있는데 이를 method라고 합니다. 객체의 선언 let gggangdori={ name:"깡돌이", family:"말티즈", age:10, // property ba..

WebProgramming/JS

JavaScript 기본 문법

JavaScript ; 1995년, 웹페이지에서 사용자로부터 특정 이벤트나 입력 값을 받아 동적인 처리를 목적으로 고안된 객체 기반의 스크립트 프로그래밍 언어 - 일반적으로 HTML문서에 내재, 브라우저에서 실행 - 인터프리터 언어 ; C언어처럼 컴파일 작업을 거치지 않고 바로 실행할 수 있는 언어 - 타입 명시 x + TypeScript ; MS에서 개발한 자바스크립트의 상위 언어 자바스크립트 프레임워크 ; 자바스크립트로 작성된 애플리케이션 프레임워크 - 라이브러리 ; 부모 코드에 의해 호출될 함수들을 제공 / 프레임워크 ; 애플리케이션 디자인 전반을 정의 ex) AngularJS, ReactJS, Node.js, Vue.js ECMA (=ES) ; Ecma International이 ECMA-262기..

피터s
'WebProgramming/JS' 카테고리의 글 목록 (3 Page)