본문 바로가기

개발일기62

css로 세모, 다각형, 별, 하트 등 여러 종류 도형 예시 보여주는 사이트 The Shapes of CSS | CSS-Tricks CSS is capable of making all sorts of shapes. Squares and rectangles are easy, as they are the natural shapes of the web. Add a width and height and you css-tricks.com 2019. 7. 4.
react 개념 익히기? 개념익히고, 설치하고, 공부하기 위한 툴 고르는 과정 까지 * 블로그 강의 : https://velopert.com/category/dev-log/tech-log/react-js * 동영상 강의 : https://www.inflearn.com/course/react-%EA%B0%95%EC%A2%8C-velopert/ * 외부링크 관련 강의 : http://webframeworks.kr/getstarted/reactjs/ *14.8 download : https://facebook.github.io/react/blog/2016/03/29/react-v0.14.8.html 1.1 강의노트 React 개념? ​ - React는 페이스북에서 개발한 유저인터페이스 라이브러리 - Virtual DOM 이라는 개념을 사용하여 상태의 변함에 따라 선택적으로 유저인터페이스를 렌.. 2019. 7. 4.
[HTML5] HTML기본용어 및 미디어 활용(1) 비슷한 사이트로 http://dummyimage.com/도 있습니다. (2)에서는 입력양식 태그를 주로 다루는 방향으로.... 그리고 더 자세한설명을 원하시는분들은 예제사이트와 책을 참고하시기를 2019. 7. 4.
[HTML5] 브라우저에서 HTML이 처리되는 과정 그림 한큐로 설명 아래는 자세히... 브라우저에서 네트워크를 처리하는 컴포넌트가 서버와 통신을 통해서 데이터를 가져옵니다. 이렇게 가져온 HTML 데이터는 분석 과정을 거치게 되는데, 이 과정을 파싱이라하고, 이결과를 화면에 그려주는 작업을 렌더링 이라고 합니다. 웹 브라우저에서 UI 백엔드는 운영체제간의 통신을 담당합니다. - DOM트리를 구성한다는것 : HTML데이터를 메모리로 이과정은 마크업 언어로 만들어진 문자열을 브라우저가 메모리에서 다루기 위해서 HTML 파서로 파싱하고 결과를 로딩 한다는 것. 메모리에 만들어진 객체를 document라고 하고, 완성된 구조를 DOM이라고 함. DOM트리 예시는 그림에... (HTML은 구조를 가지는 데이터이므로 메모리에서는 이 구조를 표현하는 데 적합한 트리.. 2019. 7. 4.

티스토리툴바