본문 바로가기

Tech Stack32

박스 모델과 요소의 위치와 정렬 1. 박스 모델 모든 HTML 요소는 Box 형태의 영역을 가지고 있다. Box 형태란 물론 사각형을 의미한다. 브라우저는 박스 모델의 크기(dimension)와 프로퍼티(색, 배경, 모양 등), 위치를 근거로 하여 렌더링을 실행한다. 웹디자인은 콘텐츠를 담을 박스 모델을 정의하고 CSS 프로퍼티를 통해 스타일(배경, 폰트와 텍스트 등)과 위치 및 정렬을 지정하는 것 명칭 설명 Content 요소의 텍스트나 이미지 등의 실제 내용이 위치하는 영역이다. width, height 프로퍼티를 갖는다. Padding 테두리(Border) 안쪽에 위치하는 요소의 내부 여백 영역이다. padding 프로퍼티 값은 패딩 영역의 두께를 의미하며 기본색은 투명(transparent)이다. 요소에 적용된 배경의 컬러, 이.. 2023. 5. 12.
CSS : Selector , Style CSS(Cascading Style Sheets)는 HTML이나 XML과 같은 구조화 된 문서(Document)를 화면, 종이 등에 어떻게 렌더링할 것인지를 정의하기 위한 언어이다. 즉, CSS는 HTML의 각 요소(Element)의 style(design, layout etc)을 정의하여 화면(Screen) 등에 어떻게 렌더링하면 되는지 브라우저에게 설명하기 위한 언어이다. HTML5 이전 버전의 HTML에는 style을 컨트롤할 수 있는 태그(font, center)가 존재하여 CSS가 없이도 어느 정도의 스타일 표현이 가능하였으나 정보와 구조를 담당하는 HTML의 본연의 역할과 동떨어진 기능까지 추가됨으로서 복잡하고 혼란스러운 언어가 되어 버렸다. HTML5에서는 HTML는 정보와 구조화, CSS는.. 2023. 5. 12.
브라우저: 문서, 이벤트, 인터페이스 브라우저: 문서, 이벤트, 인터페이스 1. JavaScript와 브라우저 환경 자바스크립트는 원래 웹 브라우저에서 사용하려고 만들어졌지만, 이후에는 다양한 플랫폼에서도 사용되는 범용 프로그래밍 언어로 진화했습니다. 자바스크립트는 호스트(host)라는 플랫폼에서 동작하며, 호스트는 브라우저, 웹 서버, 모바일 앱, IoT 기기 등 다양한 환경이 될 수 있습니다. 호스트 환경은 자바스크립트에 특정된 객체와 함수를 제공하며, 이러한 객체와 함수는 해당 환경에서 동작하는 기능을 수행합니다. 웹 브라우저에서는 웹 페이지를 제어하기 위한 기능을 제공하고, Node.js에서는 서버 사이드 기능을 제공합니다. 자바스크립트 명세서에서는 호스트 환경을 호스트 환경(host environment)이라고 부르며, 이는 랭귀지.. 2023. 5. 5.
InfluxDB nodeJS 라이브러리 현재 모니터링 시스템을 구축하기 위해서 사용하는 라이브러리는 아래와 같다. https://github.com/node-influx/node-influx GitHub - node-influx/node-influx: 📈 The InfluxDB Client for Node.js and Browsers 📈 The InfluxDB Client for Node.js and Browsers. Contribute to node-influx/node-influx development by creating an account on GitHub. github.com 간단한 사용 방법을 포스팅한다 ! [1] Influx 연결 InfluxService.client = new Influx.InfluxDB({ database: d.. 2022. 11. 15.
반응형

티스토리툴바