[JavaScript] 웹 호환성 문제 : 폴리필과 바벨

폴리필(Polyfill)이란폴리필은 오래된 브라우저에서 지원하지 않는 최신 웹 기능을 구현하기 위해 사용되는 코드 조각입니다.폴리필의 이유웹 사용자들은 다양한 브라우저와 기기를 사용합니다. 하지만 모든 사용자가 항상 최신 버전의 브라우저를 사용하는 것은 아닙니다. 폴리필을 사용하여 모든 사용자들에게 일관된 경험을 제공할 수 있습니다.바벨이란바벨은 최신 JavaScript 코드를 구 버전의 코드로 변환해 주는 역할을 합니다.바벨을 사용하여 개발자는 최신 문법을 자유롭게 개발하고, 최종 배포 시에는 바벨을 통해 변환된 코드를 제공함으로써 웹 호환성을 확보할 수 있습니다.

• format_list_bulleted JavaScript
• · 2025. 2. 11.
• textsms

[JavaScript] 화살표 함수

화살표 함수란화살표 함수는 기존의 함수 표현식보다 간결하게 작성할 수 있는 문법입니다.const add = (a, b) => a + b;위 코드에서 인수를 받아 오른쪽의 표현식의 결과가 자동으로 반환합니다.매개 변수 처리단일 매개변수매개변수가 단 한 개라면 괄호를 생략할 수 있습니다.const double = n => n * 2;console.log(double(3)); // 6매개변수가 없을 경우매개변수가 없다면 빈 괄호를 사용해야 합니다.const greet = () => console.log('안녕하세요!');여러 문장이 있는 함수함수 본문에 여러 줄의 문장이 포함되거나 추가적인 로직이 필요한 경우, 중괄호 {}를 사용하여 블록을 구성하고 명시적으로 return 문을 사용해 값을 반환해야합니다.co..

• format_list_bulleted JavaScript
• · 2025. 2. 11.
• textsms

[JavaScript] 함수 표현식

함수 표현식이란함수는 일급 객체로 취급되며, 함수는 일반 값처럼 변수에 할당할 수 있고, 다른 함수의 인수로 전달하거나 반환값으로 사용할 수 있습니다.// 변수에 함수 할당const calculateArea = function(width, height) { return width * height;};console.log(calculateArea(3,5)) // 15함수 표현식의 전달함수는 값입니다. 그러므로 다른 변수에 복사하거나 인수로 전달할 수 있습니다. 또한 항상 끝에 세미콜론을 붙여 문법 오류를 예방합니다.// 위에 변수에 할당한 함수를 다른 함수의 인자로 전달const executeOperation = (operation, a, b) => operation(a, b);console.log(ex..

• format_list_bulleted JavaScript
• · 2025. 2. 11.
• textsms

[JavaScript] 함수 완벽 가이드

함수 선언함수 선언은 특정 작업을 수행하는 코드 블록에 이름을 부여하는 과정입니다. 이 과정을 통해서 함수는 재사용할 수 있게 해줍니다.function displayMessage() { console.log("hello world");}displayMessage(); // hello worlddisplayMessage(); // hello world매개변수와 인수함수는 외부에서 데이터를 전달받아 동작할 수 있도록 매개변수를 사용합니다.매개변수는 함수 선언 시 정의하며, 인수는 함수 호출 시 전달하는 값을 의미합니다.function add(a, b) { return a + b;}let sum = add(3, 5);console.log(sum); // 8기본값이 있는 매개변수함수 호출 시 인수를 전달하지..

• format_list_bulleted JavaScript
• · 2025. 2. 11.
• textsms

[JavaScript] switch문 작성법

switch문의 사용이유복수의 if문을 사용하여 프로그램 흐름을 제어할 수 있지만 switch를 사용한다면 단일 값을 다양한 상황에서 비교할 때 코드 자체에서 비교 상황을 잘 설명하는 장점이 있습니다.기본 구조let fruit = 'apple';switch (fruit) { case 'banana': console.log('바나나입니다.'); break; case 'apple': console.log('사과입니다.'); break; case 'orange': console.log('오렌지입니다.'); break; default: console.log('알 수 없는 과일입니다.');}변수 fruit의 값과 첫 번째 case문의 값 banana를 비교한 후, 두 ..

• format_list_bulleted JavaScript
• · 2025. 2. 11.
• textsms

[JavaScript] while,do while, for 반복문 활용

while 반복문while 문은 반복 시작 전에 조건을 평가합니다. 조건이 참이면 반복문 본문이 실행되고, 조건이 거짓이 되는 순간 반복이 종료됩니다.기본 구조let i = 0;while (i 조건에 변화가 없으면 무한 루프에 빠질 수 있습니다. 적절한 조건 설정이 반드시 필요합니다.do while 반복문do while 문은 반복문 본문을 먼저 실행한 후 조건을 평가합니다. 본문은 최소 한 번은 반드시 실행됩니다.let i = 0;do { console.log(i); // 0, 1, 2 출력 i++;} while (i for 반복문반복 변수의 선언, 조건 평가, 반복 후 행동을 한 줄에 작성할 수 있습니다.for (let i = 0; i begin : 반복문이 시작될 때 단 한 번 실행(let i =..

• format_list_bulleted JavaScript
• · 2025. 2. 11.
• textsms