나를 위한 개발 정리 노트

1. 조건문 중첩 let age = 20; let gender = "여성" //미성년 구분 if (age >= 18){ if (gender === "여성"){ console.log("성인 여성입니다."); } else { console.log("성인 남성입니다."); } } else { console.log("미성년입니다."); } // 조건문 중첩을 많이하면 코드의 가독성도 떨어지고 유지보수가 힘들어진다 // 하지만 이렇게 해야하는 경우도 있기에 알아두자 2. 조건부 실행 let x = 10; // 1. and조건(&&) // if ( x > 0 ){ // console.log("x는 양수입니다."); // } x = 0 && console.log("x는 양수입나다."); // 2. or조건(||) /..

조건에 맞는 case를 실행하는 조건문으로 else if문과 비슷하지만 가독성이 좋다 default는 case에 일치하는 조건이 없을 때 실행된다 각 case마다 마지막에 break를 추가해줘야한다 let fruit = "사과" switch (fruit){ case "사과" : console.log("사과입니다"); break; case "바나나" : console.log("바나나입니다"); break; case "키위" : console.log("키위입니다"); break; default : console.log("아무것도 아닙니다"); break; } // 사과입니다 break가 없을 경우 let fruit = "바나나" switch (fruit){ case "사과" : console.log("사과입..

1. if문 if(조건){ 실행할내용 } // y의 길이가 5보다 크거나 같으면 그 길이를 consol.log로 출력 (length 활용) let y = "hello world"; if(y.length >= 5){ console.log(y.length); } y = "hello"; if(y.length >= 5){ console.log(y.length); } y = "he"; if(y.length >= 5){ console.log(y.length); } 2. if - else 문 //if문에서 false일 때 실행되는 코드를 추가 let x2 = -3 if(x2 > 0){ // 조건이 ture인 경우 실행 // main logic #1 console.log("x는 양수입니다") } else { // fa..

// 화살표 함수 // ES6 신 문법 function add (x,y){ return x + y ; }; // 1-1. 기본적인 화살표 함수 let arrowFunc01 = (x, y) => { return x + y ; }; // 1-2. 한 줄로 : { } 안에 줄이 한 줄인 경우 let arrowFunc02 = (x, y) => x + y; // 화살표 함수로 전환할 함수 function testFunc(x) { return x; }; // 매개변수가 하나인 경우 매개변수의 ( ) 생략 가능 let arrowFunc03 = x => x; 일반 함수에 완숙해지기 전까진 화살표 함수 사용을 자제하는 것이 좋다 전반적으론 같아 보이지만 this에 대한 부분이나 다른 부분이 있기에 일단은 이런게 있다는 ..

// 스코프, 전역변수, 지역변수 // 스코프 : 변수의 유효 범위 -> 변수가 어디까지 영향을 끼칠 수 있느냐 // 전역변수 : 스코프가 전역에서 영향을 미칠 수 있다 // 지역변수 : 스코프가 함수 내에서만 혹은 블록 내에서만 영향을 미칠 수 있다 const x = 5 // 전역변수 function printX(){ const y = 10; // 지역변수 console.log(x); console.log(y); } printX(); console.log(x); // 전역변수 x는 함수 내에서도 사용될 수 있다 // console.log(y); 에러발생 // 지역변수 y는 함수 내에서만 사용될 수 있다 스코프에 대한 간단한 정리다 추후 클로저니 렉시컬 환경이니 머리 아프니까 일단 여기서 끝

// 함수 = function(기능) // input, output을 가지고 있는 기능의 단위 // 이것을 함수라고 명명하고 기능의 단위로 묶어서 재활용 한다 // 1. 함수 선언문 // function 함수명 (매개변수) { // // 함수 내부에서 실행할 로직 // } // 두 개의 숫자를 입력 받아서 덧셈을 한 후 내보내는 함수 function add(x, y){ return x + y; }; //2. 함수 표현식 const add2 = function(x, y){ return x + y; }; // 함수를 호출한다(=> 사용한다) // 함수명(매개변수) -> add(입력값) // console.log(add(2, 3)); // 5 // const functionResult = add(3, 4); ..

// 1. 삼항 연산자 (중요!) // 조건에 따라 값을 선택한다. (조건식) ? true인 경우의 값 : fales인 경우의 값 console.log("------------------------"); const x = 10; const result = (x > 5) ? "크다" : "작다"; console.log(result); // 크다 // 2. 타입연산자(typeof) console.log(typeof "5"); // string console.log(typeof 5); // number 삼항 연산자가 하나면 괜찮은데 이걸 중첩해서 만들고 아직 모르는 메서드나 개념들을 추가해서 한참을 들여다 봐도 모르는 경우도 있다 하지만 삼항 연산자가 뭔지는 확실히 알고 넘어가자

// 1. 논리 연산자 // 1-1(논리곱 연산자) : 모두 true일 때만 true 반환 console.log("------------------------"); console.log(true&&true); // true console.log(true&&false); // false console.log(false&&true); // false console.log(false&&false); // false // 1-2(논리합 연산자) : 두 값 중 하나라도 true인 경우 true를 반환 console.log("------------------------"); console.log(true||true); // true console.log(false||true); // true console.log(..

// 비교 연산자 ( -> Boolean 값을 반환하는 연산자 ) // 1. 일치 연산자 (===) // 타입까지 일치해야 true를 반환하는 연산자 console.log(2 === 2); // true console.log("2" === 2); // false console.log(2 === "2"); // false // 2. 불일치 연산자(!==) // 타입까지 달라야 true를 반환하는 연산자 console.log("------------------------"); console.log(2 !== 2); // fales console.log("2" !== 2); // fales console.log(2 !== "2"); // fales // 3. 작다 연산자(

// 1. 더하기 연산자 console.log(1 + 1); // 2 console.log(1 + "1"); // 11 // 문자열로 변환되어 2가 아니라 "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. 나누기 연산자(/) vs 나머지 연산자(%) console.log(5 / 2); // 2.5 console.log("4" / 2); // 2 console.log(5 % 2); // 1 // 5. 할당 연산자(assignment) // 5-1. 등호 연산자(=) let..