[JavaScript] flow control

🤔 Flow constrol (제어흐름, 흐름제어) 란?명령형 프로그램의 개별 명령문, 명령 또는 함수 호출이 실행되거나 평가되는 순서5가지 제어흐름의 종류goto : 다른 구문에서 시작 -> 개발 오류 발생할 수 있음. choice : 일부 조건이 충족되는 경우에만 일련의 명령문 실행 -> If-else / switchloop : 어떤 조건이 충족될 때까지 일련의 명령문을 0회 이상 실행 -> Collection loop / General lopcontinue : 현재 실행 구문에서 떨어진 한 구문의 집합을 실행 -> Loop continuationbreak : 프로그램 실행을 중단 => Loop earyl exit, 함수 실행 정지 ]표현식과 문의 개념- 표현식 어떤 값으로 이행되는 임의의 유효한 ..

• format_list_bulleted FE/Javascript
• · 2026. 3. 17.
• textsms

[JavaScript] 자바스크립트의 데이터처리 : 함수

함수란?: 소프트웨어에서 특정 동작을 수행하는 코드 일부분을 의미외부 코드가 '호출'할 수 있는 하위 프로그램 : 자바스크립트에서는 괄호를 사용하여 호출 함수의 형태input : 로직 처리를 위해 주입받는 데이터output : 로직 처리 후 반환되는 결과 데이터본문 : 명령문의 시퀀스로 구성 함수 이름 : 외부에서 호출 시 사용됨매개 변수 : 함수에 전달되는 인수. 유사배열 형태함수 몸체 : 명령 시퀀스들이 존재하는 블록자바스크립트에서 함수는 객체처럼 속성과 메서드를 가질 수 있다. 객체와의 차이점 : 함수는 외부에서 호출이 가능, 객체는 외부에서 호출이 불가능const 객체 = {속성 : '값'};function 함수() { return 'a';}함수();객체();>>TypeError: 객체 is no..

• format_list_bulleted FE/Javascript
• · 2026. 3. 17.
• textsms

[JavaScript] 자바스크립트의 자료형, 동적 타입 언어

컴퓨터는 데이터를 어떻게 처리할까?컴퓨터에게 데이터의 종류를 지정하고, 알려주어서 데이터 종류에 맞게 적합한 로직처리를 할 수 있게 해주어야합니다.여기서 말하는 데이터의 종류를 '데이터타입', '자료형'이라고 합니다. 자바스크립트의 데이터 타입1️⃣ 원시타입: String, Number, BigInt, Undefined, Null, Boolean, Symbol특징 값은 변경 불가능한 값입니다. (immutable value)참조 형태로 전달되는 것이 아닌, '값'으로써 전달됩니다. 자바스크립트에는 원시 래퍼 객체가 따로 존재합니다. 원시 데이터를 사용할 경우, 해당 래퍼 객체들을 상속받아 사용할 수 있습니다. (원시 래퍼 객체와 원시 타입을 헷갈리지 말자!)🤔 값은 변경되지 않나?let a = 10;..

• format_list_bulleted FE/Javascript
• · 2026. 3. 17.
• textsms

[JavaScript] 변수 생성 방법(var vs const, let), 호이스팅 , 변수 네이밍 컨벤션

log의 위치, 변수 키워드가 다른 것뿐인데 왜 결과가 다를까?var a;var b = 1;const c = 2;console.log(a);console.log(b);console.log(c);>> undefined12console.log(a);console.log(b);console.log(c);var a;var b = 1;const c = 2;>> ReferenceError : Cannot access 'c' before initializationundefinedundefined 3단계를 거쳐 생성되는 변수1️⃣ 선언 단계 : 변수를 변수 객체에 등록2️⃣ 초기화 단계 : 변수를 메모리에 할당하고, undefined로 초기화 (초기화되지 않았을 경우 접근 아예 불가!)3️⃣ 할당 단계 : undefi..

• format_list_bulleted FE/Javascript
• · 2026. 3. 13.
• textsms

[JavaScript] javaScript의 기본 특징

1️⃣ 인터프리터 언어자바스크립트는 소스 코드를 한 줄씩 읽으며 즉시 실행하는 인터프리터 방식입니다.동작 원리: 전통적인 인터프리터는 코드를 바로 실행하지만, 현대의 자바스크립트 엔진(V8 등)은 JIT(Just-In-Time) 컴파일러를 내장하고 있습니다. 실행 시점에 자주 쓰이는 코드를 기계어로 컴파일하여 성능을 최적화합니다.특징: 별도의 컴파일 단계가 없어 브라우저에서 즉시 실행이 가능하며, 코드 수정 후 결과 확인이 매우 빠릅니다.컴파일러 vs 인터프리터구분컴파일러 (Compiler)인터프리터 (Interpreter)번역 방식프로그램 전체를 한꺼번에 번역코드를 한 줄씩 읽으며 즉시 실행출력물목적 코드(실행 파일) 생성실행 파일 없음실행 속도번역은 느리지만, 실행은 빠름번역은 없지만, 매번 실행이 ..

• format_list_bulleted FE/Javascript
• · 2026. 3. 9.
• textsms

[JavaScript] 애니메이션, form, 조건문

one-way UI애니메이션시작 스타일이 담겨져있는 클래스최종 스타일이 담겨져있는 클래스무엇을 했을 때 1 → 2로 변하도록transition 사용 : 3번의 변화과정을 보여줌 transition: all 1s;📌 display : none 대신 visibility: hidden,display : block 대신 visibility: visible 사용display : 아예 사라지게 하는 것, 보이지않고 해당 공간도 존재하지 않게visibility : 보이지만 않고 해당 공간은 존재, width와 height값을 주었다면 그만큼의 공간도 존재하게 됨form: 데이터를 주고 받음에 있어서 사용aaction 속성 : → submit 이루어지면 입력받은 데이터와 함께 명시한 주소의 위치로 이동 :조건문if ..

• format_list_bulleted FE/Javascript
• · 2025. 6. 30.
• textsms