Cosmic dust

객체(Object) 목차 1. 객체 나타내는 방법 2. 접근, 추가, 삭제 3. 단축 프로퍼티 4. 프로퍼티 존재 여부 확인 5. for... in 반복문 6. 예제 1.객체 나타내는 방법 Superman인 이름이 clark이고 나이가 33인 인물을 객체로 표현해보자 const superman = { name: 'clark', age: 33, } 객체는 {}로 나타내고, name은 키(key) 'clark'은 값(value)이라고 부른다. 새로 더 추가하고 싶을 때는 ,(쉼표)를 사용해서 구분한다. 마지막 줄에 쉼표는 없어도 되지만, 있는게 나중에 혹시 수정할 때 편하다. 여기에서는 일단 키와 값을 합쳐 프로퍼티라고 부르겠다. 2. 접근, 추가, 삭제 3. 단축 프로퍼티 단축 프로퍼티를 활용하면 더 간단..

함수 표현식, 화살표 함수(arrow function) 목차 1. 함수 선언문 vs 함수 표현식 2. 화살표 함수(arrow function) 1. 함수 선언문 vs 함수 표현식 아래 함수 선언문과 함수 표현식의 예를 보자 // 함수 선언문 예 function sayHello(){ console.log('Hello'); } 이름이 없는 함수로 만들고 변수를 선언해서 함수를 할당했다. // 함수 표현식 예 let sayHello = function(){ console.log('Hello'); } 둘 다 실행, 동작 방식 모두 똑같다 차이점은 호출할 수 있는 타이밍이다. 자바스크립트는 인터프리터 언어(Interpreter languge): 순차적으로 실행되고 즉시 결과를 반환하는 프로그램 언어이다. 함수 선..

함수(function) 목차 0. 사용 이유 1. 함수의 기본 생김새 2. 지역변수 전역 변수 3. return으로 값 반환 4. 함수(function) TIP 0. 사용 이유 중복되는 코드를 함수로 지정해주면 중복작성을 하지 않고 간단하게 표현할 수 있다. 지금까지 썼던 console, alert, confirm 은 모두 내장 함수이다. 자바스크립트에서 기본적으로 함수로 정해놓은 것이다. 함수의 기본 생김새 function sayHello(name){ console.log(`Hello, ${name}`); } sayHello(name); // Hello, name 출력 function: 함수라는 뜻 sayHello: 함수명(아무거나 가능) name: 매개변수(없을 수도 있고, 한 개, 두 개 이상일 수..

switch(스위치) 목차 0. 사용 이유 1. 사용 예시 2. break의 필요성 3. else와 똑같은 역할을 하는 default 4. 동일한 결괏값 case 합치기 0. 사용 이유 스위치는 왜 사용하는 걸까? 사실 swich와 if는 사용에 큰 차이점이 없다. 나는 명확한 단일 케이스별로 구분하고 싶을 때는 case를, 범위별로 구분하고 싶을 때는 if를 사용하는 편이다. 아래 코드는 switch로 작성하고, if로 작성한 똑같은 조건이다. switch(평가){ case A: // A일때 코드 case B: // B일때 코드 ... } if(평가 == A){ // A일때 코드 } else if(평가 == B){ // B일때 코드 } 1. 사용 예시 만약 사용자에게 어떤 과일을 사고 싶은지 물어보고,..

반복문(for, while, do while) + break, continue 목차 0. 사용 이유 1. for 2. while 3. do while 4. break 5. continue 0. 사용 이유 1부터 10까지 로그를 찍어달라고 했을 때, console.log(1); console.log(2); console.log(3); . . 위와 같이 찍으면 될 것이다. 그런데 1부터 100까지, 1부터 10,000까지 찍어달라고하면? 헉, 100개의 콘솔 로그를 찍기는 너무 힘들다. 이렇게 동일한 작업을 여러번 반복할 때 쓰는 것이 반복문(Loop)이다. 1. for 가장 많이 사용하는 반복문은 for이다. 명확한 횟수가 정해져 있는 경우 주로 사용한다. for (let i = 0; i < 10; i++..

기본, 비교, 논리 연산자, 조건문 목차 1. 기본 연산자 (1) %의 쓰임 (2) 거듭제곱 (3) 연산자의 우선순위 (4) 연산자 줄여서 쓰기 (5) 증가 연산자, 감소 연산자 2. 비교 연산자, 조건문( = == !=, if, else) (1) 비교 연산자 (2) 동등 연산자 (3) 조건문(if, else) 3. 논리 연산자 (AND, OR, NOT) (1) ||(OR) (2) &&(AND) (3) !(NOT) (4) 우선순위 1. 연산자(Operators) 종류는 다섯 가지이다 +, -, *, /, % (1) %의 쓰임 우리가 흔히 +, -, *, /는 보니 알겠는데, %(나머지)는 어디에 쓸까? 예시 1) 홀짝 구분 홀수: X % 2 = 1 짝수: Y % 2 = 0 예시 2) 어떤 값이 들어..

형변환 목차 형변환 1. 왜 필요한가? (1) 사용자에게 입력받는 경우 (2) 직접 입력한 경우 2. 명시적 형변환 (1) String() 문자형 변환 (2) Number() 숫자형 변환 (3) Boolean() 형변환 String() -> 문자형으로 변환 Number() -> 숫자형으로 변환 Boolean() -> 불린형으로 변환 1. 왜 필요한가? ① 사용자에게 입력받는 경우 const mathScore = prompt("수학 몇점?"); //80 const engScore = prompt("영어 몇점?"); //70 // const result = mathScore + engScore / 2; // 이렇게 되면 나누기가 먼저 실행된다. const result = (mathScore + engScor..

메시지가 뜨는 alert, prompt, confirm 목차 1. alert 알려준다 2. prompt 입력받는다 confirm 확인받는다 1. alert() 알려준다: 내용 및 확인 버튼 함수가 실행되면 메시지가 뜨고, 사용자가 확인 버튼을 누르기 전까지는 계속 떠있다. 상호작용보다는 알림 용도 예) 삭제되었습니다. 2. prompt() 입력받는다: 입력 내용 및 확인 버튼 const name = prompt("이름을 입력하세요."); alert("환영합니다, " + name + "님"); // 팝업창 실행 const name = prompt("이름을 입력하세요."); alert(`안녕하세요, ${name}. 님. 환영합니다.`); const name = prompt("예약일을 입력해주세요.", "20..

변수, 자료형 목차 1. 변수 2. 자료형 (1) 문자형(String) (2) 숫자형(Number) (3) Boolean (4) fypeof 연산자 1. 변수(variable)(變數) 변수란 값이 특정지어지지 않아 임의의 값을 가질 수 있는 문자를 뜻한다. 아래는 변수를 선언하는 방법이다. name = “이름”; age = 30; class = “수업”//사용 불가(class가 예약어) 근데 이렇게 변수선언하는 건 위험하다. 다른 개발자가 덮어쓸 수 있기 때문이다. name = "가온" console.log(name); // 가온 name = "코딩" console.log(name); // 코딩 그래서 사용하는게 let, const이다. let: 변할 수 있는 값. 다시 선언할 수 있다. 이미 사용하고 ..