전체 글211 프로토타입 수정중 2023. 1. 12. 브라우저 렌더링과정 1. 파싱: 텍스트 문서의 문자열을 토큰으로 분해하고 parseTree를 생성하는 과정 2. 렌더링: HTML, CSS, JS로 작성된 문서를 파싱해서 브라우저에 시각적으로 출력 렌더링과정 주소창에 url 입력 -> 브라우저는 렌더링에 필요한 리소스(html, css, js 등등)들을 서버에 요청 -> 받은 (html, css, js 등) 리소스들을 파싱해서 브라우저가 이해할 수 있는 자료구조 형태로 만든다 1. html 파싱을 하면 DOM tree 2. css 파싱을 하면 CSSOM tree 3. js파싱을 하면 AST(Abstract Syntax tree) 렌더트리 = DOM tree + Render tree 렌더트리: 화면에 보이는 모든 노드, 컨텐츠, 스타일 정보를 병합한 최종 출력 자바스크립트는.. 2023. 1. 10. DOM 이란 DOM(Document Object Model): 웹브라우저가 HTML 페이지를 인식하는 방식 Document Object: html문서 태그들을 자바스크립트가 이용할수 있는 객체로만든것 DOM이란 Document Object 와 관련된 객체의 집합 xml이나 html 문서에 접근하기 위한 일종의 인터페이스 DOM은 HTML 문서로부터 생성이 되지만 항상 동일하지 않는다 2023. 1. 10. 개발자도구 Elements, Console, Sources, Network, Application Elements: 로딩된 웹 페이지의 DOM과 CSS를 편집해서 렌더링된 뷰를 확인가능, 편집한내용이 저장되지는 않는다. 렌더링 되지 않았다면 패널을 확인해서 정보를 얻을 수 있다. Console: 로딩된 웹 페이지의 에러를 확인하거나 자바스크립트 소스코드에 포함된 console.log 를 찍어서 정보를 얻을 수 있다. Sources: 로딩된 웹 페이지의 자바스크립트 코드를 디버깅 가능 Network: 로딩된 웹 페이지에 관련된 네트워크요청 정보와 퍼포먼스 확인가능 Application: 세션, 쿠키, 웹스토리지를 확인하고 관리가능 2023. 1. 9. [Siwft] 'FirebaseCore/FirebaseCore.h' file not found xcodeproj로 xcode 키지말고 xcworkspace로 키기 안되면 pod update pod repo update 2023. 1. 7. [Swift] 최상위 뷰 찾는법 * UIApplication.shared.keyWindow?.rootViewController 근데 key를 이용해서 접근하는 방식은 ios 13버전부터는 사용하지 못함 그래서 guard let window = UIApplication.shared.windows.first(where: { $0.isKeyWindow }) else { return } guard let tab = window.rootViewController as? MainTabController else { return } window를 사용 2023. 1. 7. 이전 1 2 3 4 ··· 36 다음
