JAVASCRIPT (9) 썸네일형 리스트형 자바스크립트(JavaScript)기초_객체 1. 객체생성 let obj1 = new Object(); // 객체 생성자 let obj2 = {}; // 객체 리터럴 (대부분 사용) 2. 객체 프로퍼티(객체 속성) let person = { name: "이혜민", age: 20, hobby: "스피닝", extra: {}, 10: 20, "like cat": true, }; 3. 객체 프로퍼티를 다루는 방법 3_1. 특정 프로퍼티에 접근(점표기법, 괄호표기법) let name = person.name; let age = person["age2"]; let property = "hobby"; let hobby = person[property]; 3_2. 새로운 프로터피를 추가하는 방법 person.job = "fe developer"; person[.. 자바스크립트(JavaScript)기초_스코프 스코프 전역(전체영역) 스코프 / 지역(특정 영역) 스코프 → 전역 스코프 : 전체 영역에서 접근 가능 → 지역 스코프 : 특정 영역에서만 접근 가능 let a = 1; // 전역 스코프 function funcA() { let b = 2; // 지역 스코프 console.log(a); function funcB() {} } funcA(); if (true) { let c = 1; } for (let i = 0; i < 10; i++) { let d = 1; } funcB(); 자바스크립트(JavaScript)기초_함수 함수 선언 let area1 = getArea(10, 20); // 인수 console.log(area1); let area2 = getArea(30, 20); console.log(area2); getArea(120, 200); // 호이스팅 // -> 끌어올리다 라는 뜻 function getArea(width, height) { // 매개변수 // 이름만 지어주면됨 function another() { // 중첩 함수 console.log("another"); } another(); let area = width * height; return area; console.log("hello"); } let varA = funcA; varA(); let varB = function funcB() { //.. 자바스크립트(JavaScript)기초_반복문 for 문 for (let idx = 1; idx = 5) { break; } } 자바스크립트(JavaScript)기초_조건문 조건문(Conditional Statement)이란? 특정 조건을 만족했을 때에만 실행되는 코드를 작성하기 위한 문법 대표적으로 if , switch 조건문이 존재함 1. if 조건문 (if 문) let num = 9; if (num >= 10) { // console.log("num은 10이상입니다."); // console.log("조건이 참 입니다!"); } else if (num >= 5) { // console.log("num은 5이상입니다."); } else { // console.log("조건이 거짓입니다!"); } 2. Switch문 if문과 기능자체는 동일 다수의 조건을 처리할 때 if문 보다 조금 더 직관적이다. let animal = "bear"; switch (animal) { ca.. 자바스크립트(JavaScript)기초_연산자 1. 대입연산자 let var1 =1; 2. 산술연산자 let num1 = 3 + 2; let num2 = 3 - 2; let num3 = 3 * 2; let num4 = 3 / 2; let num5 = 3 % 2; let num6 = 1 + 2 * 10; 3. 복합대입연산자 let num7 = 10; num7 += 20; num7 -= 20; num7 *= 20; num7 /= 20; num7 %= 10; 4. 증감연산자 let num8 = 10; console.log(--num8); // 전위연산 console.log(num8--); // 후위연산 console.log(num8); 5. 논리연산자 let or = true || false; let and = true && false; let not =.. 자바스크립트(JavaScript)기초_형변환 1. 묵시적 형변환(자동형변환) (자바스크립트 엔진이 알아서 형변환 하는 것) let num = 10; let str = "20"; const result = num + str; 2. 명시적 형변환 (강제형변환) 프로그래머 내장함수 등을 이용해서 직접 형변환을 명시 문자열 → 숫자 let str1 = "10"; let strToNum1 = Number(str1); let str2 = "10개"; let strToNum2 = parseInt(str2); // parseInt 문자를 빼고 숫자로만 바꿔줌.(처음시작이 숫자여야 가능하다.) console.log(strToNum2); 숫자 -> 문자열 let num1 = 20; let numToStr1 = String(num1); console.log(numTo.. 자바스크립트(JavaScript)기초_자료형(타입) 자료형이란? 자료형(Type)= 집합 동일한 속성이나 특징을 가진 원소들을 묶은 것 1. Number Type let num1 = 27; let num2 = 1.5; let num3 = -20; let inf = Infinity; let minf = -Infinity; let nan = Nan; // Not a Number 2. String type let myName = "김영희" let myLocation ="서울시 역삼"; let introduce = myName + myLocation; // backtick // 템플릿 리터럴 문법 let introduceText = `${myName}는 ${myLocation}에 거주합니다.`; console.log(introduceText); 3. Boolea.. 이전 1 2 다음