반응형

JavaScript 7

[Javascript] 함수

1. 함수 보통 함수는 함수를 선언할 때 이름까지 같이 선언해주는 기명 함수와 익명 함수로 나눌 수 있습니다 위의 코드는 'sum'이라는 함수의 이름을 선언해주는 방식이며, 다음은 함수를 함수 이름 없이 변수에 담아서 사용하는 익명 함수 방식입니다 ! 실제 코딩을 할 때는 익명함수를 더 자주 사용하는 면이 있는 거 같아서 사용법을 잘 알아두면 좋을 거 같습니다 :) 2. 화살표 함수 화살표 함수는 반환 값(return) 앞에 아무런 조건이 없을 때 사용가능합니다 기존에 함수를 작성할 때는 () {} 식의 패턴을 사용했다면, 화살표 함수는 () => {}의 패턴을 사용합니다. 또한 function 키워드와 중괄호 사이의 문장들을 다음과 같이 줄여서 사용할 수 있습니다 ! 3. 즉시실행함수(IIFE) 즉시 ..

JavaScript 2023.05.01

[Javascript] 변수 범위 (var, let, const)

javascript에서 변수를 선언할 때 var, let, const와 같은 키워드를 사용할 수 있습니다. 하지만 이러한 변수들은 각각의 범위를 가지는데 const와 let은 블록 레벨. 즉, 중괄호{} 안에서만 범위를 가지고, var는 함수 레벨. 즉, 선언된 함수 전체에서의 범위를 가집니다. const로 선언한 변수 num은 if문 안에서 정상적으로 작동합니다. 하지만 출력문인 console.log()가 if문 밖으로 나왔을 때, num이 정의되지 않았다는 에러 메세지가 발생합니다. 이는 let 키워드로 선언했을 때도 마찬가지입니다. 그 이유는 const와 let 둘다 블록 레벨의 키워드이기 때문입니다. 하지만 var로 선언했을 때는 정상적으로 출력되는 것을 볼 수 있는데, 그 이유는 var 키워드가..

JavaScript 2023.04.26

[Javascript] 반복문 for

반복문 for은 다음과 같은 형태로 사용됩니다. for (시작 조건; 종료 조건; 변화 조건;) 세미 콜론 (';')으로 구분되어 시작 조건, 종료 조건, 변화 조건이 쓰입니다 ! 위의 예제는 i가 1부터 시작하고, i가 10보다 작거나 같을 때 계속 반복됩니다. 또한 i는 반복문을 실행할 때마다 1씩 증가합니다. 반복문은 i가 10보다 커졌을 때 종료됩니다. 예제는 반복문 for의 원리를 알아보기 위한 예제이며 실제 코딩을 할 때 html의 태그들과 결합하여 더 다양하게 사용될 수 있습니다 :)

JavaScript 2023.04.26

[Javascript] 조건문

조건문은 말 그대로 어떠한 조건을 부여한다는 것입니다. 조건절을 활용하여 입력 받는 값이나 출력 값이 어떠한 조건에 맞을 때 해당 구문을 실행하는 코드를 작성할 수 있습니다 ! 1. If 조건문 const a = 5 if (a === 5) { console.log("a is 5") } else { console.log("a is not 5") } 위의 코드는 a가 5일 때 "a is 5"를 실행하고, 아니면 "a is not 5"를 실행하는 코드입니다. 조건을 두개만 부여할 때는 "if ~ else" 구문으로도 가능하며, 더 많은 조건을 부여하고 싶을 때는 "if ~ else if ~ else" 구문을 사용할 수 있습니다 const a = 3 if (a === 5) { console.log("a is 5..

JavaScript 2023.04.26

[Javascript] 산술 연산자 & 할당 연산자

1. 산술 연산자 산술 연산자는 사칙연산을 다루는 연산자로서 가장 많이 사용하는 연산자입니다 ! console.log(5 + 10) // 15 console.log(5 - 10) // -5 console.log(5 * 10) // 50 console.log(10 / 5) // 2 console.log(7 % 5) // 2 위에서부터 차례로 더하기, 빼기, 곱하기, 나누기, 나머지 연산자이며, '%'인 나머지 연산자의 경우에는 7을 5로 나눴을 때의 몫과 나머지가 아닌 나머지만 반환해줍니다 ! 2. 할당 연산자 할당 연산자는 변수에 값을 대입할 때 사용합니다 ! 2-1 '=' let a = 2 console.log(a) // 2 a = a +3 console.log(a) // 5 할당 연산자 '='는 변수..

JavaScript 2023.04.21
반응형