행복을 담는 블로그

📕 Javascript 문법 종합반 1주차 1. JS (자바스크립트) 언어의 역사 및 특징 ▶️ 언어 : 컴퓨터와 사람 사이 소통이 필요 🖥️ Javascript : 브라우저 동작 스크립트 언어 / 브라우저를 움직이게끔 하는 언어. 브라우저 : 자바스크립트를 통해서 많은 동적인 액션을 만들어낼 수 있다. 이를 제어하기 위해서 자바스크립트 언어가 생김. 1) 역사 2005년 AJAX 등장(javascript 기반의 기술) : 효율성, 속도 부족 -> 등장 이후 폭발적인 UX 향상 * UX (User eXperience): 사용자 경험. 사용자들이 얼마나 편리하게 사용하는가 2008년 V8 엔진 출시 (google) : 브라우저 속도 엄청나게 향상 ⬆️ 2009년 Node.js 등장 ▶️ FullStack ..

📕 Javascript 객체와 객체 메소드 📌 객체 (object) 란? : key-value pair 형태를 가진 데이터 타입 하나의 변수에 여러개의 값을 넣을 수 있다! value에 올 수 있는 data type의 형식에는 제한이 없다! 1. 객체 생성 방법 1) 기본적인 객체 생성 방법 중괄호{} : 객체 생성 콜론(:) : key : value 작성 쉼표(,) : key-value pair 구분 let person = { name:'홍길동', age : 30, gender : "남자", }; 2) 생성자 함수를 이용한 객체 생성 방법 function Person(name, age,gender){ this.name = name; this.age = age; this.gender = gender; }..

📕 Javascript 의 연산자 1. 산술 연산자 (arithmetic operators) : (+ , -, *, /, %) 더하기 연산자 : str(문자열)이 우세 그 외 연산자 : num(숫자)가 우세 1) 더하기 연산자 (+) console.log(1+1); // 2 console.log(1 + "1"); //문자열로 변환 // 11 2) 빼기 연산자 (-) console.log(1 -"2"); // -1 console.log(1-2); // -1 3) 곱하기 연산자 (*) console.log(2 * 3); // 6 console.log("2" * 3); // 6 4) 나누기 연산자 ( / ) console.log(4/2); // 2 console.log("4"/2); // 2 5) 나머지 연산..

📕 Javascript의 데이터 타입과 형 변환 ✅ Data type의 결정 : runtime (run 하는 time) 에 결정 = 코드를 작성할 때가 아닌, 실제 코드가 실행될 때 = 옆에 터미널에 코드가 실행될 때 ▶️ 그때 데이터 타입이 결정된다. ex) : String a ="abc"; // 이렇게 data type : String임을 표시해야함. : const a = "abc"; // 변수만 선언 1. Javascript의 데이터 타입(data type) 1) 숫자(number) 1️⃣ 정수 (int) let num1 = 10; console.log(num1); // 10 console.log(typeof num1); // number 2️⃣ 실수(float) let num2 = 3.14; co..