Andamiro : App& Web3 & DataScience

[ Web & Mark UP ] CSS 기본 정리.  ∇ CSS 기본 정리.목 차1. CSS 문법 형식2. CSS 적용하기3. CSS 주요 문법 요약    ※ CSS의 기본 사항.        - CSS는 HTML과 함께 웹 표준의 기본 개념입니다.             ( 추후에 스타일컴포넌트, 테일윈드 등의 프레임워크로 변형 가능하기에 기본 개념을 숙지해야함.)         - HTML이 텍스트, 이미지, 표 같은 요소를 웹 문서에 넣어서 뼈대를 만드는 역할을 한다면,            CSS는 텍스트나 이미지, 배경의 크기나 배치 방법 등의 요소들을 활용해 디자인을 담당 합니다.            ⊙ 초창기 HTML은 style 속성을 통해서 태그를 꾸밀 수 있었습니다.            ..

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

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

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

[ Web & Mark UP ] 브라우저 렌더링 과정과 렌더링 최적화 방법.  ∇ 브라우저 렌더링 최적화목 차1. 브라우저 렌더링 과정 정리2. Reflow & Repaint3. 렌더링 최적화하기.       1. 브라우저의 렌더링 과정 정리                         1, 사용자가 브라우저 주소창에 URL를 입력합니다.                      2. DNS 서버가 입력된 도메인 네임을 실제 서버의 주소인 IP주소로 바꿔줍니다.                      3. http인지 https인지에 따라서 해당 통신 방식으로 서버에 값을 요청합니다.                      4. 서버의 기본 설정이 대두분 index.html로 되어있기에,  서버에서 이 파일..

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

[ Web & Mark UP ] WEB 정리. ∇ WEB 정리. 목 차1. 웹 브라우저의 동작 방식 1-1. 브라우저의 종류 1-2. 브라우저의 역할 1-3. 서버와 클라이언트 1-4. HTTP 1-5. 웹 브라우저의 구조 1-6. 웹 브라우저의 랜더링 과정 2. 쿠키와 세션 2-1. 쿠키 2-2. 세션 2-3. 장단점 2-4. 차이점3. HTTP 3-1. HTTP란 3-2. HTTP 메서드 3-3. request 3-4. response 3-5. keep alive 기능 3-6. https4. Rest API 4-1...

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