![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/p5w2N/btsEtso0OAV/yA98V6kwWnHh2ALMOipOEK/img.png)
▶︎ API(Application Programming Interface) 응용프로그램에서 사용할 수 있도록, 운영체제나 프로그래밍 언어에서 제공하는 기능을 제어할 수 있게 해주는 인터페이스 애플리케이션 간에 지정된 형식으로 요청과 응답을 할 수 있도록 연결하는 것 다른 소프트웨어 시스템과 통신하기 위해 따라야 하는 규칙 응용프로그램에서 소통하기 위한 접점 ▶︎ 인터페이스 상호간에 소통을 위해 만들어진 접점. 사람과 사람, 사람과 사물 또는 기기를 연결하는 것. 사용자가 기기를 쉽게 동작시키는데 도움을 주는 시스템. 예시) 키보드(사람-컴퓨터), 차키(사람-자동차), 배달 어플(사람-어플) ▷ UI(User Interface) 사용자가 소통하기 위한 접점. 사람(사용자)과 사물 또는 시스템, 기계, 컴퓨..
![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/RdXub/btsC4qVAysQ/UU7a9E2LllFtHaF7a5yR5k/img.png)
총 6단계 HTML를 파싱 후, DOM트리 구축 CSS를 파싱 후, CSSOM트리 구축 JavaScript 실행 DOM과 CSSOM을 조합하여 렌더트리 구축 뷰포트 기반으로 렌더트리의 각 노드가 가지는 정확한 위치와 크기 계산 (Layout 단계) 계산한 위치/크기를 기반으로 화면에 그림 (Paint 단계) ▶︎ 브라우저의 주요 기능 : 사용자가 요청한 HTML 페이지, PDF, 이미지 등을 서버에서 요청해 보여주는 것 ▶︎ 랜더링 엔진 : 사용자가 선택한 콘텐츠를 표시해주는 소프트웨어 브라우저 렌더링 엔진 크롬 Blink 사파리 Webkit 파이어폭스 Gecko ▶︎ 파싱(Parsing) 브라우저가 코드를 이해하고 사용하기 쉬운 구조로 변환하는 것 문서나 HTML 등 어떤 큰 자료에서 내가 원하는 정보..
- Total
- Today
- Yesterday
- 핀터레스트
- pagination
- 졸업프로젝트
- Network
- 이브와ICT멘토링
- 캡스톤디자인
- 상태관리
- Firebase
- Tanstack Query
- zustand
- web
- eslint
- AI Challeng for Biodiversity
- Tanstack-Query
- 네트워크
- 빅데이터
- 프로토콜
- react
- React Query
- style-lint
- State
- Masonry 레이아웃
- prettier
- git
- Micorosoft
- sass
- 무한스크롤
- react-query
- Next.js
- github
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 | 31 |