profile
Front-End Devleoper 일껄요?
post-thumbnail

[JavaScript] Object - 3

객체의 키를 사용해서 특정 키의 값을 가져오는게 가능하다.반대로 객체에 특정 키를 만들고 값을 할당하는것도 가능하다.B의 방식으로도 할당이 가능하지만, 이 경우 키와 값은 항상 정해져 있다.A의 방식으로 할당하면 변수가 가지는 값에 따라 다른 키와 값을 가지는게 가능해

2020년 6월 3일
·
0개의 댓글
post-thumbnail

[JavaScript] array methods

1.array methods arrow function을 가장 많이 사용할 때는 callback 함수로 사용할 때 이다. callback 함수란, 인자로 전달되는 함수라고 생각하면 된다. 가장 많이 사용되는 메서드 2가지 1)Array.map() 2)Arra

2020년 6월 3일
·
0개의 댓글
post-thumbnail

[JavaScript] template literals, string method

back tick으로도 string을 감쌀 수 있다.띄어쓰기도 인식되고 변수도 사용이 가능하다.ES6에서 추가된 몇 가지 유용한 string method이 있다.startsWith,endsWith,includes

2020년 6월 3일
·
0개의 댓글
post-thumbnail

[JavaScript] arrow function

이름이 없는 함수의 기본적인 표현ES6에서는 function이라는 키워드가 빠지고 소괄호만 남았다.이름이 있는 함수의 기본적인 표현인자가 하나일 경우 소괄호 생량이 가능인자가 2개 이상일 때는 생량이 불가능return을 사용했을 때 함수의 형태만약 함수가 실행내용이 딱

2020년 6월 3일
·
0개의 댓글
post-thumbnail

[JavaScript] Object - 2

객체에 이미 키가 존재하는데, 다시 한 번 할당하면 값이 수정된다.이전에 없던 키로 접근하면, 새로운 프로퍼티가 추가된다.아직 없던 키에 접근하면 프로퍼티를 추가할 준비는 되어있지만, 값이 없다. (=undefined)객체를 변수에 저장하면 객체 리터럴 자체가 저장되는

2020년 6월 3일
·
0개의 댓글
post-thumbnail

[JavaScript] Class

관계성있는 객체들의 집합이라는 관점으로 접근하는 소프트웨어 디자인각 객체는 메세지를 받을 수 있고, 데이터를 처리하고, 또 다른 객체에 메세지를 전달할 수 있다. 보다 유연하고 유지보수성이 높은 프로그래밍을 할 수 있도록 의도된 개념 객체를 매번 만들어서 사용하지 않아

2020년 6월 3일
·
0개의 댓글
post-thumbnail

[JavaScript] Scope의 오염

변수의 영향력의 범위를 의미변수가 '어느 범위까지 사용이 가능한 지'에 대한 개념이다.{} 중괄호로 감싸진 범위를 block(지역)이라고 한다.block 내부에서 선언된 변수는 block내에서만 사용이 가능하다.이러한 변수를 지역변수라고 한다.block 밖의 범위를 포

2020년 6월 3일
·
0개의 댓글
post-thumbnail

[JavaScript] Object

글을 종이에, 종이를 책에, 책을 책장에, 책장을 서재에 담아 보관하고 관리하듯이 컴퓨터도 복잡해지고 많아지는 데이터들을 효율적으로 관리할 필요가 있다. 이때 사용하는 개념이 객체이다. 객체는 이름과 값으로 구성된 프로퍼티들의 집합이다.프로퍼티 이름은 중복될 수 없다.

2020년 6월 3일
·
0개의 댓글
post-thumbnail

[JavaScript] Number

반올림 함수반올림 함수는 평점,평균을 계산하고 별점을 매길 경우 등 사용자들이 좀 더 보기 쉽게 표현하기 위해 사용한다.올림 함수내림 함수랜덤 함수는 JavaScript에 이미 구현되어있다.랜덤 함수는 0.0000000000000000에서 0.99999999999999

2020년 6월 2일
·
0개의 댓글
post-thumbnail

[JavaScript]string <->Number

javascript에 한정해서 허용되는 string과 number간에 특징들이 있다.숫자+문자열, '10' - '1' = 9 등 말도안되는 일이 일어난다.이러한 특징은 함께 일하는 동료들에게 혼동을 줄 수 있기에 연산이 가능하더라도 text로 표현된 숫자는 꼭 숫자로

