# intermediate

29개의 포스트
post-thumbnail

[Intermediate] 데이터 - 얕은 복사와 깊은 복사

객체나 배열 데이터를 간단히 복사할 때에는 얕은 복사를 사용하되 해당 데이터 내에 또 다른 참조형 데이터가 포함되어 있을 때에는 깊은 복사를 이용해야 한다

2021년 3월 31일
·
0개의 댓글
post-thumbnail

[Intermediate] 데이터 - 불변성

JavaScript에서 사용하는 기본 데이터String, Number, Boolean, undefined, nullObject, Array, Function결국, 참조형 데이터는 할당 연산자를 사용할 때 메모리의 참조 주소만 옮겨간다는 의미(데이터 값을 복사하는 것 X

2021년 3월 31일
·
0개의 댓글
post-thumbnail

[Intermediate] 데이터 - 전개 연산자

1. 데이터 1) 전개 연산자(Spread) ...를 사용하여 배열 데이터를 쉼표로 구분된 각각의 아이템으로 전개하여 출력 >javascript const fruits = ['Apple', 'Banana', 'Cherry', 'Orange'] > function toO

2021년 3월 30일
·
0개의 댓글
post-thumbnail

[Intermediate] 데이터 - 구조 분해 할당

const , b = b // 쉼표를 이용하여 순서를 나타내 배열 데이터 구조 분해 후 추출 가능console.log(b) = Bananaconst , , c = cconsole.log(c) = Cherry

2021년 3월 30일
·
0개의 댓글
post-thumbnail

[Intermediate] 데이터 - 객체

1. 데이터 - 객체 1) 정적(Static) 메소드 "prototype"이 아닌 클래스 함수 자체에 메소드 설정 가능 1-1) Object.assign() 열거할 수 있는 하나 이상의 출처 객체로부터 대상 객체로 속성을 복사할 때 사용 >javascript const userAge = { // key: value name: 'Orosy' age...

2021년 3월 30일
·
0개의 댓글
post-thumbnail

[Intermediate] 데이터 - 배열(2)

1. 데이터 - 배열(2)

2021년 3월 29일
·
0개의 댓글
post-thumbnail

[Intermediate] 데이터 - 배열(1)

1. 데이터 - 배열(1) 1) 인덱스(index) 0부터 시작하는 배열 데이터 내부에 들어있는 데이터의 위치를 가리키는 숫자 인덱싱(indexing): numbers[1], fruits[2]와 같이 배열 데이터 내의 요소에 접근하기 위해 대괄호 안에 숫자를 표기하는

2021년 3월 29일
·
0개의 댓글
post-thumbnail

[Intermediate] 데이터 - 숫자, 수학

1. 데이터(2) - 숫자, 수학 1) parseInt, parseFloat >javascript console.log(Math.abs(-12)) // 값: 12, Math 객체의 메소드로 전달된 숫자의 절대값을 반환 > console.log(Math.min(2, 8)

2021년 3월 28일
·
0개의 댓글
post-thumbnail

[Intermediate] 데이터 - 문자

1. 데이터(1) - 문자 1) String.prototype.indexOf() String 전역 객체는 문자열의 생성자 함수 indexOf()는 String 객체에서 0을 기준으로 주어진 값과 일치하는 인덱스를 반환하며, 일치하는 값이 없으면 -1 반환! >javas

2021년 3월 28일
·
0개의 댓글
post-thumbnail

[Intermediate] 클래스 - 확장(상속)

1. 클래스 4) 상속(확장) JavaScript의 클래스를 통해 이미 정의된 로직을 확장(상속)해서 쉽게 구현 가능 이렇게 클래스를 사용하면, 미리 만들어져있는 로직을 추가적으로 새로운 기능을 확장이라는 개념을 통해 관리 가능 >class Vehicle () {

2021년 3월 27일
·
0개의 댓글
post-thumbnail

[Intermediate] 클래스 - ES6 Classes

JavaScript는 prototype 기반의 프로그래밍 언어로 다른 안정적이고 신뢰도가 높은 객체 지향 프로그래밍 언어의 영향을 받아 Class라는 개념을 흉내내서 새로운 문법을 ES6에서 제공하기 시작하였다.

2021년 3월 27일
·
0개의 댓글
post-thumbnail

[Intermediate] 클래스 - this

일반(Normal) 함수는 "호출 위치"에 따라 this 정의화살표(Arrow) 함수는 자신이 선언된 "함수 범위"에서 this 정의

2021년 3월 27일
·
0개의 댓글
post-thumbnail

[Intermediate] 클래스 - 생성자 함수

클래스(1) 생성자 함수 아래와 같이 단순히 객체 데이터와 메소드를 사용하게 되면, 매번 메모리에 할당하게 되며 비효율적으로 코드를 작성하게 된다. >javascript function user(first, last) { this.firstName = first

2021년 3월 26일
·
0개의 댓글
post-thumbnail

[Intermediate] 함수(6) - 콜백

함수의 인수로 사용되는 함수setTimeout(함수, 시간) 함수가 바로 그 예!특정한 실행 위치를 보장해주는 용도로 주로 활용됨

2021년 3월 26일
·
0개의 댓글
post-thumbnail

[Intermediate] 함수(5) - 타이머 함수

setTimeout(함수, 시간): 일정 시간 후 함수 실행setInterval(함수, 시간): 시간 간격마다 함수 실행clearTimeout(): 설정된 Timeout 함수를 종료clearInterval(): 설정된 Interval 함수를 종료

2021년 3월 26일
·
0개의 댓글
post-thumbnail

[Intermediate] 함수(4) - 호이스팅

Hoisting(호이스팅) - 함수 선언부가 유효범위 최상단으로 끌어올려지는 현상함수의 이름만으로 로직을 대략적으로 유추할 수 있기 때문에 사용된다.

2021년 3월 25일
·
0개의 댓글
post-thumbnail

[Intermediate] 함수(3) - IIFE

Immediately-Invoked Function Expression함수를 만들자마자 바로 실행시킬 수 있는 함수함수 재활용 불가

2021년 3월 25일
·
0개의 댓글
post-thumbnail

[Intermediate] 함수(2) - 화살표 함수

2) 화살표 함수 일반함수와 달리 일부 내용을 생략하여 축약형으로 함수 최소화 가능

2021년 3월 25일
·
0개의 댓글
post-thumbnail

[Intermediate] 함수(1) - 형식

기명함수익명함수arguments

2021년 3월 25일
·
0개의 댓글
post-thumbnail

[Intermediate] 형 변환

① Truty('참'으로 인식)true, { }, , 1, 2, 'false', -12, '3.14' ...② Falsy('거짓'으로 인식)false, '', null, undefined, 0, -0, NaNNaN(Not a Number): 숫자 데이터이나 숫자는 아

2021년 3월 24일
·
0개의 댓글