7. Promise 배우기 말 그대로 약속하는 함수이다. promise안에 있는 어떤 조건이 완료가 되면 그 안에 있는 데이터를 return하겠다고 약속하는 것이다. Promise 함수안에는 resolve,reject를 인자로 하는 execute함수가 반드시 들어가야한다. 그래서 resolve함수에 문제가 없으면 resolve 안에 들어간 인자를 r...

6. 콜백지옥 콜백함수에 대해서 어느정도 알았다. 그런데 콜백 지옥이라는 것이 있다. 콜백함수안에 콜백함수가 있고 그 콜백함수 안에 또 다시 콜백함수가 있는 식이다. 끊임없이 nesting되어진 함수들인데 가독성이 무지하게 떨어져서 디버깅할때 상당히 힘들다. 예제를 한 번 보자. class UserStorage { loginUser(id, pa...

6. async 콜백함수 콜백함수는 다른 함수의 인자로 들어가는 함수를 말한다. 흔히 비동기적(asynchoronous, 동시에 일어나지 않는, 다른걸 하고 있는 중에 일어나는, 순서대로 일어나지 않는)인 명령을 내리고 싶을때 사용한다. 예를 들어 a = func / b = func이라고 할때. a(b) 라는 명령이 있다고 하자. 그럼 a 함수안에 ...

3. 클래스 클래스는 ES6 부터 제공되는 기능이다. 클래스는 객체가 아니고 객체를 담는 template 라고 생각하면 된다.(근데 typeof 클래스 라고 하면 fucntion이 나온다.) 참고로 클래스의 첫번째 method이름은 반드시 ‘constructor’ 이어야 한다. ‘constructor’를 통해 만들어진 property가 뒤에 사용된다...

1. 바닐라 JS 란? 노마드 코더에서 바닐라 JS를 배우기 시작했다. 자바스크립트의 원형이라고 생각하면 된다고 한다. 라이브러리나 프레임워크가 없기 때문에 더 기초적인 코드를 짜야하지만 기본기를 배울 수 있다고 한다. 사실 노마드코더에서 파이썬 데이터 사이언스 수업을 들으려고 했는데 바닐라JS 랑 파이썬2주 완성을 들어야 한다길래 수강했다. 바닐라...

1. 스크롤에 따른 글자 효과 구현(기본원리) 드디어 static한 구조는 다 짰고 동적인 기능을 구현하려고 한다. 기본원리는 아래와 같다. pageYOffSet을 이용해서 현재 스크롤의 위치를 구함. 각 scroll-section의 크기 내에서 현재 스크롤한 위치가 어느정도 비율을 차지하는지 구함. ...

1. CSS 정리 글자 크기, 여백의 크기, 높이, 예외사항 등등 ‘사소해 보이는 것’을 잘 맞추자. 아님 이런것들로 인해 나중에 버그가 발생했을 때 어디서 버그가 발생했는지 알기 힘들기 때문 box-sizing:border-box 안 해주면 padding-top:50vh로 인해서 scroll-section-숫자의 박스 사이즈가 변경이 되어버린다....