메모장

1. 코드 구조세미콜론으로 구문 구분 / 줄바꿈 시 구분에 사용되긴 함(안될 경우가 있어 위험) 코드블록{}이나 반복문같이 {}로 구성되는 문법의 끝엔 붙이지 않음 ({}; X) 2. 엄격 모드'use strict' : 모던 자바스크립트의 모든 기능을 사용할 수 있음스크립트 또는 함수의 최상단 3. 변수키워드 : let, const(바꿀 수 X), var명명 규칙첫글자로 숫자 X사용 가능 특수 기호 : $ _동적 타이핑 허용 -> 한 변수에 다른 자료형 값 할당 가능let x = 5;x = "John";8가지 자료형: 숫자형, BigInt형, 문자형, 불린형, null, undefined, 심볼형연산자 typeof : 값의 자료형 반환 4. 상호작용UI 함수를 이용해 사용자와 상호작용prompt(ques..

: 함수 표현식보다 단순하고 간결한 문법으로 함수 생성 문법let func = (arg1, arg2, ...argN) => expression 같은 함수let func = function(arg1, arg2, ...argN) { return expression;};   - 매개변수가 하나면 괄호 생략 가능let double = n => n * 2;// let double = function(n) { return n * 2 }과 거의 동일합니다.alert( double(3) ); // 6   - 매개변수가 없으면 괄호 생략 불가let sayHi = () => alert("안녕하세요!");sayHi();  위는 코드가 한줄인 경우코드가 여러줄인 화살표 함수는?let sum = (a, b) => { // ..

js에서의 함수는 특별한 종류의 값으로 취급 --> 함수 표현식 방식다른 언어 - 특별한 동작을 하는 구조 let sayHi = function() { alert( "Hello" );};위와 같이 = 를 사용함 --> 이 부분에서 js는 함수를 값으로 생각함을 느낌함수가 변수에 할당 - ()가 없으면 반환값이 아닌, 함수 코드 자체를 문자형으로 출력 -> 값으로 취급하는 특성function sayHi() { alert( "Hello" );}alert( sayHi ); // 함수 코드가 보임 - 위와 같은 함수의 코드를 변수에 할당하면 그 변수를 함수로 사용할 수 있음function sayHi() { // (1) 함수 생성 alert( "Hello" );}let func = sayHi; //..

: 프로그램을 구성하는 주요 '구성요소': 코드 중복 제거 내장함수 : alert, promt, confirm 등 함수 선언1) 함수 선언문function name(parameter1, parameter2, ... parameterN) { // 함수 본문} 2) 함수 표현식 (아래 링크 및 다음 게시물)3) 화살표 함수 (참고)https://kekehome.tistory.com/28 그냥 객체 만들어서 set()을 통해 객체 담으면 됨! let db = new Map(); //데이터베이스 대신 map 사용let notebook = { productName: "Notebook", price: 2000000,};let cup = { productName:" data-og-host="kekehome.tist..

문법: 하나 이상의 case문과 선택적으로 default문 존재 switch(x) { case 'value1': // if (x === 'value1') ... [break] case 'value2': // if (x === 'value2') ... [break] default: ... [break]}변수 x값과 일치하는 case에 들어가 해당하는 코드 실행break를 만나거나 switch 문의 마지막 줄을 만나면 끝일치하는 case가 없으면 default문 실행 (있으면)- break들어간 case에 break가 없으면 만나는 case를 계속해서 실행let a = 2 + 2;switch (a) { case 3: alert( '비교하려는 값보다 작습니다.'..

용어iteration (반복) : 반복 본문이 한 번 실행되는 것 / 3번 실행되면 세 변의 이터레이션이라고 함 'while' 반복분문법while (condition) { // 코드 // '반복문 본문(body)'이라 불림}조건이 참이면 코드 실행예제 1// i++가 있어 무한반복이 되지 않음let i = 0;while (i  예제 2// 자동으로 조건을 0으로 만들어 false 후 반복 탈출let i = 3;while (i) { // i가 0이 되면 조건이 falsy가 되므로 반복문이 멈춥니다. alert( i ); i--;} 'do...while' 반복문문법 / 본문 최소 '한' 번 실행do { // 반복문 본문} while (condition); 본분 먼저 실행 -> 조건 확인 -> 참이면..

nullish 병합 연산자(nullish coalescing operator) ??: 변수 중 값이 '확정된' 변수를 찾을 수 있음 a ?? b a가 null도 아니고 undefined도 아니면 a그 외의 경우는 b   =         x = (a !== null && a !== undefined) ? a : b;    --> 코드 길어짐 세 변수 중 실제 값이 있는 변수 출력, 모두 값이 없으면 '익명 사용자' 출력  --> ??를 사용해 세상 간편~~~~ 가장 먼저 값이 있는 변수를 출력함let firstName = null;let lastName = null;let nickName = "바이올렛";// null이나 undefined가 아닌 첫 번째 피연산자alert(firstName ?? last..

세 종류 : || (OR), && (AND), ! (NOT) 우선 순위! (NOT) > && (AND) >  || (OR)  || (OR): 둘 중 하나라도 true이면 true, 아니면 false네가지 조합alert( true || true ); // truealert( false || true ); // truealert( true || false ); // truealert( false || false ); // false 추가 기능 1. or 연산자와 피연산자가 여러 개 : 가장 먼저 true인 원래 값을 반환result = value1 || value2 || value3;인 형태 alert( 1 || 0 ); // 1 (1은 truthy임)alert( null || 1 ); // 1 (1..

if문if (조건 1){ //코드} else if (조건 2){ //코드} else if (조건 3){ //코드} else if (조건 4){ //코드} else { //코드}else if 와 else는 필요에 따른 선택 사항조건은 불린형으로 판별true 면 {}의 코드 실행false 면 다름 조건으로 넘어감조건부 연산자 '?': 조건에 따라 반환 값을 달리하려는 목적 문법let result = condition ? value1 : value2;condition이 true이면 value1, 아니면 value2 반환let accessAllowed;let age = prompt('나이를 입력해 주세요.', '');if (age > 18) { accessAllowed = true;} else { acces..

연산자 종류: 보다 큼, 작음>= , == : 같음(동등)!= : 같지 않음 - 비교 연산자의 반환값 : 불린형2 > 1 --> true2 == 1 --> false2 != 1 --> true - 문자열 비교'사전' 순'Z' > 'A' --> true'Glow' > 'Glee' --> true'Bee' > 'Be' --> true - 다른 형을 가진 값 간의 비교비교 값의 자료형이 다른 경우 숫자형으로 바꿈'2' > 1 --> true'01' == 1 --> truetrue/ false 는 1/0으로 변환됨- 일치 연산자 ===   : == 이 0과 false 또는 "" 과 false를 구별 못 함 --> 자동으로 숫자형으로 바꾸기 때문!   ---> === 을 이용하면 구별 가능strict한 동등 연산..