728x90

Programming 49

문자열

문자열(string)은 텍스트 데이터로 string은 string of characters에서 나왔다. 이 표현은 1800년대 후반 식자공들이 일정한 순서로 배열된 심볼을 가르칠 때 썼던 표현이며, 나중에 수학자들도 사용했다고 한다. 자바스크립트 문자열은 유니코드(unicode) 텍스트이다. 유니코드는 텍스트 데이터에 관한 표준이며, 사람이 사용하는 언어 대부분의 글자와 심볼에 해당하는 코드 포인트(code point)를 포함하고 있다. (이모티콘 포함) 자바스크립트의 문자열 리터럴은 작은따옴표, 큰따옴표, 백틱(backtick)을 사용한다. 백틱은 ES6에서 도입한 것이며, 템플릿 문자열에서 사용한다. let doubleQuotes = "text"; let quotes = 'text'; 만약 두 가지를..

숫자

대부분의 프로그래밍 언어에서는 여러가지 정수 타입을 사용하여, 부동소수점 등을 제공하지만, Javascript 에는 숫자형 데이터 타입이 하나밖에 없다. 2진수, 8진수, 10진수, 16진수 숫자형 리터럴(Literal)을 인식하며, 10진수 리터럴에는 소수점이 없는 정수, 소수점이 있는 10진수(3.14 등), 지수 등을 사용할 수 있으며, 그 이외에도 무한대, 임의 무한대, 숫자 아님 등을 나타내는 특별한 값들이 있다. let a = 10; // 숫자 리터럴 let b = 0x000ff; // 16진수 let c = 0o11; // 8진수 let d = 0b11; // 2진수 let e = 3.14; // 소수점 let f = 3.0e6 // 지수 (3.0 x 10^6) let g = Infinity..

Programming 2021.05.12

식별자

변수와 상수, 함수의 이름을 식별자(identifier)라고 하며, 다음과 같은 규칙을 따른다. 반드시 글자나, 달러 기호($), 밑줄(_)로 시작한다. 글자와 숫자, 달러 기호, 밑줄만 쓸 수 있다. 𝜋 나 ⊇ 같은 유니코드 문자도 가능하다. 예약어는 식별자로 쓸 수 없다. (ex. function, break, case, catch 등.. 자세한건 mozilla 참고) 자바 스크립트에서 식별자 표기법은 여러가지이지만, 가장 널리 쓰는 두 가지는 아래와 같음. 카멜 케이스 (camel case) currentTime, userName, userAgent 등 중간중간의 대문자가 낙타의 혹처럼 보인다고 해서 지어진 표기법 스네이크 케이스 (snake case) current_time, user_name, ..

변수와 상수

변수 (Variable) 는 이름이 붙은 값으로, 값이 언제든지 바뀔 수 있음. 그림처럼 값 5를 변수 X라는 메모리에 존재하는 공간에 저장해서, 사용한다. let age = 20; 위 문은 변수 age를 선언(생성)하고 초깃값으로 20을 할당하는 두 가지 일을 한다. 변수를 꼭 선언할 때 초깃값을 지정해야 할 필요는 없으며, 할당되지 않으면 암시적으로 undefined가 할당됨. let 문에 변수 여러개를 선언할 수 있음. let age, name, city = 'seoul'; age와 name은 할당된 값이 없으므로 undefined 할당되며, city는 `seoul`이란 값이 할당됨. 상수(constant) 는 ES6에서 새로 생겼으며, 변수와 마찬가지로 값을 할당받을 수 있지만, 한번 할당한 값을..

Programming 2021.05.06

.map .filter .reduce

.map() .map() 메서드는 배열 내의 모든 요소 각각에 대하여 주어진 함수를 호출한 결과를 모아 새로운 배열을 반환 Array.prototype.map() - JavaScript | MDN map() 메서드는 배열 내의 모든 요소 각각에 대하여 주어진 함수를 호출한 결과를 모아 새로운 배열을 반환합니다. developer.mozilla.org arr.map(callback(currentValue[ ,index [, array]]) [,thisArg]) 예제는 다음과 같다. const person = [{name:'person1', age:24},{name:'person2', age:29}] const names = person.map(x => x.name); console.log(names) ['..

Window.ScrollTo

Javascript window는 현재 스크립트가 작동 중인 창으로, 다양한 정보를 갖고 있다. 그 중 내가 Javascript로 Scroll을 하고 싶을 경우, 아래와 같은 코드를 사용 Window.scrollTo() Window.scrollTo() - Web API | MDN 문서의 지정된 위치로 스크롤합니다. window.scrollTo(x-좌표, y-좌표) x-좌표는 문서의 왼쪽상단부터 시작하는 픽셀단위의 가로축입니다. y-좌표는 문서의 왼쪽상단부터 시작하는 픽셀단위의 세로축 developer.mozilla.org 설명에 적혀 있지만, 문서의 지정된 위치로 스크롤하며 param으로 x, y 좌표를 받는다. 무조껀 마지막으로 이동 하고 싶은 경우, Window.scrollTo(0, document...

Programming 2021.01.21
728x90