Andamiro_Modeling

[ Web & Mark UP ]   HTML 필수 태그 정리해보기 - [1]  ∇ HTML 필수 태그 - [1]목 차1. 텍스트 작성하기.2. 텍스트 서식3. 주석4. HTML 공간 분할5. HTML 요소의 타입.6. HTML 리스트태그7. 링크와 이미지 넣기8. 텍스트 강조하기   1. 텍스트 작성하기.      ☆ 제목 ( Heading )            - HTML은 제목을 표현할 수 있는 다양한 크기의  태그를 제공합니다.            - 가장 큰 크기의 태그부터 가장 작은 태그까지 다양한 크기로 제목을 표현 가능합니다. 제목1의 크기입니다!제목2의 크기입니다!제목3의 크기입니다!제목4의 크기입니다!제목5의 크기입니다!제목6의 크기입니다!         대부분 브라우저상에서는 종..

[ Web & Mark UP ] HTML 기초 문법 미리보기.   ∇ HTML 문법 간략하게 정리.  이전 글에서 말했듯이,     HTML은 명령어 태그와 속성 그리고 값으로 구성되어져있습니다.    태그는 로 둘러싸여져 있고, 끝에는 형태로 닫아줘야 합니다.    처음과 끝에 구성되는 태그를 요소(element)라고 하고 이러한 요소들을 이용하여 웹 문서를 작성하는 것을   마크업(MARK UP)이라고 합니다. Hello World!      요소는 요소안에 또 다른 요소를 추가할 수 있지만,           닫는 것을 순서대로 닫아줘야 합니다.    요소의 유형은 블럭과 인라인으로 나뉩니다.     블럭은 줄바꿈이 가능 /  인라인은 줄바꿈이 불가능 합니다.              ..

[ Web & MarkUp ] "HTML" 작성을 위한 기본 요소.   ∇ HTML의 기본 구성 요소들.목 차1. 태그 & 속성 & 문법 & 주석2. HTML의 기본 구조3. DTD와 html,head,body4. HTML의 특징 파악하기        1. 태그 & 속성 & 문법 & 주석.                        ∇ 태그.                  - 웹 페이지를 구성하는 요소로는 텍스트*이미지*버튼 등 매우 다양하게 존재합니다.                   - 태그는 이런 다양한 구성 요소들을 정의하는 역할을 하며,                          " HTML 문서를 다루는 가장 작은 단위 " 입니다.                                  ..

[ 3D Web : Front_JavaScript ] 자바스크립트 개요.  ∇ 자바스크립트 개요목 차1. 자바스크립트란2. 자바스크립트 작성 방법3. 자바스크립트로 할 수 있는 일들. 4. 자바스크립트와 HTML의 차이점.   1. 자바스크립트란자바스크립트는 HTML 위에서 동작하는 언어이며HTML의 특징인 단순 텍스트 위주의 정적인 웹 페이지의 제한적인 기능을 해결하기 위해서 만들어진 동적인 언어입니다. 자바스크립트는 웹에서 이용할 수 있도록 만들어진 스크립트언어로, 자바스크립트로 작성된 웹 문서는클라이언트에 그대로 전송되기 때문에 사용자가 페이지에 있는 버튼을 마우스로 클릭하거나 키보드를 입력하는 것과 같은 이벤트 처리작업을 즉시 처리할 수 있습니다. 자바스크립트는 인터프리터 언어이므로 컴파일과 같..

[ 컴퓨터 그래픽스 ] OpenGL : Image Formation & Graphics Pipeline ∇ OpenGL : Image Formation & Graphics Pipeline       OpenGL의 동작은 Vertices를 Pixels로 변환하는 과정을 지원합니다.             √ Vertex : 3D객체를 구성하는 하나의 점.                     √ Pixel:  모든 렌더링 연산이 끝난 후 모니터(뷰)에 표현되는 하나의 점.            Vertex -> Pixel의 변환과정에 대해서 알아보겠습니다.     ∇ Image Fromation.                                                               이미..

