Andamiro : Web3 & DataScience

[ 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..

[ 3D Web : Front _ JavaScript ] innerHTML, innerText, textContent 차이 + insertAdjacentHTML     ∇ JS : 텍스트를 읽어오는 속성 : innerHTML, innerText, textContent 비교해보기목 차1. innerHTML 1-1. innerHTML이란 1-2. innerHTML의 단점 1-3. innerHTML의 성능과 대용 2. innerAdjacentHTML3. innerText 3-1. innetTExt란 3-2. innerHTML과 innerText 비교 4. textContent    1. [ innerHTML ]     1 - 1 . innerHTML이란.    ' inn..

[ 3D Web : Front _ JavaScript ] DOM(돔) : Document Object Model    ∇ DOM.목 차1. innerHTMl2. 특정 Element에 접근하기3. Element 생성하기4. Assignment5. DOM Element를 동적으로 만드는 메서드6. DOM 접근 메서드   문서 객체 모델(DOcument Objec Model,DOM)은 HTML, XML 문서의 프로그래밍 interface입니다.   1. 요소의 내용(content) 바꾸기 innerHTML        document.body.innerHTML = '내용 다 바꿔'            웹 페이지 콘텐츠에 접근해서 내용을 바꾸는 기능이지만,           innerHTML은 보안취약점과 ..