전체 글 251

JS 단축속성명 / ... / ...args / ` `

1. 단축속성명 (property shorthand) 아래와 같이 변수로 설정된 것과, 객체가 있다. const name = "nbc"; const age = 30; const obj = { name : name age : age }; key - value 로 이루어진 객체를 보면 값에 오는건 실질적인 데이터 이다 . 그래서 값에 오는 이름과 변수로 선언된 이름이 같을 수도 있다. 그런 경우에는 생략이 가능한데 아래와 같다. const obj = { name, age }; 근데 이거 얼핏 보면 마치 배열같다. 그런데 이건 배열이 아니라 단축속성명 으로 이루어진 하나의 객체라는 점을 명심하장 2. ... 전개구문 (spread operator) destructuring과 함께 가장 많이 사용되는 es6 문..

JS (Java Script) 2023.05.26

JS let, const, var / 화살표함수 / 구조분해할당

1. let, const 이전에는 var 라는 키워드로만 변수를 선언할 수 있었다. 다른점이 무었일까? var 재선언 O 재할당 O var a = 10; var a = 12; -------------- var a = 10; a = 12; let 재할당 O 한번 선언하고 할당한 그 변수에 다시 할당 할 수 있는 변수를 선언할 때 많이 쓴다. var a = 10; a = 12; const 재할당 X 한번 선언하고 할당한 그 변수에 다시 할당 할 수 없는 상수를 선언할 때에 많이 쓴다. 2. arrow function (화살표 함수) 1) 기본 함수 선언문 function add ( ) { } 2) 기본함수 표현식 let add = function ( ) { } 3)화살표 함수 let add = ( x ) =..

JS (Java Script) 2023.05.26

JS for,while문

1. for문 : 반복해서 쓸때 사용. for( 초기값; 조건식; 증감식) { } 실제 코드로 살펴보자. for( let i = 0; i < 10; i ++ ){ console.log( i ); } 이걸 풀어서 보면, i 라는 변수는 0부터 시작할 꺼야. 이 반복문은 i가 10보다 작은 그 순간 까지 반복할꺼야. 이 반복문을 한번 돌고 나면, i라는 변수값에 1을 더하고 또 이 반복문을 할꺼야. 전에 배열과 for문은 짝궁이라 했는데 예를 들어 살펴보면, const arr = ["one", "two", "three", "four", "five"]; for ( let i = 0; i < arr.length; i++ ) { console.log( i ); console.log( arr[ i ]); = 1){..

카테고리 없음 2023.05.25

JS 배열, forEach, map, filter, find

배열은 나열한다 라고 생각하면 된다. 그래서 언제나 index 를 가지고 있다. 배열에서는 0번째 부터 시작인 점을 유의하장 또 기억할 점은 length 라는 기능이 배열과 함께 많이 쓰인다** (for 문과 배열은 짝궁 짝짝궁~~!!) 1. 기본 배열 생성하기 let fruits = ["사과", "배", "귤"]; 2. 크기를 지정해서 배열 생성하기 let number = new Array(5); console.log(number); 결과값은 [ ] 3. 배열에서 요소에 접근하기 console.log(fruits[0]); console.log(fruits[1]); console.log(fruits[2]); 결과값은 사과 배 귤 배열의 메소드 1. push : 어떤 배열에 또다른 요소를 넣고 싶을 때 사..

JS (Java Script) 2023.05.25

JS 객체

객체 지난 글에 올렸다 싶이 객체는 key - value pair 로 되어 있어서, 하나의 변수에 여러개의 값을 넣을 수 있다. key - value pair 타입을 이용해서 value 값에 문자, 숫자 뿐만 아니라, boolean , 함수, 배열, 또다른 객체 또한 값으로 올 수 있다. 크게 제한이 없다고 생각하면 외우기 쉬울 꺼 같다. 1. 기본적인 객체 생성 방법 let person = { name: "빌리", age : 2, gender : "여자" }; 2. 생성자 함수를 이용한 객체 생성 방법 function person( name, age, gender ) { this.name = name; this.age = age; this.gender = gender; } let person1 = ne..

JS (Java Script) 2023.05.25

JS 조건문의 중첩 / 조건부실행 ( && ) / 삼항 연산자와 단축평가 ( || )

만약 성인여성, 성인남성, 미성년 여성, 미성년 남성 이런식으로 구분을 하는 코드를 만든다고 생각해 보자. 일단 변수 설정 먼저 해야겟지?? let age = 20; let gender = "여성"; if (age > 19 ) { if (gender === "여성") { console.log("성인 여성 입니다."); } else { console.log("성인 남성 입니다."); } } else { if (gender === "여성") { console.log("미성년 여성 입니다."); } else { console.log("미성년 남성 입니다."); } } 이런식으로 쓰면 된다. 이게 바로 if 문의 중첩!! 그런데 사실 이런식으로 많이쓰는 것은 좋은 방법은 아니다. 꼭 필요할 때에는 써야겟지만, ..

JS (Java Script) 2023.05.24

JS 조건문 (if / else / switch)

조건문에는 뭐가 있을까?? if, else if, esle, switch 크게 이렇게 4가지를 살펴보자. if문 let x = 10; if ( 조건(true 혹은 false 가 들어갈 수 있는 조건) ) { 메인 로직부분 console.log("x는 양수입니다."); } 이런식으로 그렇다면 한번 응용문제😃 let y = "hello world"; 여기서 만약 y의 길이가 5보다 크거나 같으면 길이를 console.log로 출력해보자. if (y.length >= 5 ) { console.log(y.length); } 요렇게 하면 됨 ㅋㅋ if - else 문 let x = 10; if (x >0) { //main logic #1 console.log("x는 양수 입니다."); }else { //main ..

JS (Java Script) 2023.05.24

JS 연산자

1. 더하기 + 더하기 연산자는 문자열과 함께 있을때 자동형변환시 우선순위가 문자열로 된다. 2. 빼기 - 빼기 연산자는 문자열과 함께 있을때 자동형변환시 우선순위가 숫자로 된다. 3. 곱하기 * 곱하기 연산자는 문자열과 함께 있을때 자동형변환시 우선순위가 숫자로 된다. 4. 나누기 / 나누기 연산자는 문자열과 함께 있을때 자동형변환시 우선순위가 숫자로 된다. 5. 나머지 연산자 % 나누고 그 남은 값을 내보낸다. console.log(5 % 2); --->1 6. 할당연산자 1) = (등호연산자) let x = 10; 요게 등호 연산자! 2) += (더하기 등호 연산자) let x = 10; x += 5;

JS (Java Script) 2023.05.23