JavaScript44 [JS] 전역 변수의 문제점 📌 변수의 생명주기 - 지역변수의 생명주기는 함수의 생명주기와 일치함 - 전역변수의 생명주기는 전역 객체의 생명주기와 일치함 - 변수 호이스팅은 스코프 단위로 동작하기 때문에 var 키워드의 경우 지역변수는 함수 전체에서, 전역변수는 전역 전체에서 유효함 📌 전역변수의 문제점 - 암묵적 결함: 모든 코드가 전역변수를 참조하고 변경할 수 있어 의도치 않게 변수의 상태가 변경될 수 있음 - 긴 생명주기: 전역변수는 생명주기가 길기 때문에 변수 이름이 중복될 가능성이 있음 - 스코프 체인 상에서 종점에 존재: 전역 변수의 검색 속도가 가장 느려 속도의 차이가 발생함 - 네임스페이스 오염: 다른 파일일지라도 하나의 전역 스코프를 공유하기 때문에 동일한 변수명이 존재할 경우 예상치 못함 결과가 발생할 수 있음 📌.. 2024. 4. 7. [프로그래머스] [2022 Dev-Matching: 웹 프론트엔드 개발자(하반기)-2] 사원 정보 테이블 구축 문제 풀이 📌 문제 https://school.programmers.co.kr/skill_check_assignments/364 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 📌 풀이 소스코드 디렉터리 구조 index.html Grepp Enterprise index.js import App from "./src/App.js"; new App(document.querySelector(".App")); App.js import Table from "./Table.js"; import Pagination from "./Pagination.js"; import Dropd.. 2023. 6. 22. [프로그래머스] [2022 Dev-Matching: 웹 프론트엔드 개발자(하반기)] 인사 정보 SPA 리뉴얼 문제 풀이 📌 문제 https://school.programmers.co.kr/skill_check_assignments/331 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 📌 풀이 소스코드 디렉터리 구조 index.html index.js import App from "./App.js"; new App(document.querySelector(".app")).render(); App.js import Header from "./components/Header.js"; import { setPersonalInfo } from "./components/Storage.. 2023. 6. 22. [JS] 자바스크립트 연산자 📌 연산자와 피연산자 연산자(Operator)는 하나 이상의 표현식을 대상으로 산술, 할당, 비교, 논리, 타입, 지수 연산 등을 수행해 하나의 값을 만든다. 연산자는 값으로 평가된 피연산자를 연산해 새로운 값을 만든다. 피연산자(Operand)는 값으로 평가될 수 있는 표현식으로, 연산의 대상이 된다. 📌 산술 연산자 산술 연산자(Arithmetic Operator)는 피연산자를 대상으로 수학적 계산을 수행해 새로운 숫자 값을 만든다. 산술 연산이 불가능한 경우에는 NaN을 반환한다. 이항 산술 연산자(Binay Arithmetic Operator)는 2개의 피연산자를 산술 연산하여 숫자 값을 만든다. 모든 이항 산술 연산자는 피연산자의 값을 변경하는 부수 효과가 없기 때문에 연산할 때 피연산자의 값이.. 2023. 3. 20. [JS] 자바스크립트 데이터 타입 📌 데이터 타입이란? 데이터 타입(Data Type)은 값의 종류를 말한다. 자바스크립트(ES6)는 원시 타입과 객체 타입으로 분류되는 7개의 데이터 타입을 제공한다. 구분 데이터 타입 설명 원시 타입 숫자 타입 (Number Type) 숫자, 정수와 실수 구분 없이 하나의 숫자 타입만 존재 문자열 타입 (String Type) 문자열 불리언 타입 (Boolean Type) 논리적 참(true)과 거짓(false) undefined 타입 var 키워드로 선언된 변수에 암묵적으로 할당되는 값 null 타입 값이 없다는 것을 의도적으로 명시할 때 사용하는 값 심벌 타입 (Symbol Type) ES6에서 추가된 7번째 타입 객체 타입 객체, 함수, 배열 등 📌 숫자(Number) 타입 자바스크립트 숫자 타입.. 2023. 3. 7. [JS] 표현식과 문의 개념 📌 값과 리터럴 값(Variable)은 식(표현식)이 평가되어 생성된 결과를 말한다. 변수에 할당되는 것이 값이다. 모든 값은 데이터 타입을 가지며, 메모리에 2진수, 즉 비트의 나열로 저장된다. // 변수에는 10 + 20이 평가되어 생성된 숫자 값 30이 할당된다. var sum = 10 + 20; 리터럴(Literal)은 사람이 이해할 수 있는 문자(아라비아 숫자, 알파벳, 한글 등) 또는 약속된 기호('', "", ., [], {}, // 등)를 사용해 값을 생성하는 표기법을 말한다. 자바스크립트 엔진은 코드가 실행되는 시점인 런타임에 리터럴을 평가해 값을 생성한다. // 숫자 리터럴 3을 평가해 숫자 값 3을 생성한다. 3 리터럴을 사용하면 다음과 같이 다양한 종류의 값을 생성할 수 있다. 리터.. 2023. 3. 1. 이전 1 ··· 4 5 6 7 8 다음
