후의 개발일지

객체 선언하는 법 key - value fair key에는 어떤 타입도 사용 가능하다. 1. 객체 생성 방법 1-1. 가장 기본적인 객체 생성 방법 let person = { name : "문현후", age : 25, gender : "남자" }; 이런 식으로 작성한다. 1-2. 생성자 함수를 이용한 객체 생성 방법 function Person(name, age, gender) { this.name = name; this.age = age; this.gender = gender; } let person1 = new Person{"문현후", 25, "남자"}; let person2 = new Person{"문현순", 21, "여자"}; 이런 식으로 작성 가능하다. 2. 접근하는 방법 예시 console.l..

조건문의 중첩 조건문안에 조건문을 사용하는 방법 예시 let age = 20; let gender = "여성"; 미성년자 구분 if(age >= 18) { if (gender === "여성") { console.log("성인 여성입니다.); } else { console.log("성인 남성입니다."); } else { if (gender === "여성") { console.log("미성년 여성입니다."); } else { console.log("미성년 남성입니다."); } } 이런 식으로 중첩 조건문을 작성할 수 있다. 하지만 이렇게 자주 작성하는 것은 가독성에 좋지 않기 때문에 추천하는 방법은 아니다. 필요할 때만 가끔 쓰도록 하자. 조건부 실행 특정한 경우에만 실행하는 것 예시 let x = 10; ..

조건문의 종류는 if, else if, else, switch 등이 있다. 1. if문 사용 방법 1-1. 예시 let x = 15; if(x > 10) { console.log("10보다 큽니다."); } 이런 식으로 작성하면 조건이 충족하기 때문에 실행하면 10보다 큽니다.라는 문구가 출력된다. 1-2. 예시 let y = "hello world"; if (y.length >= 5) { console.log(y.length); } 이런식으로 작성하면 y 문자열의 길이가 11이기 때문에 조건을 충족해서 조건문 안에있는 console.log를 실행하기 때문에 11이 출력된다. 2. else문 사용방법 처음 작성한 if문의 조건이 아닌 다른 모든 경우일 때 사용한다. 예시 let x = 6; if (x >..

자바스크립트에서 스코프란? 변수의 영향의 범위라고 한다. 전역변수, 지역변수가 있는데 전역변수는 코드 내 전체에 영향을 주는 변수이고 지역변수는 함수 내부라던지 일정 지역 내에서 영향을 주는 변수이다. 화살표 함수란? es6부터 등장한 신 문법이다. 기존 함수 선언식에서 살짝 간편한 방법이다. 1-1. 기본적인 화살표 함수 let arrowFunc01 = (x, y) => { return x + y; } 1-2. 한 줄로 let arrowFunc02 = (x, y) => x + y; 한 줄 사용 시 중괄호도 생략해도 된다. 또 더 간단한 함수를 만들고 싶으면 실제로 사용을 잘 안 하겠지만 let arrowFunc03 = x => x; 이런 식으로 정말 간단하게 작성할 수도 있다. 간단한 화살표 함수를 알..

자바스크립트에서 함수란? input과 output을 가지고 있는 기능의 단위 기능의 단위로 묶어서 재활용하는 것 함수를 정의하는 법 function () {} 1. 함수 선언문 function 함수이름(매개변수) { 함수 내부에서 실행할 로직 } 함수 내부에서 출력하는 키워드는 return이다. 2. 함수 표현식 let 변수명 = function() {}; 함수를 호출하는 법 1. 함수명() 이렇게 작성하면 된다. 예시 function ex(x, y) { return x + y; } 이런 x와 y를 더하는 함수를 만들었을 때 호출하는 방법은 ex(x 입력값, y 입력값) 이런 식으로 사용하면 된다. 2. 함수에 대한 새로운 변수를 선언한다. 예시 let functionResult = ex(x, y); c..

연산자의 종류는 크게 ( +, -, *, /, %)등이 있다. 1. 더하기 연산자 + console.log(1 + 1); console.log(1 + "1"); 출력은 1, 11이 출력된다. 11이 나온 이유는 저번에 배웠듯이 더하기 연산자는 형 변환 시 문자열이 우선시 되기 때문이다. 2. 빼기 연산자 - console.log(1 - "2"); console.log(1 -2); 둘 다 값은 -1이 출력된다. - 연산자는 형 변환이 숫자가 우선시되기 때문 3. 곱하기 연산자 * console.log(1 * 2); console.log("1" * 2); 출력은 둘 다 2 4. 나누기 연산자 / console.log(6 / 3); console.log("6" / 3); 출력은 둘 다 2 5. 나누기 연산자 ..

자바스크립트 형변환은 두 가지 경우가 있는데 첫 번째 경우는 명시적 형 변환 두 번째 경우는 암시적 형 변환이다. 명시적 형 변환은 개발자가 의도적으로 형 변환은 시키는 것이고 암시적 형 변환은 의도하지 않았지만 자동으로 형 변환이 된 것이다. 암시적 형 변환 예시 1-1. 문자열 let result = 1 + "2"; typeof를 사용하고 출력을 하면 string에 12가 출력된다. 문자열과 불리안 타입을 결합하면 문자열로 출력된다 객체, undefined, null 등등도 문자열과 결합 시 문자열이 우선시로 형 변환이 일어난다. 1-2 숫자 let resultt = 1 - "2"; 는 number에 -1이 출력된다. 마찬가지로 *, /도 number로 출력된다. 왜 더하기랑 다르게 출력이 될까 더하..

불리안(Boolean) 참과 거짓을 나타내는 것 let bool1 = true; let bool2 = false; typeof를 사용하면 Boolean타입으로 출력 undefined는 값이 할당이 안된 것 null은 값이 존재하지 않다는 것을 "명시적"으로 나타낸 것 둘의 차이는 null은 개발자가 명시적으로 값이 없다는 것을 나타내는 것이고 undefined는 그냥 정의되지 않았다는 것 object(객체) key-value pair let person = { name : "moon", age : 25 } array(배열) 여러 개의 데이터를 순서대로 저장하는 데이터 타입 let number = [1, 2, 3, 4, 5]; 배열의 시작은 항상 0부터 시작 number [0] = 1이다

자바스크립트는 runtime기준으로 코드를 작성할 때가 아니라 실제 코드가 실행될 때 그때 데이터 타입이 정해진다. typeof를 사용하면 실행한 변수의 데이터 타입을 알려준다. 예시 let num = 1; console.log(typeof num); 데이터 타입으로는 정수, 실수, 지수형, 문자형, NaN, infinity, -infinity 등이 있다. 문자열 길이 확인하기 let str = "hello"; console.log(str. length); 문자열 결합하기 let str = "hello "; let str1 ="world"; let result =st.concat(str1); 문자열 자르기 let str = "hello world"; console.log(str.substr(7, 5));..

변수설정 3가지 let, var, const let은 첫 선언 후 다시 선언 불가능 값 변경 가능 var은 첫 선언 후 다시 선언 가능 값 변경 가능 const는 상수로 첫 선언 후 다시 선언 불가능 값 변경 불가능 변수 이름 : 저장된 값의 고유 이름 변수 값 : 변수에 저장된 값 변수 할당 : 변수에 값을 저장하는 행위 변수 선언 : 변수를 사용하기 위해 컴퓨터에 알리는 행위 변수 참조 : 변수에 할당된 값을 읽어오는 것