본문 바로가기

Programing371

[모던JS] 022. [기본] 기본 문법 요약 원문이 문서에서는 앞에서 다뤘던 기본 문법 중 외우기 쉽지 않아 실수할 수 있는 부분을 중심으로 요약하여 다룬다.코드 구조 (세미코론, 자동 삽입)여러 개의 구문은 세미콜론이나 줄바꿈을 기준으로 구분한다.줄바꿈을 해도 세미콜론이 자동 삽입(qutomatic semicolon insertion)된다.console.log('hello'); console.log('world');console.log('hello')console.log('wworld')// 둘 다 정상 작동그런데 아래와 같이 세미콜론 자동 삽입이 이루어지지 않을 때가 있다.console.log('이 메시지가 출력된 후 에러가 발생한다.')[1, 2].forEach(alert)세미콜론 자동삽입이 이루어지는 경우일반적인 구문{} 중괄호로 끝나는 코.. Programing/JavaScript 2024. 3. 30.
[모던JS] 021. [기본] 화살표 함수 기본 원문화살표 함수(arrow function)란?화살표 함수는 익명 함수를 사용하여, 함수 표현식에서 함수를 => 기호를 활용하여 간단하게 만드는 방법이다.함수 선언문에서는 익명 함수를 사용할 수 없기 때문에 화살표 함수를 사용할 수 없다.화살표 함수 기본형let func = (arg1, arg2, ...) => expressionlet 변수명 = (매개변수) => 표현식// 원래 함수let func = function(arg1, arg2, ...) { return expression;};// 화살표 함수 적용let func = (arg1, arg2, ...) => { return expression;};인수가 하나밖에 없다면 소괄호를 생략해도 된다. 소괄호를 생략하면 코드의 길이가 더 짧아진다.. Programing/JavaScript 2024. 3. 30.
[모던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.

티스토리툴바