중요 지식들

ISP의 DNS서버(이하 통칭 DNS recursor)에서 즉시 해당 IP 주소를 응답'www.google.com' 주소에 대해 검색할 때,DNS recursor가 root name server에 연락.com 도메인 name server로 리다이렉트google.com

web server는 파일 경로를 받아와 해당 경로의 file contents를 반환img, html, css, js 파일과 같은 컴퓨터에 저장되어 있는 파일들인자의 내용에 맞게 동적인 contents 반환Apache, Nginx 등하드웨어 : web 서버가 설치되어

HTML, CSS, JS 문서를 브라우저에 그래픽 형태로 바꾸는 것브라우저별로 렌더링을 수행하는 렌더링엔진을 보유브라우저별로 다른 엔진을 사용하므로 브라우저마다 호환성을 확인해야함UX개선을 위해 HTML파싱이 끝나기전에 보여줄 수 있는 일부분을 먼저 보여주도록 만들어짐

HTML을 파싱하다가 script태그를 만나면 파싱을 멈추고 스크립트를 읽는다그래서 일반적으로 body태그 마지막에 스크립트 태그를 넣는다스크립트를 body태그 마지막에 넣으면 생기는 문제스크립트 해석도중 사용자가 상호작용을 시도하면 동작하지 않음, 웹이 다 완성된 것

스크립트 코드는 어떤 출처에 종속되어 있다(혼자 개발하면 localhost, 구글에 접속하면 google 도메인)스크립트 코드가 브라우저에서 실행될 때, 스크립트의 출처와 요청할 출처가 다르면 SOP정책에 위반 된다즉, 동일한 출처에 대해서만 리소스 접근을 허용하는 정

서버에서 HTML파일에 내용이 다 채워진 것을 보내는 것브라우저에서는 서버로부터 HTML을 받으면 내부의 태그 문자열들을 파싱하면 된다서버에서 불완전한 HTML파일을 보내는 것브라우저에서는 서버로부터 HTML을 받고 JS까지 다운받고 실행해야 렌더링 가능첫 페이지 로딩

JS는 싱글 스레드 언어, 하나에 한번의 작업만 실행가능JS가 동작하는 브라우저 또는 Node.js에 멀티 스레드 활용 가능한 이벤트 루프가 있음JS 엔진에는 memory heap과 call stack이 있다.memory heap : 변수 선언 및 할당 저장되는 공간c

만약 동기식으로 다른 곳으로부터 데이터를 받아온다면? 받아오는 동안 페이지가 아무동작을 안하며 UX 관점에서 매우 안좋다. 즉, 비동기가 필요하다하지만 비동기를 사용하면 서버로 데이터를 받아오고 그걸 가공해야할 텐데, 어느 시점에 서버로부터 응답이 올지 모르니 이러한

어떤 브랜치가 최신인가어떤 브랜치를 끌어와서 시작해야하지?어디에 push를 보내야하나배포 버전은 어떤걸 골라야하지?메인 브랜치는 <span style='background-color: master는 배포 가능한 상태만을 관리하는 브랜치develop는 다음에 배포할

Authentication : 식별 가능한 정보로 서비스에 등록된 유저의 신원을 입증하는 과정Authorization : 인증된 사용자에 대하여 자원의 접근권한을 확인하는 것쿠키는 Key-Value 형식의 문자열 덩어리클라이언트의 브라우저에 설치되는 파일임만료 시간을

하위 요소에 이벤트가 발생하면 default 값으로는 버블링 발생한다설정시 캡처링 발생 or 캡처링, 버블링 모두 발생 등 제어 가능위의 이벤트 전파를 활용하는 이벤트 위임으로 더 나은 코드와 성능 구현 가능다른 ele로의 이벤트 전파 막음하나의 ele에 2개 이상 이

JS에서 함수 정의 JS에서는 다음과 같이 함수를 정의하면 프로토타입 객체가 만들어진다(화살표 함수로 정의하면 안만들어짐) 해당 프로토타입 객체의 생성자 함수는 내가 정의한 함수를 참조한다

https://www.youtube.com/watch?v=edWbHp_k_9Y&list=WL&index=3&t=653s위 동영상을 보고 정리한 내용을 바탕으로 실제 내가 쓴 코드에 대한 리뷰 및 리팩토링을 한다클린코드는 짧은 코드가 아니다, 누가 봐도 직관적으

Single Responsibility Principle(SRP) UserService는 유저가 실제로 사용하는 서비스에대한 로직이다 createJwt는 실제 유저가 사용하는 서비스는 아니다 즉, 분리 해야함 Open-Closed Principle(OCP) 기존의 코

singleton pattern 시스템에서 어떤 클래스의 객체가 하나만 존재하도록 해당 객체를 공용으로 사용 factory pattern 객체 생성시 팩토리(인터페이스)에 요청을 하고, 팩토리에서는 객체 생성을 위임 이때 객체들끼리는 속성, 메소드를 공유하는 다른 타