# Dream Coding

8개의 포스트
post-thumbnail

[TIL.09] async 와 await

promise들을 여러가지고 chaining을 할 수 있다.promise.. then.. promise.. then..async 와 always를 사용하면 동기식으로 코드를 순서대로 작동하는 것처럼 간편하게 작성 할 수 있다. 기존에 존재하는 promise 위에 간편하

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

[TIL.08] Promise

Promise promise는 javascript에 내장되어 있는 object로 asynchronous operation을 위해 사용된다. 비동기적은 것을 실행할 때 callback 함수 대신 유용하게 쓰일 수 있는 object이다. Promise의 2가지 핵심포인트

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

[TIL.05] Array

Array 1. Declaration 2. Index position 3. Looping over an array 4. Addition, Deletion, copy > note!! shift, unshift are slower than pop, push 이미 d

2021년 7월 18일
·
0개의 댓글
post-thumbnail

[프론트엔드 101 . 7] Event loop

운영체제 위에서 연속적으로 실행되고 있는 프로그램각각의 프로세스는 메모리 위에서 서로 독립적으로 실행되고 있다.만약 특정 프로세스에 문제가 발생하면 해당 프로세스만 죽게된다.각 프로세스는 저마다 리소스 자원들이 정해져 있는데, 즉 프로세스마다 할당된 메모리나 데이터들이

2021년 4월 22일
·
0개의 댓글
post-thumbnail

[프론트엔드 101 .6] 빌더패턴을 이용해서 깔끔하게

위와 같이 생성자에 이름을 알 수 없게 인자를 사용하는 것은 실수할 가능성이 높아지기 때문에 좋지 않은 방법이다.기존에 위와 같이 작성 되어있는 game.js 를 빌더패턴으로 수정한 다음, main.js 에서도 game class 가 아닌 빌더패턴을 사용하여 인자에 의

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

[프론트엔드 101 .4] 실전:게임만들기

Uncaught TypeError: Cannot read property 'getBoundingClientRect' of null element가 정상적으로 할당되고 DOM 또한 정상적으로 지정되었는데 해당 에러가 발생한다면 script 태그에 defer 옵션을 입력

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

[프론트엔드 101 .3] DOM 완전정복 실전, 이벤트

overflow-y 요소들이 점점 늘어나면 자동으로 스크롤바가 생기도록 해준다. Div 태그는 블록레벨이기 때문에 margin이 자동으로 오른쪽으로 간다.

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

[프론트엔드101 .2] DOM 완전 정복

DOM : Document Object Model  웹페이지를 만들면 HTML 파일을 브라우저에서 읽게 된다. 브라우저는 HTML 파일 내부의 각각의 태그들을 분석하여 Node로 변환한다. 브라우저가 이해할 수 있는 자신만의 오브젝트로 변환하는 것이다. N

2021년 2월 20일
·
0개의 댓글