웹페이지의 구조를 정의하는 것은 HTMLdlek. rmfjsep HTML만 있다고 해서 웹페이지가 돌아가지 않는다. 만약 텍스트만 가득한 하나의 페이지면 괜찮지만, 우리가 알고 있는 거의 모든 페이지에는 JavaScript 코드가 들어가 있다. JavaScript는 웹
주석(Commenting)이란 코드를 작성하긴 했지만 브라우저에서 해당 코드를 무시하라는 뜻이다.'//'를 사용하면 해당 줄이 주석처리된다보다 긴 글 2줄 이상 주석처리하기 위해서는 '/ \~~ /'을 사용해야한다.특정 코드가 필요 없어졌는데, 혹시 몰라서 남겨놓고 싶
변수 단어 자체의 의미는 '변할 수 있는 수'이다.컴퓨터도 사람과 같이 많은 데이터를 기억해야하는데, 이때 변수를 사용한다.다양한 값(value)을 각각의 변수에 저장한다.직업: 개발자, 이름: 김개발 여기서 직업과 이름 역할이 변수라 하며, 김개발과 개발자와 같은 값
하나의 특별한 목적의 작업을 수행하도록 설계된 독립적인 블록이다.보통 자판기에 비유를 많이한다.변수도 이름이 있듯이, 함수도 이름이 있다.함수 이름을 부르면, 함수 내에 있는 코드가 실행된다.함수 이름을 부르는 것을 "함수를 호출한다" 라고 표현한다.checkCorre
자바스크립트 코드에 숫자를 사용해서, 수학 계산을 할 수 있다.우리에겐 어색하지만 컴퓨터 언어가 사용하는 수학 표현식들이 있다.위 코드의 값은 2이다. num++의 풀이는 num = num+1;이다.즉 num 이라는 변수의 값에 1을 더하는 기능을 훨씬 더 간략한 코드
텍스트를 서로 조합할 수 있다.텍스트를 조합할 때는 + 연산자를 사용한다.텍스트와 변수를 조합해서 사용할 수도 있다.String과 숫자를 조합할 수 있다.""로 둘러쌓여있으면 컴퓨터는 string(문자열)로 인식한다.위의 코드는 우리의 예상과 다르게 '2더하기 2는 2
if문(조건문)은 말 그대로 "만약에 ~하면 ~한다."가 컴퓨터 언어로 변환된것이다.answer라는 변수에 3+3 계산 결과 값이 저장된다.">"의 의미는 왼쪽의 값이, 오른쪽의 값보다 크다는 의미이다.if 우층 ()괄호안의 조건이 맞으면, {}괄호 안에 있는 코드가
왼쪽과 오른쪽의 값을 비교할 때 사용string끼리, 숫자와 string을 비교할 수 있다.같다, 크다, 작다 등 여러가지 비교를 할 수 있다.'==='는 값이 서로 같은지 비교하는 동등비교연산자이다.같은지를 비교하는 것이 아니라 틀리는 것을 비교할 수도 있다.answ
조건문에 논리연산자를 추가하여 많은 조건을 묶을 수 있다!
함수를 정의할때 parameter(매개변수)를 정의하고 함수 안에서 매개변수를 사용한다.함수를 호출할 때 ()안에 argument 값을 적으면서 함수에 데이터를 전송해준다.함수 호출시 argument값은 위의 parameter 위치에 적용되면서 함수식이에 맞는 결과가
1.함수의 반환 (return) 모든 함수는 반환(return)을 한다. 함수 내부에 return 키워드가 보이지 않으면 반환을 생략했다는 뜻이다. 함수가 반환을 생략하면 undefined라는 값을 반환한다. 함수가 반환하는 값을 확인하는 법은 다음과 같다. 위와
배열을 사용하면 몇 천 개의 변수를 생성하지 않고, 하나의 변수에 모든 데이터를 갖고 있을 수 있다.배열은 변수에 대괄호로 감싸져 있다.대괄호 안에 있는 배열의 값, 하나하나를 Element(요소)라고 부른다.요소와 요소 사이에는 쉼표로 구분한다.요소는 어떤 type도
For 문은 코드를 원하는 만큼 반복시켜 준다.for문에 언제부터 언제까지라고 알려주면 그 만큼 반복을 할 수 있다.위의 이미지를 말로 풀면 0부터 5까지 1씩 증가시키면서 for문의 {}내부를 실행하라는 뜻이다.i가 0,1,2,3,4,5까지 총 6번의 반복문이 실행된
위의 형태의 코드는 배열에 요소를 추가해주는 기본적인 방식이다.추가로 2번,3번 자리에 배열이 정의되지않아도 4번,5번자리에 배열을 추가할 수 있다.배열에 요소를 추가해주는 방법은 다양하다.arr.함수()를 사용할 수 있었던 이유는 arr변수에 배열을 할당해주자 마자
\-javascript는 6가지 데이터 타입을 가지고있다. \- undefined \- null \- boolean \- 숫자 \- 문자열(string) \- 객체(object)'null'이라는 데이터 타입이 object로 반환되는 것이 햇갈
기본적으로 ""안에 텍스트가 들어가면 strig형이라고 알고있다.사실 ''(홑따옴표)를 사용해도 무방하다. 컴퓨터는 둘 다 문자열로 인식한다.둘 중 어떤 것을 써야 하는지는, 회사 규정에 따라 다르다. String형에서 제공하는 기본 함수들이 많은데 대표적으로 알아서
javascript에 한정해서 허용되는 string과 number간에 특징들이 있다.숫자+문자열, '10' - '1' = 9 등 말도안되는 일이 일어난다.이러한 특징은 함께 일하는 동료들에게 혼동을 줄 수 있기에 연산이 가능하더라도 text로 표현된 숫자는 꼭 숫자로
Frontend 개발할 때, 날짜와 시간을 다루는 경우가 많다.(회원가입한 날짜와 시간, 글을 작성한 시간, 휴대폰의 현재 시간 등...)날짜와 시간을 저장하고 보여줄 때 날짜 객체를 사용한다. 날짜 객체를 생성할 때는 다음과 같은 new 연산자 다음에 Date 생성자
반올림 함수반올림 함수는 평점,평균을 계산하고 별점을 매길 경우 등 사용자들이 좀 더 보기 쉽게 표현하기 위해 사용한다.올림 함수내림 함수랜덤 함수는 JavaScript에 이미 구현되어있다.랜덤 함수는 0.0000000000000000에서 0.99999999999999
글을 종이에, 종이를 책에, 책을 책장에, 책장을 서재에 담아 보관하고 관리하듯이 컴퓨터도 복잡해지고 많아지는 데이터들을 효율적으로 관리할 필요가 있다. 이때 사용하는 개념이 객체이다. 객체는 이름과 값으로 구성된 프로퍼티들의 집합이다.프로퍼티 이름은 중복될 수 없다.
변수의 영향력의 범위를 의미변수가 '어느 범위까지 사용이 가능한 지'에 대한 개념이다.{} 중괄호로 감싸진 범위를 block(지역)이라고 한다.block 내부에서 선언된 변수는 block내에서만 사용이 가능하다.이러한 변수를 지역변수라고 한다.block 밖의 범위를 포
관계성있는 객체들의 집합이라는 관점으로 접근하는 소프트웨어 디자인각 객체는 메세지를 받을 수 있고, 데이터를 처리하고, 또 다른 객체에 메세지를 전달할 수 있다. 보다 유연하고 유지보수성이 높은 프로그래밍을 할 수 있도록 의도된 개념 객체를 매번 만들어서 사용하지 않아
객체에 이미 키가 존재하는데, 다시 한 번 할당하면 값이 수정된다.이전에 없던 키로 접근하면, 새로운 프로퍼티가 추가된다.아직 없던 키에 접근하면 프로퍼티를 추가할 준비는 되어있지만, 값이 없다. (=undefined)객체를 변수에 저장하면 객체 리터럴 자체가 저장되는
이름이 없는 함수의 기본적인 표현ES6에서는 function이라는 키워드가 빠지고 소괄호만 남았다.이름이 있는 함수의 기본적인 표현인자가 하나일 경우 소괄호 생량이 가능인자가 2개 이상일 때는 생량이 불가능return을 사용했을 때 함수의 형태만약 함수가 실행내용이 딱
back tick으로도 string을 감쌀 수 있다.띄어쓰기도 인식되고 변수도 사용이 가능하다.ES6에서 추가된 몇 가지 유용한 string method이 있다.startsWith,endsWith,includes
1.array methods arrow function을 가장 많이 사용할 때는 callback 함수로 사용할 때 이다. callback 함수란, 인자로 전달되는 함수라고 생각하면 된다. 가장 많이 사용되는 메서드 2가지 1)Array.map() 2)Arra
객체의 키를 사용해서 특정 키의 값을 가져오는게 가능하다.반대로 객체에 특정 키를 만들고 값을 할당하는것도 가능하다.B의 방식으로도 할당이 가능하지만, 이 경우 키와 값은 항상 정해져 있다.A의 방식으로 할당하면 변수가 가지는 값에 따라 다른 키와 값을 가지는게 가능해
[Core Javascript] 1. 데이터 타입
Javascript - this
TIL_Javascript_20.12.30
TIL_Javascript_20.01.04 변수 ~ 변수 선언
TIL_Javascript_21.01.06
[TIL_Javascript_21.01.05] Debouncing & Throttling
TIL_Javascript_21.01.07
[TIL_Javascript_21.01.11]
TIL_Javascript_20.01.12
TIL_Javascript_20.01.18
TIL_Javascript_21.01.20
TIL_Javascript_21.01.21
동적타이핑 vs 정적 타이핑