본문 바로가기

Programing/JavaScript64

[모던JS] 020. [기본] 함수 표현식(콜백 함수, 익명 함수) 원문함수 표현식 (Function Declaration)이란?자바스크립트에서는 함수를 생성하는 방법이 두 가지가 있다.함수 선언식 (Function Declaration)함수 표현식 (Function Expression)// 함수 선언식function myFunction() { // 함수 body}// 함수 표현식let myFunction = function() { // 함수 body}함수 선언식은 fuction을 이용해서 함수를 선언하는 것이고, 함수 표현식은 변수를 선언하고 그 변수의 값으로 함수를 초기화 하는 것이다.그런데 함수 선언식에서는 function 함수명() {함수body} 형태이지만 함수 표현식에서는 함수명이 빠져서 function() {함수body}가 된다. 함수명은 이미 변.. Programing/JavaScript 2024. 3. 30.
[모던JS] 019. [기본] 함수 (함수선언식, 매개변수, 지역변수, 전역변수, return, 함수명명규칙), 원문함수 (function)란?비슷한 동작을 하는 코드를 미리 함수로 선언하고 실행할 수 있게 해주는 기능이다.앞에서 학습한 alert(message), prompt(message, default), confirm(question) 역시 자바스크립트 내장 함수이다.함수 선언 (function declaration) (함수 선언식)함수를 만드는 것을 함수를 선언한다고 한다.함수를 선언하는 방법은함수 선언식함수 표현식두 가지 방법이 존재한다.함수 선언식은 function 함수명() {}와 같은 형태로 함수를 선언하느 것이고 함수 표현식은 let myFunction = function () {}와 같이 변수에 함수를 담는 방법이다.함수 선언 기본형function 함수명(매개변수1, 2...) { // 함.. Programing/JavaScript 2024. 3. 28.
[모던JS] 018. [기본] switch문 원문switch문은 if문을 중첩할 때 대체하여 사용한다. if문을 여러번 중첩하는 것보다 비교 상황을 잘 설명한다는 장점이 있다.switch문 기본형switch (변수) { case 값1: // 변수가 값1과 일치할 때 실행되는 코드 [break]; case 값2: // 변수가 값2와 일치할 때 실행되는 코드 [break]; case 값3: // 변수가 값3과 일치할 때 실행되는 코드 break; [default]: // 위의 case에 해당하지 않을 때 실행되는 코드 // 필수 아님 생략 가능}대괄호는 필수 지시자가 아니라는 의미이다. 생략해도 된다. 만약 중간에 break가 없으면 이 이후의 코드가 break를 다시 만날 때까지 다른 case를 계속.. Programing/JavaScript 2024. 3. 28.
[모던JS] 017. [기본] while과 for 반복문 원문while과 for 반복문은 특정한 행위를 계속해서 반복시킬 때 간결하게 작성할 수 있는 문법이다.while 반복문while 반복문 기본형while (condition) { // 반복할 코드}condition(조건)이 참이면 반복할 코드가 실행된다.while 반복문 예제let i = 0;while (i 코드 해석최초 i는 0으로 할당한다.while 반복문의 condition이 실행된다. i는 0이고 3보다 작으니 true이다. true이니 반복문 body의 코드가 실행된다.console에 i의 현재 값인 0이 출력된다.i를 1단계 증가시키고 후위 증가 연산자를 사용하여 i를 1 증가시킨다. 후위 증가 연산자는 증가시킨 값을 바로 반환하진 않지만 이 코드에서는 전위형이든 후위형이든 차이가 없다. .. Programing/JavaScript 2024. 3. 28.
[모던JS] 016. [기본] nullish 병합 연산자 원문nullish 병합 연산자(nullish coalscing operator) '??"는 최근에 추가된 문법이다. 호환성을 검토해야 할 수 있다.nullish 병합 연산자 기본형a ?? b평가 결과a가 null도 아니고 undefined도 아니라면 무조건 a.그 외의 경우는 b.즉 둘 다 null이나 undefined여도 우항을 반환한다.예시만약 nullish 병합 연산자를 사용하지 않으면 아래와 같이 길게 작성해야 한다.// ??를 사용하지 않았을 때x = (a !== null && a !== undefined) ? a : b;// ??를 사용했을 때x = a ?? b온라인에서 회원가입을 할 때 user가 이름에 대한 모든 정보를 입력하지 않아도 되게끔 하고, 입력하지 않으면 익명의 사용자라고 지칭하.. Programing/JavaScript 2024. 3. 28.

티스토리툴바