시계열을 간편한 함수 moment() 설치 방법 실행 방법
오늘은 prompt를 사용해서 div에 뿌려주는 걸 해보고 싶었다. python의 input과 비슷한데 자바 스크립트로 만들어보고 싶어졌다. node에서 구현해보려고 했는데, node는 비동기에 콜백함수로 넘겨줘야 블라블라, 해서 다음에 구현 해보기로 하고 chro
바로 직전 포스팅에서 dom을 제대로 이해하지 못하여.. 난 문제를 해결 해보자!dom은 트리로 구성되어 있습니다. html을 지탱하는 것은 tag입니다. ex) div, span 등등 태그 하나가 감싸고 있는 '자식'태그는 중첩 태그 (nested tag)라고 불립니
며칠 전 prompt 관련 포스팅을 하며 제대로 되지 않아서 왜 안되는거야!!! 했었는데 찾아보니 태그 위에 있어서 dom이 body 태그 안에 div태그를 만들기 전에 스크립트를 실행하였고 div태그를 찾지 못해서 발생하는 오류 였다. (중요!) 돔은 스크립트를 만
var : 1. 선언 및 초기화 단계, 2. 할당 단계 / 함수 스코프를 벗어날 수 없다!let : 1. 선언 단계, 2. 초기화 단계, 3.할당 단계const: 1. 선언, 초기화, 할당스코프 내부 어디서든 변수 선언은 최상위에 선언된 것 처럼 행동변수를 사용할 수
표현식 (expression)을 이용해 객체의 key값을 정의하는 문법이다.변수를 키값으로 사용하고 싶을 때 키에 + 변수명 + 을 사용한다.
Object.key(obj) - 객체의 키만 담은 배열을 반환Object.values(obj) - 객체의 값만 담은 배열을 반환Object.entries(obj)- \[키, 값] 쌍을 담은 배열을 반환키들을 배열로 만들어 출력합니다.값들을 배열로 만들어 출력합니다."k
코드를 몇초뒤에 실행하거나, 아니면 몇초마다 실행하게 만들고 싶다!setTimeout() 함수는 워낙 많이 사용하는 함수다 보니 , 익히 알고 있었지만 setInterval() 함수는 알지 못했다. 그래서 오늘은 setTimeout() 과 setInterval() 함수
헤더Parsing HTML → JS 불러오기 → Parsing HTML 단점 : js파일이 너무 크다면 html파일이 파싱 되는데 많은 시간이 걸린다. 바디Parsing HTML → JS불러오기 단점 : js파일이 너무 늦게 불려오기 때문에 js의존적인 웹페이지라
자바 스크립트 변수는 ex 6에 추가된 let을 많이 사용한다.결과를 보면 wonho로 저장했다가 hello로 바뀐것을 확인 할 수 있다.지역,전역지역,전역변수변수를 확인해 보면 처음에 사용한 변수들은(name) 은 변수들이 {}(중괄호) 안에서는 wonho, hell
Type Script에 대해 알아봅시다.
Typesciprt의 변수와 타입에 대해 알아보자!
Typescript의 클래스 선언 방법 Typescript의 선언 방법은 아래와 같다. 위와같이 선언할 수 있고, 컴파일 되어 아래와 같이 변경 된다. 상속 방법 TS에서도 상속이 가능하다. extends를 적어 주면 된다. extends의 뜻은 내밀다 연장하다
Call Signature Call 부른다. Signature 기호 기호를 부른다. 타입을 부른다 정도로 설명할 수 있을 거 같다. 보통 함수를 사용할 때 아래와 같이 파라미터 타입을 정해주고 사용했다 이것은 아래처럼 바꿀 수 있다. 똑똑한 Typescript는
Interface란? 사전적으로의 뜻은 인터페이스 접속기 접속하다 라는 뜻을 가지고 있다. TS에서 Interface란 타입을 지정하고 타입을 지정해주는데 사용된다. 뭔가 설계도 같다고 할까!? 이전포스팅의 abstract하고는 무슨차이가 있을까 ? type하고는 또
Typescript 설정하기 대부분의 타입스크립트는 리액트를 사용하므로 따로 설정을 하지 않아도 괜찮지만 그래도 기본적인 정보는 알고 있어야 하기 때문에 그 부분을 정리하겠다. Typescript 설치하기 터미널 창 오픈 npm init -y 입력 package.js
js에서 글자 길이를 byte로 반환하는 법을 알아보자
1.indexOf 2. lastIndexOf
동적으로 Object에 key값 할당하기!
Typescript에서 선택적인(optional) 속성을 나타내는 문법. 이 문법을 사용하면 해당 속성이 값이 제공되지 않아도 되는 선택적인 속성으로 정의가 가능하다.기본적으로 Typescript에서 클래스나 인터페이스의 속성은 필수적인 값으로 간주된다. 즉, 해당 속