자바스크립트 (33) 썸네일형 리스트형 JavaScript 함수 - 함수의 반환과 매개변수 함수의 반환 function Hello(name) { return `Hello ${name}` // 여기서 함수가 종료되므로 아래 코드는 동작하지 않습니다. console.log('동작하지 않는 줄입니다.') } const Hi = Hello('Neo') console.log(Hi); // Hello Neo - return 키워드를 통해 반환값을 반환합니다. - 반환이후 함수가 바로 종료되므로, return 이후 구문은 동작하지 않습니다. function a(){ // return 키워드가 생략되어 있습니다. } function b(){ return // 함수의 데이터가 생략되어있습니다. } function c(){ return undefined } - a, b, c는 모두 같은 내용입니다. - 함수에는.. JavaScript 함수 - 호이스팅(Hoisting)과 추상화(Abstraction) 함수 표현식과 선언문 함수 선언문 function hello(){ console.log('Hello') } - 함수 자체를 선언하는 방식입니다. - 함수를 뜻하는 function과 함수명을 지정해주어야 합니다. 함수 표현식 const world = function(){ console.log('World') } - 어떠한 변수에 함수를 할당하는 방식입니다. - 변수 자체가 함수의 역할을 하며, 이름을 지정하지 않으며, 적더라도 무시됩니다. 위 두 방식의 차이중 하나는 호이스팅이 되는가? 입니다. 함수 선언문은 호이스팅이 적용되지만 표현식은 호이스팅을 지원하지 않습니다. 호이스팅 hello() // hello 출력 world() // 에러 발생 function hello(){ console.log('Hell.. JavaScript 함수 - 기명함수와 익명함수 함수 함수란, 하나의 값을 입력하여 특정한 값을 반환하는 일종의 출력식을 말합니다. function 함수명 (매개변수){ 코드 } 함수임을 나타내는 function과 함수명, 함수 외부에서 가져오는 매개변수로 구성됩니다. function Hello(){ return 'Hello' } console.log(hello) // 데이터로 출력, 함수 자체가 출력됩니다. console.log(hello()) // 함수의 반환값을 출력합니다. 함수의 반환값을 사용할 수도 있지만, 함수 자체를 데이터로 사용할 수도 있습니다. 기명함수와 익명함수 // HTML 파일의 h1 태그를 읽습니다. const h1El = document.querySelector('h1') // 기명함수 - 함수의 이름을 가지고 있습니다. fu.. JavaScript 구문 - 조건문과 반복문 if // if if( 조건 ){ // 조건이 참일 경우 실행 } // if - else if( 조건 ){ // 조건이 참일 경우 실행 }else{ // 조건이 거짓일 경우 실행 } // if - else if - else if( 조건1 ){ // 조건 1이 참일 경우 실행 } else if( 조건2 ){ // 조건 1이 거짓이고, 조건 2가 참일 경우 실행 } else { // 조건 1과 조건 2가 모두 거짓일 경우 실행 } - 조건구문입니다. - 해당 조건에 성립되지 않는 값을 따로 조건으로 걸 경우 else를 사용합니다. - else 뒤에 if를 붙인 else if 구문을 통해 앞의 조건에 속하지 않으면서 추가 조건을 걸 수도 있습니다. switch // switch 구문 // switch(조건){.. JavaScript 연산자 산술 연산자 ( + , - , * , / , % ) console.log(1+2) // 3 console.log(3-2) // 1 console.log(2*4) // 8 console.log(10/2) // 5 console.log(8%3) // 2 - 더하기, 빼기, 곱셈, 나눗셈을 수행하는 연산자입니다. 할당연산자 ( = ) let a = 3 a+=2//5 a-=3//2 a*=6//12 a%=8//4 a/=2//2 - 왼쪽의 데이터에 오른쪽의 값을 할당하는 연산자입니다. - 산술연산자와 함께 사용하여 왼쪽 데이터에 산술을 수행한 값을 할당할 수도 있습니다. 증감연산자 ( ++ , -- ) let a = 3; console.log(a++)// 3 (3에서 출력 후 증가되므로) console.log(++.. JavaScript 데이터 - 데이터 타입 확인과 형변환 JavaScript 데이터 형변환 console.log(123+'a') // 123이 String으로 변환되어 '123a'가 됩니다. - javascript의 데이터들은 상황에 따라 적절한 데이터 타입으로 변환됩니다. 동등 연산자와 일치 연산자 // true로 출력되는 값 console.log(123=='123') console.log(1==true) console.log(0==false) console.log(null==undefined) console.log(''==false) - 동등 연산자(==) 를 사용하면 데이터 타입 변환을 확인해 볼 수 있습니다. // false로 출력되는 값 console.log(123==='123') console.log(1===true) console.log(0===f.. JavaScript 데이터 - 참과 거짓 데이터마다 참으로 취급되는 데이터가 존재하고 거짓으로 취급되는 데이터가 존재합니다. if( true && {} && [] && 42 && '0' && 'false' && new Date() && -42 && 12n && (3.14) && (-3.14) && (Infinity) && (-Infinity) ) { console.log('참') } - 참이되는 값 1. true 2. 0이 아닌 Numbers , BigInt 3. 값이 존재하는 문자열 4. Object 데이터 5. Array 데이터 if( false || null || undefined || 0 || -0 || NaN || 0n || '' ){console.log('거짓')} - 거짓이 되는 값 1. false 2. 0의 값을 가지는 Numbe.. JavaScript 데이터 Javascript를 사용하기 위해서는 데이터를 원하는 대로 다룰 줄 알아야 합니다. 데이터 선언 JS 데이터 선언에는 크게 두가지로 const와 let이 존재합니다. const는 값이 변하지 않는 데이터를 의미합니다. let은 코드에 의해 값이 변할 수 있는 데이터를 의미합니다. var라는 선언방식이 존재하지만, 호이스팅관련 문제를 일으킬 수 있으므로 가급적 사용을 피하는것이 좋습니다. 데이터 타입 JS 데이터 타입에는 크게 원시형과 참조형 두가지가 존재합니다. 원시형 원시형 타입에는 String, Number, Boolean, null, undefined 의 5가지가 있습니다. 1. String // 문자는 따옴표를 사용합니다. const s1 = "Thomas" const s2 = '12' // 템.. 이전 1 2 3 4 5 다음
