오늘의 도전과 배움
리액트를 아라보자..
https://react.vlpt.us/basic/01-concept.html
- 리액트는 어쩌다 만들어졌을까?
리액트 학습을 본격적으로 하기 전에, 리액트라는 라이브러리가 어쩌다가 만들어졌는지 알면 리액트를 이해하는데 도움이 될 것입니다.
JavaScript를 사용하여 HTML 로 구성한 UI 를 제어해보셨다면, DOM 을 변형시키기 위하여 우리가 어떤 작업을 해야하는지 익숙 할 것입니다. 브라우저의 DOM Selector API 를 사용해서 특정 DOM 을 선택한뒤, 특정 이벤트가 발생하면 변화를 주도록 설정해야되지요.
한번 HTML/JS 로 만들어진 카운터 예시를 확인해봅시다.
DOM?
문서 객체 모델(DOM)이란?
문서 객체 모델(DOM, Document Object Model)은 XML이나 HTML 문서에 접근하기 위한 일종의 인터페이스입니다.
이 객체 모델은 문서 내의 모든 요소를 정의하고, 각각의 요소에 접근하는 방법을 제공합니다.
자바스크립트는 이러한 객체 모델을 이용하여 다음과 같은 작업을 할 수 있습니다.
-
자바스크립트는 새로운 HTML 요소나 속성을 추가할 수 있습니다.
-
자바스크립트는 존재하는 HTML 요소나 속성을 제거할 수 있습니다.
-
자바스크립트는 HTML 문서의 모든 HTML 요소를 변경할 수 있습니다.
-
자바스크립트는 HTML 문서의 모든 HTML 속성을 변경할 수 있습니다.
-
자바스크립트는 HTML 문서의 모든 CSS 스타일을 변경할 수 있습니다.
-
자바스크립트는 HTML 문서에 새로운 HTML 이벤트를 추가할 수 있습니다.
-
자바스크립트는 HTML 문서의 모든 HTML 이벤트에 반응할 수 있습니다.
http://tcpschool.com/javascript/js_dom_concept
궁금한 점, 어려웠던 점
DOM,DOM Selector API도 모르겠고
JavaScript를 사용하여 HTML 로 구성한 UI 를 제어 라는 말도 이해가 안가서
(너무너무 기초가 없구나!!를 다시 뼈저리게 느끼고)
DOM을 찾다가 들어간 tcpschool의 인터넷 개념 정리가 있길래 갑자기? 그것부터 보기시작했다 ..
그렇게 다시 리액트로 돌아오지 못하는데..
내일 해보고 싶은 점, 방향
갑자기 떠난 여정이지만
인터넷의 기초부터 차근히 개념을 한번 다 짚어보고싶군용
이거 주변 사람들이 다 말리는 '처음부터 돌아가기'전략같은데.. 암튼 내일도 계속 읽어봐야지
