# TIL_PLUS
이벤트 루프 적용 예시
위의 코드중 button.addEventListener를 보면 element를 생성하고 document.body에 append한 다음, style을 지정해 주었다. 정상적으로 동작한다.하지만, 코드의 흐름 상 body에 append하기 전, style을 지정해 주고 a
비동기 Promise 메소드
참고 예제 코드 📌Promise.all 한번에 실행되고 모두 이행되면 값을 받는다. 하나의 정보라도 err가 되면 error 발생 최종적으로 배열에 담겨서 나온다. > #### promise > > #### async await 📌Promise.race
.jpg)
class prototype instance 관계
클래스와 인스턴스, 프로토타입의 관계 prototype이란 this란 constructor 동작원리 -> 유튜브 코딩앙마 constractor super 생략가능?? 참조) https
TIL 6주차 - 1. OOP 객체 지향 프로그래밍
객체 지향 프로그래밍은 하나의 모델이 되는 청사진을 만들고,(=> class)그 청사진을 바탕으로 한 객체를 만드는 프로그래밍 패턴(=> instance)데이터와 기능이 별개로 취급되지 않고, 객체 내에 데이터와 기능이 함께있다는 원칙에 따라 메소드와 속성이 존재한다.
.jpg)
BFS 너비 우선 탐색
너비 우선 탐색이라고도 부르며, 그래프에서 가까운 노드부터 우선적으로 탐색하는 알고리즘큐 자료구조를 이용하며, 동작 과정은 다음과 같다.탐색 시작 노드를 큐에 삽입하고 방문처리한다.큐에서 노드를 꺼낸 뒤에 해당 노드의 인접 노드 중에서 방문하지 않은 노드를 모두 큐에
DFS 깊이 우선 탐색
깊이 우선 탐색이라고도 부르며, 그래프에서 깊은 부분을 우선적으로 탐색하는 알고리즘스택 자료 구조(or 재귀 함수)를 이용1) 탐색 시작 노드를 스택에 삽입하고 방문 처리2) 스택의 최상단 노드에 방문하지 않은 인접한 노드가 하나라도 있으면 그 노드를 스택에 넣고 방문
.png)
자료구조 기초
자료구조 배열 1) 원소 덧붙이기, 끝에서 꺼내기 O(1) : 순식간에 할 수 있는 일로, 리스트의 길이와 무관 상수 시간 : 즉 아무리 리스트의 길이가 늘어난다 하더라도 시간이 증가하지 않는다. 2) 원소 삽입, 삭제하기 O(n) : 리스트가 길면 오래걸리는 일
JSON server
Json server URL >http://localhost:3001/words?day=1 > json.data의 키 words 안의 객체 중 키 day가 1인 모든 객체를 보여줌. >http://localhost:3001/words/1 > json.data의 키
.png)
React class component
🌈 PureComponent Component와 달리 PureComponent는 shouldComponentUpdate()를 구현함. 컴포넌트를 업데이트를 해야할지 알아보는 shouldComponentUpdate는 가볍게 (shallow하게) 이전의 prop과 st
React Hook 비동기
동작 안됨!! 동작됨!! hook은 if문, 반복문 안에서는 사용을 못한다고 한다. 왜지? 최상위에서만 훅을 호출해야 합니다! useEffect를 설명할때 나온 규칙인데요. 반복문, 조건문 혹은 중첩된 함수 내에서 훅을 호출하면 안됩니다. 이 규칙을 따라야 항상
React Router
참조) https://velog.io/@yiyb0603/React-Router-dom%EC%9D%98-%EC%9C%A0%EC%9A%A9%ED%95%9C-hooks%EB%93%A4
깔끔한 코드 작성 팁
Nullish coalescing operator > 널 병합 연산자 (??) 왼쪽 피연산자가 null 또는 undefined일 때 오른쪽 피연산자를 반환하고, 그렇지 않으면 왼쪽 피연산자를 반환하는 논리 연산자 | | boolean 논리 연산자 때문에, 왼쪽 피연산
DOM Further Study
Advanced Study createDocumentFragment를 활용하여, 더 효율적으로 DOM을 제어할 수 있다. HTML5 template tag 사용법을 이해할 수 있다. element와 node의 차이를 이해할 수 있다. children과 childNod
정규표현식
01033333333010-1110-1111010 0000 0000010.2222.222202-3333-3333이럴 정규표현식으로 한다면??참고)https://www.youtube.com/watch?v=t3M6toIflyQ
호이스팅 TDZ
호이스팅(Hoisting)이란, var 선언문이나 function 선언문 등을 해당 스코프의 선두로 옮긴 것처럼 동작하는 특성JS는 let, const를 포함하여 모든 선언(var, let, const, function, function\*, class)을 호이스팅한다
.png)