Web/Javascript 35

[Javascript] 조건문

조건문: if 문, 삼 항 연산자, switch 문 - if 문 (if-else, if-else if-else)은 조건에 맞는 코드를 실행하면 나머지 조건들 무시하고 조건문이 종료됨 - switch 문은 만족하는 조건이 생겨도 아래 코드까지 실행하기 때문에 break 사용해야 함 if 문 - if (조건) { 실행할 코드 } - 조건이 하나일 때 (조건은 boolean 형태여야 함 즉, 참인지 거짓인지 판별 가능한 조건이어야 함) - 조건이 false인 것: 0, -0, null, false, NaN, undefined, '' (나머지는 모두 true) - 조건이 참일 때만 실행할 코드가 실행됨 - 조건이 거짓일 때 실행할 코드는 else 문에 넣어주면 됨 삼 항 연산자 - if-else 문의 축약 형태..

Web/Javascript 2022.03.26

[Javascript] 함수

함수 이름 정하는 법: 함수 이름만 보고 함수의 기능을 알 수 있도록 정함 ​ 함수 선언하는 방법 1) function 함수 이름(매개변수) { 기능 } * 매개변수는 함수의 input 값 2) arrow function ​ 1번 예시) ​ 2번 예시) ​ arrow function 장점 - 여러 가지를 생략해서 간단하게 사용 가능 - 인자가 하나일 때는 괄호 생략 가능 - 코드 한 줄이면 괄호와 return 생략 가능 강의 출처: 컴공 선배

Web/Javascript 2022.03.26

[Javascript] 객체

객체: 관련된 데이터들의 모음 (배열과 차이점: 배열은 데이터들이 나열된 것, 데이터 접근하는 데 한계가 있음 / 객체는 함수 저장 가능) ****** 배열로 표시하면 const pooh = ['pooh', 'bear', 'disney character', 'boy']; 이름, 종류, 직업, 성별 순으로 나열해놨는데 순서 모르면 추가할 수 없고 데이터에 접근할 때 인덱스로 접근해야 한다. (pooh[0] 이런 식) 하지만 이걸 객체로 표현하면 const pooh = {name: 'pooh', species: 'bear', job: 'disney character', gender: 'boy'} key-value 형태로 저장할 수 있어서 데이터에 접근하기 더 편리하다. (pooh.name 이런 식으로 key..

Web/Javascript 2022.03.26

[Javascript] 배열

배열: 연관성 있는 것들의 리스트 배열 선언 방법: [], new Array 사용1) const travel_spot = ['방콕', '뉴욕', '파리'];2) const travel_spot = new Array('방콕', '뉴욕', '파리');3) 빈 배열 선언 후 값 추가const travel_spot = []; (const travel_spot = new Array();)travel_spot[0] = '방콕';travel_spot[1] = '뉴욕';travel_spot[2] = '파리'; 배열 접근: index 사용 (0부터 시작) 배열 추가 - push, unshift, splice (const 사용 시 재할당 불가능 but 기존 배열 수정하는 것은 가능) push: 배열 뒤에 원소 추가 (반환..

Web/Javascript 2022.03.26

[Javascript] 변수, 자료형, 연산자

변수 - 선언, 초기화, 재할당 선언: 정의하는 것 초기화: 정의한 변수에 넣는 첫 번째 값 재할당: 값이 들어간 변수에 다른 값을 넣는 것 변수 선언 방법: const, let const: 변하지 않는 데이터 값을 넣을 때 let: 데이터 값이 변할 때 const와 let 차이: 재할당 가능한지 자료형 (자바스크립트의 데이터 타입) - 8가지 [string, number, bigInt, boolean, symbol, null, undefined, object] - string (문자열): 작은따옴표나 큰 따옴표로 표현 가능 (문자뿐만 아니라 숫자와 특수문자도 가능) - number (숫자) - bigInt (number 값이 안정적으로 나타낼 수 있는 최대치인 2^53-1보다 큰 정수) - boolea..

Web/Javascript 2022.03.26