[JavaScript] #10 Javascript 제어문, JavaScript 제어문 - break와 continue 차이점과 활용법 완전 정리!
·
Web Front/JavaScript
토스트데브입니다!이번 시간에는 JavaScript 제어문 중에서도 반복문 안에서 자주 사용되는break와 continue 키워드에 대해 좀 더 자세히 알아보겠습니다.이 두 가지는 반복문의 흐름을 제어할 수 있는 핵심 문법입니다."언제 반복을 멈출지", "언제 다음 반복으로 넘어갈지"를 결정하는 도구죠. 🔴 break – 반복문 완전히 종료하기break는 반복문을 즉시 종료시키는 제어문입니다.조건에 따라 반복을 중간에 끊고 루프 밖으로 탈출할 때 사용됩니다. 📌 기본 구조for (let i = 0; i i가 5일 때 break가 실행되어 루프가 종료됩니다. 🟡 continue – 이번 반복만 건너뛰기continue는 현재 반복만 건너뛰고, 다음 반복을 계속 진행하도록 만듭니다.전체 반복을 종료하지..
[JavaScript] #08 Javascript 제어문, JavaScript 조건문 완전 정복! if, else, switch 문 제대로 배우기
·
Web Front/JavaScript
토스트데브입니다!이번 시간에는 JavaScript의 제어문 중 조건문에 대해 알아보겠습니다.조건문은 프로그램이 상황에 따라 다른 동작을 하도록 흐름을 제어하는 핵심 기능입니다. 🧭 조건문이란?조건문은 주어진 조건에 따라 코드 블록을 실행하거나 건너뛰는 문법입니다.JavaScript에서 조건문은 다음과 같은 방식으로 사용됩니다:if, else if, elseswitch ✅ 1. if문 – 가장 기본적인 조건문if (조건) { // 조건이 true일 때 실행할 코드}📌 예시let age = 20;if (age >= 18) { console.log("성인입니다.");} ✅ 2. if ~ else문조건이 true일 때와 false일 때 각각 다른 동작을 지정할 수 있어요if (조건) { // tr..
[JavaScript] #07 Javascript 기본문법, JavaScript 연산자 완전 정리! 종류별 예제와 함께 배우기
·
Web Front/JavaScript
토스트데브입니다!이번 글에서는 JavaScript의 연산자(Operators)에 대해 알아보겠습니다.연산자는 값을 계산하거나 비교하고 조합하는 데 필수적인 문법 요소입니다.JavaScript에서는 다양한 연산자가 있으며, 각 연산자는 특정한 역할을 가지고 있어요. 지금부터 하나씩 알아볼까요? ➕ 1. 산술 연산자 (Arithmetic Operators)숫자 계산에 사용하는 기본적인 연산자입니다.연산자설명예제+더하기5 + 2 → 7-빼기5 - 2 → 3*곱하기5 * 2 → 10/나누기5 / 2 → 2.5%나머지5 % 2 → 1**거듭제곱 (ES6)2 ** 3 → 8 🔁 2. 대입 연산자 (Assignment Operators)변수에 값을 할당할 때 사용하는 연산자입니다.연산자설명예제=대입x = 10+..
[JavaScript] #06 JavaScript 기본 문법, 데이터 타입 완벽 정리!
·
Web Front/JavaScript
토스트데브입니다!오늘은 JavaScript의 핵심 개념 중 하나인 데이터 타입(Data Types)에 대해 알아보겠습니다.프로그래밍에서 데이터 타입을 정확히 이해하는 건 변수의 처리, 연산, 로직 제어에 있어서 매우 중요해요. 📦 데이터 타입이란?데이터 타입(Data Type)은 변수에 저장되는 값의 종류를 나타냅니다.JavaScript는 동적 타입 언어이기 때문에 변수 선언 시 타입을 지정하지 않아도 되고, 값에 따라 자동으로 타입이 결정됩니다.let a = 10; // 숫자let b = "문자열"; // 문자열let c = true; // 불리언 🔍 JavaScript의 기본 데이터 타입 (Primitive Types)JavaScript에는 7가지의 기본형(원시형) 데이..
[JavaScript] #05 Javascript 기본문법, JavaScript 변수 선언 완전 정리! var, let, const 차이점은?
·
Web Front/JavaScript
토스트데브입니다!오늘은 JavaScript의 가장 기본 중 기본!바로 변수 선언 방법에 대해 알아보겠습니다."변수 선언이 뭐가 어렵겠어?"라고 생각할 수 있지만, var, let, const의 차이를 제대로 이해하는 것은 굉장히 중요합니다. 🧾 변수란?변수(variable)는 데이터를 저장할 수 있는 이름이 붙은 공간이에요.JavaScript에서는 변수를 선언할 때 세 가지 키워드를 사용할 수 있습니다:varletconst이제 각각의 특징을 하나씩 살펴볼게요. 🟡 var – 과거의 변수 선언 방식var name = "토스트";📌 특징ES5 이전의 방식 (오래된 코드에서 주로 사용됨)함수 스코프(Function Scope): 함수 안에서만 유효함중복 선언 가능 → 오류가 발생하지 않음호이스팅 발생..
[JavaScript] #04 Javascript 소개, JavaScript 실행 환경 비교: 브라우저 vs Node.js, 뭐가 다를까?
·
Web Front/JavaScript
안녕하세요 토스트데브입니다!JavaScript는 원래 웹 브라우저에서만 동작하는 스크립트 언어로 시작했지만, 이제는 Node.js의 등장으로 서버 사이드 개발까지 담당하는 풀스택 언어로 발전했어요.오늘은 JavaScript의 실행 환경인 브라우저와 Node.js의 차이점에 대해 알아보겠습니다! 🧭 1. 실행 위치의 차이 항목브라우저 환경Node.js 환경실행 위치사용자 컴퓨터의 웹 브라우저서버 또는 로컬 컴퓨터목적UI 조작 및 사용자 상호작용백엔드 로직 및 시스템 제어접근 권한DOM, BOM 사용 가능파일 시스템, 네트워크 등 접근 🌐 2. 브라우저 환경이란?📌 특징HTML/CSS와 함께 작동하여 UI를 구성하고 제어사용자 입력, 클릭 이벤트 등 프론트엔드 로직 처리브라우저 내에서만 작동하며..