본문 바로가기

Front-End30

[ JavaScript ] 자바스크립트 기본 ③ [ 객체 ] 객체는 Non-Primitive Type( 비원시타입 )에 해당하는 자료형이다. * Non-Primitive Type( 비원시타입 ) : 한번에 여러 개의 값을 가질 수 있고 여러 개의 고정되지 않은 동적 공간 사용 - 객체를 생성하는 방법 1. 객체 생성자 let person = new Object(); 2. 객체 리터럴 방식 : {}를 사용해서 객체 생성 let person = {}; // 객체 리터럴 방식 let person = { key1 : "value1", // 프로퍼티 ( 객체 프로퍼티 ) key2 : 123, key3 : true, key4 : undefined, key5 : [ 1.2 ], key5 : function(){} }; console.log(person); //{ .. 2022. 8. 21.
[ JavaScript ] 자바스크립트 기본 ② [ 조건문 ] 1. if문 let a = 3; if( a > 7 ){ console.log("1등"); } else if( a > 4 ){ console.log("2등"); } else{ console.log("꼴등"); } 2. switch문 let country = "ko"; switch(country){ case "ko" : console.log("한국"); break; case "jp" : console.log("일본"); break; case "cn" : console.log("중국"); break; default : console.log("미분류"); } * break를 사용하지 않는다면 조건에 일치하는 부분 밑으로 다 수행해야하는 코드로 인식되기 때문에 적절한 위치에 break문을 작성해줘야.. 2022. 8. 21.
[ JavaScript ] 자바스크립트 기본 ① 자바스크립트 : 웹사이트를 실질적으로 움직이게 만드는 언어 → 웹사이트에서 일어나는 일을 수행 ex) 버튼을 클릭했을 때 경고창을 띄우기, 서버로부터 데이터를 받아오거나 전송하기 자바스크립트는 자바스크립트 엔진이 실행시켜줌 ( 엔진이 없으면 실행이 안됨 ) * 자바스크립트 엔진 : 사파리, 파이어폭스, 크롬, 엣지, 오페라 등 같은 웹 브라우저에 포함되어있음 * V8 : 크롬의 자바스크립트 엔진 웹 브라우저는 자바스크립트가 실행될 수 있는 환경으로 Runtime이라 부를 수 있음 [ 변수와 상수 ] 1. 변수 let age = 25; * var : 같은 이름의 변수를 재선언이 가능해지기 때문에 문제가 생길 가능성이 매우 높음 반면에 let은 변수를 중복해서 선언하는 것을 허용하지 않기 때문에 var 대신.. 2022. 8. 18.