python에서는 int, float으로 부동 소숫점을 표현하지만, javascript에서는 정수와 부동소숫점을 모두 NUMBER 데이터 타입으로 표현한다. ❉ typeof 를 사용해서 변수의 데이터타입을 표현한다.const SanE = 1;console.log(typ
javascript에서는 주석을 달 때 한줄에서는 // 여러줄에서는 이렇게 사용한다. 또한 자바스크립트는 코드 라인이 끝날 때마다 세미콜론(;)을 붙여줘야하며 console.log()를 통해 일반적인 print를 할 수 있다. (ex: console.log(”Hel
Number()=Number 타입으로 변환을 해준다.console.log(typeof Number(”1”) , Number(”1”);\-결과Number 1parseInt=Number 타입으로 변환하되 정수형으로 변환한다.console.log( typeof parseIn
파이썬에서는 탭으로 내부 실행문을 구분했지만, javascript에서는 {}를 통해서 내부 실행문을 구분한다.if(조건){ 코드;}예시)let SanAge = 26;if(SanAge > 19){ console.log(”성인입니다.”);}if ~ else 구문
기본문법예시함수 선언은 보다 간편하게 하기 위해 고안된 문법화살표 함수는 익명임따라서 익명 함수를 호출하기 위해 변수를 대입한다.다음과 같은 세가지 단축 문법을 지원한다.function 키워드 생략 가능함수 인자가 하나 뿐이면, 괄호() 생략 가능함수 코드가 한 라인이
클래스 기반 객체 지향 문법에서는 클래스 내부 변수를 외부에서 어느 범위까지 접근할 수 있을지를 지정하는 문법을 제공public, private, protected 와 같은 키워드 제공정보 은닉과 캡슐화 컨셉과 관련 있음javascript 객체 리터럴에서는 이와 유사한
초기문: let i = 0; 과 같은 변수 선언을 쓰는 것이 일반적임조건문; i < 5; 와 같이 반복할 조건ㅇ을 쓰는 것이 일반적임증감문; i++; 과 같이 다음 반복 전에 실행되는 구문초기문을 먼저 실행 후, 조건문에 맞으면 반복 1회, 그 다음에 증감문 실행
일반적인 프로그래밍 언어에서 지원하는 while 문도 지원한다.break : 반복문 안에서 더이상 반복문을 실행하지 말고 반복문 밖으로 빠져나오기continue : 현재 반복 코드에서 continue 다음 반복 코드를 수행하지 않고 다음 반복 횟수로 넘어 감데이터 구조
다양한 형태의 배열이 가능함배열 끝에 아이템 추가 결과배열의 끝에 이는 아이템을 리턴해주고, 해당 이이템은 배열에서 삭제결과배열의 첫번째 아이템을 삭제하고, 뒤에 있는 아이템을 앞으로 당김결과두 배열 합치기결과아이템 사이에 특정 문자열을 넣어서, 모든 아이템을 합쳐서,
for 문을 대체해서, 간단히 배열의 각 아이템을 가져올 수 있는 함수배열의 각 아이템에 정의한 함수를 적용해서, 새로운 배열을 리턴하는 함수배열에서 지정한 데이터가 위치한 인덱스 번호를 리턴결과배열의 아이템이 객체일 경우, 해당 객체에서 지정한 데이터 위치를 찾을 수
html 에 있는 테그를 JS로 가져오기 위해서는 document를 사용한다.querySelector 와 getElementById 등등 사용할 수 있다querySelector에서 css Selector를 사용해서 html 에 있는 특정 값을 불러 올 수 있다.docu
배열의 각 아이템으 별도 변수에 할당하는 문법…을 통해, 나머지 요소를 한번에 가져올 수동 있음결과객체와 마찬가지로 기본값을 설정할 수도 있음split()파이썬과 달리, 구분할 인자를 넣어주지 않는다고 해서, 디폴트로’’로 구분되진 않는다. 따라서 명시적으로 ‘ ‘ 를
Rest 파라미터는 함수 인자 선언 앞에 … 을 붙여서 정의하는 문법해당 함수에 전달된 인자 리스트는 하나의 배열로 해당 변수에 넣어짐인자의 수만큼 순차적으로 인자값이 대입되고, 나머지만 배열로 대입결과…변수는 맨 마지막에 와야한다.Rest 파라미터와 마찬가지로 …을
호이스팅이란, ‘끌어 올린다’는 의미일반적인 언어는 함수. 변수를 선언한 후. 이후 라인에서 해당 함수와 변수를 사용할 수 있으나. javascript 에서는 함수 또는 변수 선언 전에 해당 함수 또는 변수를 사용해도 에러를 내지 않는 현상을 의미함var 키워드는 le
Syncronous (동기) : 요청을 보낸 후, 해당 요청의 응답을 받아야 다음 동작을 실행 (코드를 한줄 실행 완료 후, 다음 줄 실행)Asynchronous (비동기) : 요청을 보낸 후, 응답과 관계없이 다음 동작을 실행 (코드를 한줄 실행 후, 완료와 상관없이
오래 걸리는 기능은 비동기적으로 처리됨Rest API 요청파일/데이터베이스 처리타이머, 암호화 / 복호화 등setTimeout()milliseconds : ms 만큼 기다리기function : milliseconds 에서 설정한 ms 만큼 기다린 후, 호출하는 함수코드
new 로 Promise 객체 생성Promise 객체에서는 executor 라는 함수가 자동으로 실행되고, executor 라는 함수는 resolve 와 reject 라는 두 개의 함수를 인자로 받아서 비동기 처리 함수를 실행 executor 를 통해 비동기 처리 함수
테스트실행 중, 예외상황을 처리함failureCallback 가 정의되어 있지 않을 경우, reject 시에도 catch 메서드를 호출함결과then 메서드를 연결해서, 순차적으로 실행되어야할 코드를 연결할 수 있음then 과 catch 메서드도 함께 연결해서 실행가능함
일반적으로는 catch 를 chaining 맨 마지막에 추가해서, 전체 코드의 에러 케이스를 간결히 핸들링finally() 는 Promise 가 resolve 되든 reject 되든 마지막에 해당 함수를 실행함동기화 처리할 Promise 를 묶어서 한번에 실행즉 여러
우리는 자바스크립트 라이브러리인 react.js를 이용해 프론트엔드를 개발한다. React.js를 사용하기 위해 node.js 라는 자바스크립트 런타임 환경을 이용한다. Node.js를 이용하면 브라우저 밖에서도 자바스크립트를 컴파일하고 실행할 수 있다. Node.js
JavaScript 내장 함수 reduce(), map()의 매개변수와 반환 값 그리고 사용 방법에 대해서
Programmers 음양 더하기 with JavaScript
JavaScript 내장함수 split()의 매개변수와 활용 예시
코어 자바스크립트 (위키북스) 1장 데이터 타입.
코어 자바스크립트(위키북스) 2장 실행 컨텍스트
코어 자바스크립트(위키 북스) 3장 this