부트캠프교육중/HTML8 브라우저의 구조 -UI라고도 부른다. -가장 유저와 밀접하게 맞닿아있는 부분이다. -주소 표시줄, 이전/다음버튼, 북마크 메뉴 등에 관련된 GUI부분을 통칭한다. -사용자 인터페이스와 렌더링 엔진 사이의 동작을 제어한다. -주된 역할은 HTML문서와 기타 자원의 웹페이지를 사용자의 장치에 시각 표현으로 변환시키며, 문서 객체 모델(DOM) 자료 구조를 구현한다. -레이아웃 엔진(layout engine)라고도 부른다. -렌더링 엔진(rendering engine)과 밀접한 연관이 있어 보통은 브라우저 엔진과 렌더링 엔진을 묶어 브라우저 엔진으로 부른다.(여기서는 구분해서 표현.) - 브라우저 엔진은 웹 브라우저마다.. 2023. 3. 16. 브라우저 # 브라우저 -웹 브라우저 -웹 탐색기 -웹 서버에서 양방향으로 통신하며 HTML 문서 및 그림, 멀티미디어(동영상등)등의 컨텐츠를 열람할수 있게 해주는 GUI기반의 소프트웨어 프로그램이다. -페이지를 다운로드 하기 위해 응용계층의 대표적인 프로토콜인 HTTP를 통해 송수신한다. # 웹(Web) -월드 와이드 웹(World Wide Web) -인터넷상에서 텍스트나 그림, 소리, 영상 등과 같은 멀티미디어 정보를 하이퍼텍스트(hypertext)방식으로 연결해 제공한다. -HTML 언어를 사용하여 작성된 문서 형태로 제공이 되며, 이러한 문서들을 웹페이지(web page)라고 부른다. -웹 페이지 중 서로 관련된 내용으로 작성된 웹 페이지들의 집합을 웹사이트(Web site)라고 부른다. #웹 브라우저 종류.. 2023. 3. 16. HTML의 id와 class #와이어프레임 -와이어로 설계된 모양을 의미 -단순한 선이나, 도형으로 웹이나 앱의 인터페이스를 시각적으로 묘사한것 -웹 애플리케이션을 개발할때, 와이어프레임은 레이아웃의 형태를 잡는 단계를 의미한다. #프로토타이핑: 개발초기에 모형을 만들어 기능의 요구사항을 파악후 반영하는 개선방식 1. 큰틀에서 영역나누기 2.각 영역을 태그로 표현하기 #여러태그를 하나의 div로 감싸줘야 합니다. div는 영역이라는 의미이다. # section -보통제목, 컨텐츠가 포함된 구획을 나눌때 사용 -렌더링은 div와 크게 다른 점은 없습니다. #form (양식, 문서양식) -일반적으로 사용자가 입력한 값을 다른 페이지로 전송하는 역할을 한다(사용자 입력을 제출하는 용도) -input요소, button요소 등의 자식 요소를.. 2022. 12. 21. HTML기초와 요소 html: 구조를 만드는 마크업언어 css: 스타일을 담당하는 디자인 언어 java script: 단순한 웹페이지를 프로그램으로 만들어 유저와 상호작용할수있게 해주는 프로그래밍 언어 HTML(HyperText Markup Language) -웹페이지의 구조를 짜는 마크업언어 (프로그래밍 언어 아니다.) -tag들의 집합 (tag:부등호로 묶인 html의 기본구성요소) -트리 구조 이문서가 html문서임을 명시 html 시작태그로, 문서 전체의 틀을 구성 body태그는 문서의 내용을 담는 곳 hello world heading을 의미하며 크기에 따라 h1~h6까지 있음 contents here content division을 의미하며, 줄바꿈됨 here too #self closing tag 태그 내부에 .. 2022. 12. 21. 이전 1 2 다음