[ 3D Web : Front_JavaScript ] JavaScript - 자스의 동작원리.   ∇ 자바스크립트의 동작원리목 차1. 자바스크립트의 동작 구조.2. 자바스크립트는 무슨 스레드 구조인가 (싱글?멀티?)3. 자바스크립트가 비동기 작업을 수행하는 방법은?4. Call Stack이 비어있어야 하는 이유는  1. 자바스크립트의 동작 구조.        - 자바스크립트를 동작시키기 위해서는 " 자바스크립트 엔진 "이 필요합니다.         - 자바스크립트 엔진은 V8, Rhino, SpiderMonkey 등 다양하게 있지만,             이 중에서 가장 대표적인 예는 Google에서 제작한 V8엔진입니다.            -V8엔진은 두 가지 구성요소로 구성됩니다.         ..

[ Web & MarkUp ] DOM ( Document object Model ) 완벽 정복하기.  ∇ DOM ( Document Object Model ) 구조목 차1. 웹 페이지가 만들어지는 방법 1-1 Critical Rendering Path 1-2 렌더트리2. DOM ( Document Object Model ) 2-1 DOM의 생성 방식 2-2 DOM과 HTML의 차이점 2-3 DOM은 브라우저에서 보이는 것이 아닙니다. 2-4 DOM은 개발도구에서 보이는 것이 아닙니다.3. CSS 선택기를 사용하여 DOM 요소를 선택하는 방법4. DOM Elements 제어 방법5. DOM Events6. 요약   우선적으로 DOM이라는 것을 이해하기 위해서는 웹 페이지의..

[ CS 지식 정리 ] CS 기초 지식 정리.  ∇ CS 지식 정리목 차1. 프로세스와 스레드 차이 2. 스크립트 언어와 컴파일러 언어의 차이3. 동기와 비동기의 장단점4. 데이터베이스에서 인덱스를 사용하는 이유와 장단점5. TCP, UDP 차이와 장단점6. 오버라이딩 vs 오버로딩7. 인터페이스 vs추상화8. 디자인 패턴이란9. MVC 패턴 설명10. 자료구조 & 알고리즘        1. 프로세스와 스레드 차이                   - 프로세스 : 운영체제로부터 자원을 할당 받아서 실행.                  - 스레드 : 프로세스로부터 자원을 할당 받아서 실행                  - 하나의 프로세스 안에서 여러 스레드를 생성 가능.                   -..

[ 알고리즘 ] 알고리즘에 필요한 기본 개념.   ∇ 알고리즘에 필요한 기본 개념들.목 차 1. 시간 복잡도 2. 자료 구조 3. 정렬    1. 시간 복잡도      - 문제를 해결하는데 걸리는 시간과 입력의 함수 관계를 말합니다.      - 프로그램을 작성할 때에 입력량의 크기에 따라서, 프로그램이 계산하는 횟수가 크게 달라집니다.      - 입력된 잘의 양과 알고리즘 실행에 걸리는 시간 사이에는 어느 정도의 관계가 있는데           이것을 알고리즘의 시간 복잡도라고 합니다.               ∂ 메모리 공간 차지량을 계산하는 공간 복잡도라는 개념도 있지만,                   저장 기술의 발달로 인해서 현재는 "시간 복잡도"를 우선 고려합니다.      - 시간 복잡..

[ Web & Mark UP ]  브라우저 환경과 렌더링 엔진의 동작 원리.  ∇ 브라우저와 렌더링 엔진 동작 원리 정리목 차1. 브라우저의 정의2. 브라우저의 구성 요소3. 렌더링 엔진의 동작 원리.    ∇ 브라우저.       1 ) 브라우저란 ?                                " 브라우저" 란 WWW(월드 와이드 웹)에서 정보를 검색, 표현하고 탐색하기 위한 소프트웨어 입니다.                       브라우저는 인터넷에서 특정 정보로 이동할 수 있는 "주소 입력창 (=인터페이스)" 이 있고,                         서버와 HTTP로 정보를 주고 받을 수 있는 "네트워크 모듈"도 포함하고 있습니다.                      ..