Hello,

kok nae-ga ha-myun an-dweneun MAGIC...🧚

4

웹 프로그래밍/공부일지
웹 페이지의 랜더링 과정 2편

1편 - [Web Programming/Frontand Challenge] - 웹 페이지의 랜더링 과정 1편참고 블로그 : http://12bme.tistory.com/140 1편에서 웹 페이지의 랜더링 순서를 1단계부터 5단계 까지 알아보았다. 이번 2편에서는 리플로와 리페인트에 대해 알아보겠다...레더링이 모두 완료된 상태에서 ( 페인트까지 끝낸 상태 ) 스타일이 바뀌거나새로 나타나는 노드가 있다면...? 또는 데이터 변경으로인해 ( ex. AJAX ) 다시 표시해 주어야하는 일이 생긴다면?아마 다시 스타일을 적용하고 ( 랜더 트리 작업 ) 페인트 해주어야 할 것이다.이럴 경우에 발생하는 것이 리플로와 리페인트이다. 리플로 ( Reflow )란?변경이 생긴 랜더 트리에 대해 유효성 확인을 하고 노드의..

2018.09.25 ﹒ 12:06
웹 프로그래밍
JQuery를 공부하기 전 자바스크립트 DOM에 관해 알아보자 !

정말 오랜만에 글을 쓴다..!지난번 JSP중이던걸 이어서 추가한다고 다른 공부를 못했다..2018/05/15 - [Web Programming] - JAVA Script 1편 + 자바스크립트 기본2018/05/15 - [Web Programming] - Java Script 2편 + 자바스크립트 문서 객체 모델2018/05/16 - [Web Programming] - Java Script 3편 + 자바스크립트 문서 객체 조작자바스크립트의 기초에 이어서 jQuery라는 친구를 한번 만나 보려고한다. 이미 지난번에 jQuery사용한 코드를 올렸지만 그래도 기초는 중요하니까 😝 오늘 배송받은 따끈따끈한 자바스크립트 + jQuery 완전 정복 스터티 친구와 함께 해보려 한다 !1편의 목차를 보니 for, if,..

2018.06.04 ﹒ 21:41
웹 프로그래밍
HTML 기본 구조와 작성법

# Tag #Element # Attribute# Element ( 요소 ) : HTML 페이지에 존재 하는 것 # Tag ( 태그 ) : 요소를 만들 때 사용하는 기호 # Attribute ( 속성 ) : 태그에 추가 정보 부여 태그 : 파랑, 속성 : 빨강HTML 페이지 기본 구조 HTML Basic Page : 웹 브라우저에 HTML5문서임을 알려줌 : 루트 요소, 모든 html 태그는 html 태그의 내부에 작성 lang 속성은 웹 페이지 탐색 시 해당 웹페이지가 어떠한 언어로 만들어져 있는지 쉽게 인식 하기 위함. & : 사용자에게 보여지는 부분 에는 해당 태그만 사용 가능 : 브라우저 제목 지정 태그

2018.04.13 ﹒ 20:11
웹 프로그래밍
웹의 개요와 동작 원리

WWW ( World Wide Web ) : 인터넷에 연결된 컴퓨터를 통해 사람들이 저오를 공유할 수 있는 정보 공간 # 인터넷 : 전 세계를 연결하고 있는 국제 정보 통신망 # 웹 : 인터넷에서 작동하는 서비스 처음의 웹은 유럽 공동 원자핵 연구소의 팀 버너스리가 개발했다고 한다. 뜬끔없이 왠 원자핵 연구소? 라고 생각 했더니 하이퍼링크라는 특수한 기능을 사용하여 인터넷 공간에서 문서와 문서 사이를 이동할 수 있도록 하기 위해서 만들었다 한다. 이러한 웹 브라우저가 인기를 끌자 관심이 쏠리면서 경쟁이 일어 났다. 경쟁을 하는 동안 웹은 엄청난 속도로 발전했지만 이에 대응하는 웹 표준이 없었다. 따라서 웹 브라우저와 연동되는 특정 프로그램을 설치해 기능을 확장하는 플러그인이 등장했다. 웹은 클라이언트와 ..

2018.04.13 ﹒ 20:07