삼이의 개발 블로그

배열?여러개의 값을 순차적으로 담을 수 있는 비원시형 자료배열은 많은 메서드를 포함하고 있는데, 이를 이용하면 깔끔한 프로그래밍을 할 수 있다.1. 배열 요소 조작 메서드1 - 1. 요소 추가 메서드배열 메서드설명push배열의 마지막에 요소를 추가pop배열의 마지막에 요소를 제거 1 - 2. 요소 제거 메서드배열 메서드설명shift배열의 맨 앞에 요소를 추가 unshift배열의 맨 앞의 요소를 제거slice배열의 특정 부분을 제거 예시아래 글에서 push, pop, shift, unshift의 자세한 설명을 볼 수 있습니다. [JavaScript 개념] 7. 배열배열?비원시타입 자료형으로, 여러개의 값을 순차적으로 담을 수 있다. 🔎 배열의 특징1. 배열의 요소에는 0부터 시작하는 숫자(index..

배열?비원시타입 자료형으로, 여러개의 값을 순차적으로 담을 수 있다. 🔎 배열의 특징1. 배열의 요소에는 0부터 시작하는 숫자(index)가 매겨져 있다.2. 배열의 요소는 어떤 형태여도 무관하다1. 배열 생성배열 생성자와 배열 리터럴을 통해 생성할 수 있다→ 배열 리터럴이 간편해 주로 쓰인다. 예시let arr1 = new Array();//배열 생성자let arr2 = [];//배열 리터럴2. 배열 요소 조작 메서드2- 1. 배열의 요소 추가배열 메서드설명push배열의 맨 뒤에 새로운 요소를 추가하는 메서드unshift배열의 맨 앞에 새로운 요소를 추가하는 메서드 예시let arr = [3,4]arr.push(5,6,7) //뒤에 추가arr.unshift(0,1,2)//앞에 추가console.l..

객체?비원시타입 자료형으로, key를 통해 복잡한 구문이나 데이터의 집합을 저장할 수 있다.1. 객체를 생성하는 법객체는 객체 생성자와 객체 리터럴을 통해 생성할 수 있다. 예시let obj = new Object();//객체 생성자let obj2 = {};//객체 리터럴2. 객체 프로퍼티객체는 중괄호{} 내에 key와 value로 구성된 데이터 집합체인 프로퍼티를 넣을 수 있다 🔎 객체 프로퍼티의 구성Key: Value콜론 :을 기준으로 왼쪽에는 key가 오른쪽에는 value가 들어간다.2 - 1. Key프로퍼티 key는 프로퍼티의 이름, 프로퍼티의 식별자로 불린다. 🔎 key의 특징1. 프로퍼티를 불러올 때 key값으로 불러오기 때문에 고유한 값으로 작성해야 한다.2. key값은 문자 또는 숫자..

호이스팅변수와 함수 선언이 해당 범위의 맨 위로 끌어올려지는 듯한 현상 1. 함수 호이스팅함수 유효범위의 가장 위쪽으로 끌어올려서 코드를 해석하는 작동 방식 예시connectString('study','hoisting')//study hoistingfunction connectString(str1, str2){ console.log(str1 + str2)} 2. 변수 호이스팅2 - 1. varvar num2;console.log(num2); //undefinednum2 = 123;🚨var의 경우 값이 할당 되기 전 num을 출력했음으로 undefined가 출력된다. => 호이스팅이 발생한다 2-2. let, constconsole.log(num1);//Cannot access 'num1' before ..

스코프(Scope)변수와 함수가 영향을 미치는 범위크게 전역 스코프와 지역 스코프로 나눌 수 있다. 1.전역 스코프어디에서나 접근할 수 있는 스코프, Global Scope라고 한다.let globalScope = 100 //전역변수, 외부변수function globalScopeFnc(){ console.log(globalScope)}globalScopeFnc();//100console.log(globalScope)//1002.지역 스코프특정 지역에서만 접근할 수 있는 범위, Local Scope라고 한다.지역 스코프는 함수 스코프와 블록 스코프로 나눌 수 있다.function localScopeFunc(){ let localScope = 200 //지역변수, 내부변수 console.log(loca..

함수중복으로 작성 된 코드를 묶어 이름을 붙여 간편하게 호출할 수 있게 만드는 구성 요소목차1.함수를 생성하는 방법함수를 생성하는 방법으론 함수 선언식, 함수 표현식 그리고 함수 표현식을 간단히 표현한 화살표 함수가 있다.1 - 1. 함수 선언식// 함수 선언문function name(parameter){ console.log("이건 함수입니다");}🚨함수는 매개변수(parameter)를 이용해 필요한 값을 전달 받는다.매개변수가 여러 개일 시 콤마(,)로 구분해준다.1 - 2. 함수 표현식변수에 함수를 하나의 값처럼 할당한다.let sayhi = function(){ console.log("함수 표현식입니다")};🚨함수 표현식에서 익명함수를 쓰는 이유?함수가 변수의 값으로써 생성된 것이기 때문에 함..

조건문?특정 조건에 따라 실행여부를 따질 때 사용하는 구문이다.대표적인 조건문으로는 if문과 switch / case문이 있다. 🔎조건문 비교하기 if 문switch / case문조건괄호 안 조건의 결과를 불린형으로 반환비교값와 case의 값을 일치비교 함(a === b)사용간단한 조건일 때 여러조건으로 나눠야 할 때1. if 문결과가 true일 때 코드를 출력한다.→ 조건의 결과값이 false일 때는 실행되지 않는다. 예시let num = 10if(num 10){ console.log('num은 10보다 큽니다')}//실행되지 않음 🔎if문의 특징 - 중첩 조건문if문은 중첩시켜 사용할 수 있다. let num = 50;if (num 10) { console.log('num은 10보..

목차해당 글은 효빈 - 한 번에 끝내는 자바스크립트, 이정환 - 한 입 크기로 잘라먹는 리액트 강의를 기반으로 하고 있습니다. 1. 산술 연산자우리가 아는 사칙연산 할 때 쓰이는 연산자들이다종류설명+더하기-빼기*곱하기/나누기%나누기 후 나머지 값 1 -1. 증감 연산자반복문에서 1씩 증가 또는 감소할 때 쓰이는 연산자이다.종류설명++1씩 증가한다--1씩 감소한다 1-2. 증감 연산자의 후위 연산, 전위 연산종류설명전위연산자(++n / --n)연산 후 할당후위연산자 (n++ / n--)할당 후 연산 예시//후위연산자let numA = 10console.log(numA++) //10console.log(numA)//11//전위연산자let numB = 10console.log(++numB)//11con..