TIL - 22년 5월 3주차

김정현·2022년 5월 15일
0

주간 공부 기록

목록 보기
2/33
post-thumbnail

22.05.15

fe101 10강
혼자 에어비엔비 클론 코딩 해보기(CSS, HTML)

fe101 10강

  • task queue

  • microtask queue

  • promise, then

  • request animation frame(RAF)

  • RAF를 쓰는 이유, RAF를 사용하는 것과 직접 명령하는 것의 차이점

  • event loop순회 과정

  • tq와 mq의 차이

  • setTimeout(func, 0);의 활용

  • evnet queue === task queue
    job queue === microtask queue
    render queue === raf queue

에어비엔비 클론 코딩(HTML, CSS)

  • transform: translateX() translateY();

  • overflow-x, overflow-y

  • overflow는 빈 div박스로는 동작하지 않는다. div에 요소를 채우거나 마진을 넣어줄 것

  • position: absolute와 fixed


22.05.16

에어비엔비 클론
드림코딩 js 기초 6강

  • class

  • getter & setter

  • public & private

  • static

  • 상속과 다양성(extend, overwriting, super)

  • instance of


22.05.17

드림코딩 js 기초 6, 7, 8, 9, 10, 11, 12강

  • in operator

  • for..in, for..of, forEach()

  • object.assign()

  • 자료구조와 object

  • 배열 요소 조작하기
    push()
    pop()
    unshift()
    shift
    splice()
    indexOf()
    lastIndexOf()
    includes()

  • 배열 고차함수
    join()
    split()
    reverse()
    splice()
    slice()
    find()
    filter()
    map()
    some()
    every()
    reduce()
    reduceRight()
    sort()

  • 서버통신, JSON

  • HTTP

  • AJAX

  • XML, XHR

  • JSON

  • serialize, desirialize / JSON.stringify(), JSON.parse(), getDate()

  • 동기(syncronous)와 비동기(Asynchronous)

  • promise
    state - pendding, fulfilled, reject
    executor - resolve, reject


22.05.18

드림코딩 js 기초 12, 13강
제로초 js강의 (1/119) ~ (22/119)

  • promise

  • state(pending, fulfilled, reject)

  • executor(resolve, reject), 선언 시 실행

  • producer(resolve)와 consumer(then, catch, finally)

  • callback chaning과 promise chaning

  • error handling

  • async와 await

  • Promise.race(), Promise.all()


22.05.19

제로초 js강의 (23/119)~(41~119)
끝말잇기 게임 만들기
계산기 만들기 (성능 개선 필요, 중복 제거 필요)

기능을 구현하였지만 =버튼을 거치지 않고
바로 연산자를 통한 연속적인 계산을 하게 되면
마지막에 입력된 값만 계산되고 있다

20일은 우측 상단에 현재 계산 상황을 표시하고
연속적인 계산이 가능하게 만들어 볼 생각이다
또한 반복적인 변수 선언과 이벤트, 콜백함수를 줄이는 리팩토링 할 것이다


22.05.20

제로초 js강의 - 계산기 만들기

계산기 동작을 혼자 구현하려 해봤지만 생각처럼 잘 되지 않았다
그렇다고 강의를 봐도 이해가 잘 되지 않았다

js를 공부할 때 가장 추천되는 강의이기 때문에
강의에 문제가 있다고 생각하지는 않지만
강의를 돌려봐도 학습이 된다는 느낌을 많이 받지 못했기 때문에

우선 기초가 부족한 상태이고,
두번째로 강의의 스타일이 맞지 않는다고 판단하였다

내가 원하는 것은 우선 원하는 기능을 어떻게 해서든 구현하는 것
그리고 class, promise, 화살표 함수 등 js의 문법을 적절하게 사용하여 초기의 코드를 스스로 리팩토링 할 수 있게 되는 것이다

우선은 다른 강의를 거저 js의 기본기를 다진 뒤,
다시 제로초 js강의를 들어볼 생각이다


22.05.21

제로초 Q&A
드림코딩 자바스크립트 마스터리

제로초 js강의를 보류한 이후 바로 다음 강의를 고르지 못하여
잠깐 제로초님의 개발 Q&A를 보며 농땡이를 피웠다

이후 드림코딩에서 자바스크립트 마스터리 강의를 시작하였다
앞부분은 문법 기초부분에 해당하는 강의들이라서 복습하며 빠르게 듣고 넘어갔다

profile
개발 공부 블로그

0개의 댓글