개발블로그

객체생성방법으로는 객체 생성자 방식, 객체 리터럴 방식 2가지가 있다. 1. 객체 생성자 방식 let person = new Object(); //Object라는 새로운 객체를 생성한다. 2. 객체 리터럴 방식 let person = { key: "value", key1: 123, key2: true, key3: undifined, key4: [1, 2], key5: function() {} }; 생성자 방식과 다르게 let person = { }; 이렇게 괄호만 사용하여 객체를 생성할 수 있고, 괄호 안에는 객체가 저장하고 싶은 값을 넣어준다. 객체 생성자 방식보다는 객체 리터럴 방식을 더 많이 사용한다. * 값을 넣는 형식 key: value 이렇게 key와 value로 구성된 것을 프로퍼티(=속성)..

함수표현식, 함수선언식, 호이스팅 함수를 만드는 방법은 위처럼 두가지가 있다. 1. 함수를 변수에 저장하는 함수표현식 2. 함수이름을 지정하여 만드는 함수선언식 이 두 방식의 차이점은 호이스팅이 되냐 안되냐 이다. * 호이스팅이란? 함수 또는 변수를 선언하기 전 윗부분에 함수/변수를 호출해도 출력이 되는 것으로 선언부분을 스코프의 가장 위쪽으로 끌어올리는 방식으로 해석한다. 함수표현식은 호이스팅되지 않는 반면, 함수선언식은 호이스팅이 된다. 함수표현식은 직접적으로 선언이 되기 전에 사용할 수 없다. 함수선언식을 사용한 1번 line은 호이스팅 되어 "안녕"으로 출력되고, 함수표현식을 사용한 2번 line은 호이스팅 되지않아 에러가 뜬다. 화살표함수 함수 표현식을 더 빠르게 사용하는 방법으로 화살표함수를 ..

한입 크기로 잘라먹는 리액트 : javascript 기본 형변환 let a = 12; let b = "2"; console.log(a * b); // 변수 a는 숫자형, b는 문자형이지만 둘을 곱하면 // 문자형이 숫자형으로 자동 형변환되어 숫자 2가 된다. console.log(a + b); // 122 // 하지만 둘을 곱할 경우 변수 a가 문자로 자동형변환되어 // 값이 122가 되는데 // 위처럼 변수 b가 숫자로 형변환되게 하려면 console.log(a + parseInt(b)); // 14 // 변수 B를 명시적 형변환을 하면 된다. // parseInt(변수) : 문자형 변수를 숫자로 형변환 시켜줌 비교연산자(==, ===) let a = 1 == 1; console.log(a); // t..

* codesendbox : 코드 입력시 자동으로 브라우저에 자바스크립트 엔진에게 실행하라고 명령을 내려주는 온라인 웹 에디터 자바스크립트 파일을 실행한 결과를 콘솔 창에 보여준다(저장하면 콘솔창에 뜸) 코드샌드박스는 입력하는 와중에도 계속 코드가 실행되서 콘솔 로그가 출력되는데 -> 저장할 때만 출력하는 방법 open preferences - preview - preview on edit, instant preview off * 변수선언 let num = 20; num = 30; //변수 num의 값 변경 - 변수 선언 시 변수명 규칙 1. _, $를 제외하고 기호 사용불가 2. 문자로 시작 3. 예약어(ex.if) 사용 불가 - let은 변수 중복 선언 불가(var은 중복 선언 가능) -> var보다..