CS

검색 전체적으로 검색을 하면 오래 걸리기때문에 단어별로 쪼개놓음. => 역인덱스(inverted-index) 방식 코드를 입력하세요 토큰 => 단어의미 역인덱스 (inverted-index) 토크나이징(토큰화 하는것 - 단어 쪼개기) Redis 캐싱 엘라스틱서

11-01 클릭을 하면 아래쪽에있는 부모도클릭이 된다. 자식과 부모의 이벤트가 둘 다 발생 이벤트가 전파된다고 함. propagation 전파 전파가 뽀글뽀글 위로 올라간다하여 이벤트 버블링 이벤트 캡처링(버블링의 반대고 따로 옵션을 줘야 만들 수 있음) 부모에

이벤트루프 이해 setTimeout(나의함수) => 시간이 오래 걸릴 것 같은 것은 바로 하지 않고, 백그라운드에 빼놓았다가 태스크큐에 넣어둠. for => 한참기다림 콜스택 큐 이 과정이 이벤트루프라고 부름 스레드(일꾼) => 싱글스레드(이벤트루프스레드)

29 부분에서 확인 함수의 인자로 들어가는 함수 => 콜백함수 [1,2,3].map(()=>{}) 이 함수를 인자로 줄테니실행시켜줘 함수의 실행 권한을 넘기는 것. 콜백함수 promise await로 진화 ✅ Callback ✅ Promise .then 실행 순

export default qqq default는 하나만 가능 import qqq from ‘’ qqq는 마음대로 변경가능 export const zzz =’’ export const sss =’’ export는 골라서 가져오기 컨테이너(js) / 프리젠테이셔널(

함수 선언식(호이스팅에 영향을 받음 - 위로 끌어올려져 실행) function ham(name){ console.log(name+”님 안녕하세요”) } 함수 표현식(익명함수 할당) const hello = function(name){ alert(name+”님

✅ 스코프 scope 변수 참조의 유효범위로 전역 스코프, 지역스코프와 나뉘어 지는데, 지역 스코프는 안에서 추가로 함수 레벨 스코프, 블록 레벨 스코프로 나뉘어 진다. 개발자 모드의 source 탭에서 확인이 가능하다. 전역 스코프 (global) >✌️ 전역 스코

✅ 성능 최적화 전에 알면 좋은 것 ❓ 브라우저 주소창 결국은 api get을 이용한다. 비교 >- 브라우져 ⇒ 가지고온 데이터(HTML)를 그림으로 바꿔주는 것이다. >- 포스트맨 ⇒ 요청 했을 때 데이터만 받아오는 것이다. >- axios ⇒ 프로그램 상에

✅ 라이프 사이클 ✅ class 컴포넌트 ✅ useEffect() 의존성 배열 clean up function return () => clearInterval(intervalID) 다음 이펙트가 시작하기 전에 실행되는 함수 unmount가 되었을 때 실행 s

✅ 소프트웨어 테스트 소프트웨어 테스트 종류 Unit test >유닛 테스트는 테스트중에서 가장 로우 레벨이며, 가장 작은 범위를 테스트합니다. 유닛 테스트는 개별 함수, 메서드, 클래스, 컴포넌트 등의 동작을 테스트합니다. 유닛 테스트는 제일 간단한 형태의 테스

✅ 의존성 역전 원칙 유연성이 극대화된 시스템 추상에 의존하며 구체에는 의존하지 않는 것을 의미한다. 추상 - interface 구체적인 구현 방법이 포함되어 있지 않은 형태를 의미한다. 구체 구체적인 일련의 동작과 흐름을 의미한다. 이런 구체적인 동작들은 굉장히

✅ 통신 과정 웹 브라우저에 렌더링 되는 과정보다는 통신을 하며 데이터를 받아오는 과정을 중점으로 공부를 깊게 하고자 글을 작성하였다. 전체적인 과정은 DNS서버 👉 TCP/IP 👉 렌더링 과정으로 이루어 진다. 렌더링 부분을 알고 싶다면 👉 여기를 클릭

닿을 수 없는 주소를 더 이상 필요없는 주소로 정의하고 지우는 알고리즘객체에 속성이 있는지 확인하기 위한 연산자Control Flowif / Then / Else거짓으로 표현되는 것들false, undefined, null, 0, NaN, ""(empty string)

스크립트 파일 간의 통신을 위해 전역 스코프에 존재하는 변수와 함수를 사용해야 했다. 즉시 실행 함수들로 전역스코프가 오염되는 것을 어느정도 막을 수 있었지만, 스크립트 파일간의 의존도를 파악하기가 힘들고, 실행 순서를 제어해야 한다는 한계점이 존재하였다. 이러한 점을

🧨 알아두어야할 기본 지식 CSS (Coded Character Set) 문자들을 Code Point(정해놓은 정수 값)에 대응시켜 만든 코드화된 문자들의 집합 Code Point는 Character의 식별자 KS C 5601, ISO 10646(국제 표준), US

패턴을 이용하여 문자 검색(Search), 문자 대체(Replace), 문자 추출(Extract)한다.성능은 느리지만, 보통 짧은 글에서 사용하고 편해서 성능이 큰 이슈가 되지 않는 경우에 많이 사용된다.정규표현식 테스트 하러 가기정규표현식을 사용하기 위해선 패턴을 찾

✅ HOF와 HOC HOF >High Order Function(높은 순서의 함수를 먼저 실행) 클로져 클로져 클로져 함수리턴 >- 예시코드 onClick={onClickPage("철수")(event)} 뒤의 () 한 개는 자바스크립트에서 실행하여 event가 들어간