3D Web Developer 26

[ Web & Mark UP ] HTML 의 전반적인 특징들 정리.

[ Web & Mark UP ]   HTML 의 전반적인 특징들 정리. ∇ HTML의 전반적인 특징.목 차1. 정의2. 특징3. HTML 태그 작성 규칙4. 기본 구성5. HTML 스타일 6. 글자와 상자7. HTML의 핵심 요소8. 웹에서 사용하는 이미지 확장자들 1. 정의        - HTML( HyperText Markup Language )은 웹을 이루는 가장 기본적인 구성 요소로서,           웹 콘텐츠의 의미와 구조도를 정희할 때 사용합니다.        - HTML 이외의 웹을 그리는데 사용되는 다른 기술들은                   웹 페이지의 모양이나 표현을 정희하는 CSS                  기능/동작 등을 구성해주는 JavaScript 등이 사용됩니다. ..

[ Web & Mark Up ] 웹 브라우저의 동작 원리.

[ Web & Mark Up ] 웹 브라우저의 동작 원리.  ∇ 웹 브라우저.목 차1. 웹 브라우저에 웹 페이지가 표시되기까지2. 웹 브라우저의 구조.3. 네비게이션4. HTTP 요청/응답5. 파싱6. 렌더링7. 디스플레이       1. 웹 브라우저에 웹 페이지가 표시되기까지.       ★ 주소창에 주소를 치면, 웹 브라우저는 다음 단계에 따라서 요청된 웹 페이지를 로딩합니다.              1. 네비게이션.                   : 가장 먼저 내가 요청한 url주소 값에 맞는 웹 페이지가 실제로 위치한 곳을 찾습니다.                       이때 DNS(도메인 이름 시스템)의 도움을 받습니다.                  2. HTTP 요청 및 응답       ..

[ Web & MarkUp ] HTML이란?

[ Web & MarkUp ]   HTML이란?  ∇ HTML이란??목 차1. HTML 이란?2. HTML 구조.3. HTML Block and Inline Elements4. HTML 태크 종류. ∇ HTML 이란?     "HTML [ Hypertext Markup Language , 하이퍼텍스트 마크업 언어 ]은 프로그래밍 언어는 아니고,       ( html로 코딩한다 하면 개발자 긁기 가능)      우리가 웹 환경에서 보는 웹페이지가 어떻게 구조화되어 있는지 브라우저에게 인식시키는 언어,      즉 ! 웹문서 형태를 작성하는 언어입니다.  https://www.w3schools.com/html/ W3Schools.comW3Schools offers free online tutorials, ..

[ 컴퓨터 그래픽스 ] Open GL의 개념을 정리해보기.

[ 컴퓨터 그래픽스 ] Open GL의 개념을 정리해보기. ∇ Open GL의 개념 정리. 목 차1. OpenGL이란?2. OpenGL의 장단점.3. Legacy OpenGl vs Mordern OpenGL4. OpenGL의 세부 개념들.      1. Open GL이란?        √ Open GL.               - OpenGL이란,  "Open Graphics Library"로 Graphics 프로그래밍을 위한 API입니다.                    ( 이름과 다르게, Library가 아닌 API )               - OS는 OpenGL 인터페이스를 제공하고, GPU는 OpenGL implementation인 그래픽 카드 드라이버를 제공합니다.             ..

[ 컴퓨터 그래픽스 ] 웹 GL(Web GL) 이란

[ 컴퓨터 그래픽스 ] 웹 GL(Web GL) 이란    ∇ Web GL           - 웹 GL은 웹 브라우저 환경 기반 위에 3D 그래픽을 구현하는데에 사용되는 기술로,              웹 브라우저 상에서 하드웨어 가속 3D 그래픽(GPU)을 지원하기 위해 만들어진 JavaScript API입니다.            - 인터렉티브한 환경을 구현하고 싶은 웹 개발자들은 GLD를 통해서 3D 시각화와 인터렉티브한 웹 경험을                   페이지에서 구현하여, 사용자들에게 제공할 수 있습니다.             @예시들https://www.awwwards.com/ Awwwards - Website Awards - Best Web Design TrendsAwwwards a..

[ 컴퓨터 그래픽스 ] 웹 그래픽이란 무엇인가? ( WebGL, OpenGL, WebGPU )

[ 컴퓨터 그래픽스 ] 웹 그래픽이란 무엇인가? ( WebGL, OpenGL, WebGPU )   ∇ Web Graphic (웹 그래픽 )목 차 1. 웹 그래픽스의 기초2. OPen Gl & WebGl3. 개선된 API4. WebGPU   1. 웹 그래픽스의 기초.      웹 그래픽스는 웹 브라우저에서 2D 및 3D 그래픽을 렌더링하는 기술을 의미합니다.        이 기술은 유저들의 웹 브라우저가 GPU(그래픽 처리 장치)를 활용하여                     그래픽 요소를 화면에 표시합니다.              ∇ 하드웨어 가속( Hardware Acceleration )의 중요성.                  - 하드웨어 가속은 그래픽 처리를 CPU에서 GPU로 이전시키는 기술입니..