codeStates front-end/Java Script
-
[JS] Chapter 5. 객체codeStates front-end/Java Script 2023. 1. 4. 10:22
객채(Object) 객체의 값을 사용하는 방법 let user = { firstName : 'Steve' , lastName : ':Martin' , email : 'steve@gmail.com' , city : 'NY' }; user.firstName; // 1. Dot notation user.city; // 1. Dot notation user['firstName']; // 2. Bracket notation user['city']; // 2. Bracket notation /* [] 안 '', "", 백티 로 반드시 감싸줘야 한다*/ 정리 let tweet = { writer : 'Steeve Martin' createdAt : '2022-02-03' content : 'so funny!' } t..
-
[JS] Chapter 4. 배열codeStates front-end/Java Script 2023. 1. 4. 10:22
배열 : 순서가 있는 값 값 - 요소(element) 순서 - 인덱스(index), 1이 아닌 0부터 번호를 매김 대괄호를 이용해 배열을 만들고, 각각의 원소는 쉼표로 구분 let myNumber = [73, 98, 86, 61, 96]; → myNumber 3번째 인덱스는 61이다. myNumber[3]; // 61 실습 1) myNumber의 1번째 인덱스의 값은? 실습 2) myNumber의 1번째 인덱스의 값의 0번째 인덱스의 값은? let myNumber = [[13,30], [73,8], [44,17]]; //1번째 인덱스의값은 [73,8] 이며, 실습2의 닶은 73이다] 배열로 할 수 있는 것들 let myNumber = [73, 98, 86, 61]; myNumber.length; ..
-
[JS] Chapter 3. 함수codeStates front-end/Java Script 2023. 1. 4. 10:18
함수 특정한 코드 실행 과정을 하나의 묶음으로 묶어서 필요할 때마다 호출하여 실행하는 것 함수 선언문 실습)문자열 ‘함수선언문’을 출력하는 declared라는 이름의 함수를 함수선언문으로 정의 function declared () { console.log('함수선언문') }; 함수 표현식 실습)문자열 ‘함수 표현식’을 출력하는 expression라는 이름의 함수를 함수 표현식으로 정의 let expression = function () { console.log('함수표현식') }; 함수 호출 실습)아래 함수들을 각각 호출하고 결과를 확인 function declared() { console.log('함수선언문'); } declared() let expression = function () { consol..
-
[JS] Chapter 2. 조건문, 반복문codeStates front-end/Java Script 2023. 1. 4. 10:16
코드 실행은 https://stackblitz 에서 진행했습니다. 조건문 IF문 주어진 조건식의 참(true)/거짓(false) 여부에 따라 실행이 결정 실습) IF문 내부의 코드가 실행되도록 변수 course에 올바른 값 할당하기 let course = 'kjh'; // course를 kjh로 선언 if(course === 'kjh'){ console.log("course에 kjh 할당 o"); } // if문을 돌려 cousre가 kjh이면 콘솔창 출력 o 동치 연산자 : === 비교 연산자 : > , < , ≥ . ≤ 부정 연산자: ! 실습) age가 19보다 크고, job이 student가 아닐 경우 코드가 실행되도록 작성 let age = 20; let job = 'worker'; if(age ..
-
[JS] Chapter 1. 타입, 변수codeStates front-end/Java Script 2023. 1. 4. 10:12
코드 실행은 https://stackblitz 에서 진행했습니다. 타입 타입(type)은 값(value)의 종류 자주 쓰는 표현은 분류가 필요 정보를 전달하기 위해서 값(value)을 사용 2020; '안녕하세요'; true; 자주 쓰는 값을 분류 typeof 2020; //"number" typeof '안녕하세요'; //"string" typeof true; // boolean 각 타입은 고유한 속성과 메서드를 가진다. '안녕하세요'.lenth; // 6 'hello world'.toUpperCase() // 'HELLO WORLD' JS에는 다양한 타입 목록을 가진다. Number 타입 - 정수와 실수 100; // 정수 -100; // 음수 100.123; // 실수 typeof 연산자로 해당 값이..