2020년 6월 2일
·
0개의 댓글
post-thumbnail

[JavaScript] 날짜와 시간

Frontend 개발할 때, 날짜와 시간을 다루는 경우가 많다.(회원가입한 날짜와 시간, 글을 작성한 시간, 휴대폰의 현재 시간 등...)날짜와 시간을 저장하고 보여줄 때 날짜 객체를 사용한다. 날짜 객체를 생성할 때는 다음과 같은 new 연산자 다음에 Date 생성자

2020년 5월 28일
·
0개의 댓글
post-thumbnail

[JavaScript] String

기본적으로 ""안에 텍스트가 들어가면 strig형이라고 알고있다.사실 ''(홑따옴표)를 사용해도 무방하다. 컴퓨터는 둘 다 문자열로 인식한다.둘 중 어떤 것을 써야 하는지는, 회사 규정에 따라 다르다. String형에서 제공하는 기본 함수들이 많은데 대표적으로 알아서

2020년 5월 28일
·
0개의 댓글
post-thumbnail

[JavaScript] 데이터 타입

\-javascript는 6가지 데이터 타입을 가지고있다. \- undefined \- null \- boolean \- 숫자 \- 문자열(string) \- 객체(object)'null'이라는 데이터 타입이 object로 반환되는 것이 햇갈

2020년 5월 28일
·
0개의 댓글
post-thumbnail

[JavaScript] 배열(array) 조작하기

위의 형태의 코드는 배열에 요소를 추가해주는 기본적인 방식이다.추가로 2번,3번 자리에 배열이 정의되지않아도 4번,5번자리에 배열을 추가할 수 있다.배열에 요소를 추가해주는 방법은 다양하다.arr.함수()를 사용할 수 있었던 이유는 arr변수에 배열을 할당해주자 마자

2020년 5월 28일
·
0개의 댓글
post-thumbnail

[JavaScript] for

For 문은 코드를 원하는 만큼 반복시켜 준다.for문에 언제부터 언제까지라고 알려주면 그 만큼 반복을 할 수 있다.위의 이미지를 말로 풀면 0부터 5까지 1씩 증가시키면서 for문의 {}내부를 실행하라는 뜻이다.i가 0,1,2,3,4,5까지 총 6번의 반복문이 실행된

2020년 5월 27일
·
0개의 댓글
post-thumbnail

[JavaScript] Array

배열을 사용하면 몇 천 개의 변수를 생성하지 않고, 하나의 변수에 모든 데이터를 갖고 있을 수 있다.배열은 변수에 대괄호로 감싸져 있다.대괄호 안에 있는 배열의 값, 하나하나를 Element(요소)라고 부른다.요소와 요소 사이에는 쉼표로 구분한다.요소는 어떤 type도

2020년 5월 27일
·
0개의 댓글
post-thumbnail

[JavaScript] 논리 연산자

조건문에 논리연산자를 추가하여 많은 조건을 묶을 수 있다!

2020년 5월 27일
·
0개의 댓글
post-thumbnail

[JavaScript] If문 (조건문)

if문(조건문)은 말 그대로 "만약에 ~하면 ~한다."가 컴퓨터 언어로 변환된것이다.answer라는 변수에 3+3 계산 결과 값이 저장된다.">"의 의미는 왼쪽의 값이, 오른쪽의 값보다 크다는 의미이다.if 우층 ()괄호안의 조건이 맞으면, {}괄호 안에 있는 코드가

2020년 5월 26일
·
0개의 댓글
post-thumbnail

[JavaScript] 텍스트 문자열의 연결

텍스트를 서로 조합할 수 있다.텍스트를 조합할 때는 + 연산자를 사용한다.텍스트와 변수를 조합해서 사용할 수도 있다.String과 숫자를 조합할 수 있다.""로 둘러쌓여있으면 컴퓨터는 string(문자열)로 인식한다.위의 코드는 우리의 예상과 다르게 '2더하기 2는 2

2020년 5월 26일
·
0개의 댓글
post-thumbnail

[JavaScript] Math expressions

자바스크립트 코드에 숫자를 사용해서, 수학 계산을 할 수 있다.우리에겐 어색하지만 컴퓨터 언어가 사용하는 수학 표현식들이 있다.위 코드의 값은 2이다. num++의 풀이는 num = num+1;이다.즉 num 이라는 변수의 값에 1을 더하는 기능을 훨씬 더 간략한 코드

2020년 5월 26일
·
0개의 댓글