목록전체 글 (126)
코딩쌀롱
원인을 모를 때는 정말 모르겠다가 원인을 알고 해결하고 보면 꼭 별 거 아니고 당연한 것을 못 알아챘다는 생각이 든다. 고민할 땐 진지하지만 해결한 후에는 아오💢 하고 넘어가기 쉬워 작성해본다. 📌 useReducer를 사용한 곳에서 오류 발생 오류 메시지를 읽어보면 inputReducer의 반환값이 {...} | undefined로 되어있다. 📌 useReducer 함수 useReducer 내부는 switch문으로 되어 있고, action.type은 'title', 'description', 'color'로 세 경우가 있다. 어떻게하면 반환값이 undefined일 가능성이 있을까. action.type이 'title', 'description', 'color'이 아닌 경우! 그래서 순간 switch문에..
Critical Rendering Path | Constructing the Object Model Critical Rendering Path | Render-Tree Construction, Layout, and Paint 위 글을 읽으면서 정리했다. 1. DOM(Document Object Model) 1. 변환: 브라우저가 HTML의 원시 바이트를 읽어와서, 파일에 지정된 인코딩(UTF-8)에 따라 개별 문자로 변환 2. tokenize: 브라우저가 문자열을 고유 토큰으로 변환(토큰에 따라 의미, 규칙이 있음) 3. lexing: 토큰은 속성, 규칙을 정의하는 객체로 변환 4. DOM 생성: HTML 마크업이 여러 태그 간의 관계를 정의하기 때문에 생성된 객체는 트리 데이터 구조 내에 연결 이 전체..
What happens when you type a URL in the browser and press enter? 글을 읽으면서 정리했다. 1. 주소창에 URL 입력 2. 브라우저가 캐시를 체크. (DNS 기록에서 URL과 일치하는 IP 주소를 찾기 위해) - DNS란 url과 연결된 ip주소들을 보관하는 데이터베이스. 모든 url은 ip주소가 할당돼있음DNS의 주된 목적은 사람들의 편의를 위한 것. 사이트 이름 URL을 사용함으로써 더 편하게 접근할 수 있다. 정확한 ip주소와 매핑 시켜주는 것이 DNS가 하는 일. - DNS 기록을 찾기 위해 브라우저는 네 가지 캐시를 체크한다. 1) 브라우저 캐시. 브라우저가 이전에 방문했던 사이트의 DNS기록을 일정 시간 보관함 2) OS 캐시. 브라우저 캐시에..