본문 바로가기

분류 전체보기150

DOM 은 무엇인가? DOM은 Document Object Model(문서 객체 모델)이다. HTML이나 XML로 이루어진 문서를 프로그래밍적으로 js 코드 상에서 수정 가능하도록 interface를 제공한다. 즉, 각 element에 대한 method를 제공하여 수정할 수 있는 interface를 js 상에서 제공한다는 것이다. HTML과 XML이 중첩 구조(nesting structure)로 이루어지듯, DOM은 tree 구조로 이루어져 있다. W3C(world wide web consortium)에서는 html DOM을 아래와 같이 정의한다. HTML DOM for HTML HTML DOM은 HTML을 위한 객체 모델(Object Model)이며 다음과 같이 정의된다. HTML element들은 모두 객체(object).. 2021. 2. 28.
웹팩과 바벨 개념과 역할 Webpack 웹팩(webpack)은 script, image, asset, style 등을 bundle 시켜주는 오픈소스 자바스크립트 모듈 번들러(여러 파일을 하나의 파일로 묶어주는 프로그램)이다. 의존성 있는 모듈으로부터 정적인 resource들을 생성한다. webpack webpack is a module bundler. Its main purpose is to bundle JavaScript files for usage in a browser, yet it is also capable of transforming, bundling, or packaging just about any resource or asset. webpack.js.org Babel 최신 JavaScript 코드를 browser.. 2021. 2. 28.
블록체인의 총정리 포크(fork), 주체인(main chain), 51% 공격(51% attack), 머클 트리 또는 해시 트리(Merkle tree or hash tree), memory pool 등 블록체인에 대한 많은 개념이 있다. 하나부터 열까지 총망라하고자 한다. 블록체인의 개념 블록체인은 간략히 '분산 원장'(分散元帳, distributed ledger) 기술이라고 한다. 즉, 거래내역을 기록한 원장을 다수의 사람들에게 분산하여 저장·관리하는 기술이다. 자세히 설명하면, 블록체인이란 다수의 온라인 거래 기록을 묶어 하나의 데이터 블록(block)을 구성하고, 해시(hash) 값을 이용하여 이전 블록과 이후 블록을 마치 체인(chain)처럼 연결한 뒤, 이 정보의 전부 또는 일부를 피투피(P2P) 방식으로 전 세.. 2021. 2. 28.
수익형 블로그 만들기 최종 - 티스토리 seo 총정리 티스토리를 위한 seo 사이트맵, rss, robots.txt alt, loading lay, nofollow 등 앞선 9개의 seo 포스팅에서 티스토리에서도 가능한 모든 seo 전략을 포스팅하겠다. 이유는 앞선 포스팅에서 설명했으니 생략하고 실천방안에 대해서만 다루겠다. 블로그를 만들 때 각 검색 엔진(구글, 네이버)에게 사이트 맵 및 rss 피드를 제출한다. (다음 엔진은 자동으로 제출된다.) (robots.txt 역시 루트 주소/robots.txt로 자동 제출된다.) 수익형 블로그 만들기 2 - seo, 사이트 맵, 소유권 확인 seo(Search Engine Optimiziation)은 검색 엔진 최적화의 약자이다. seo가 왜 필요한지 어떻게 적용하는지 알아보고 직접 seo를 해보겠다. 또 se.. 2021. 2. 24.
웹개발 인트로 (개념, 구조, 공부방향) 왜 웹 개발을 해야 하나? 진정으로 univeral(디바이스에 비종속적인)한 UX(사용자 경험) 제공 가능. 자신의 아이디어를 서비스로 빠르게 개발하고 배포할 수 있다. 사업/창업에 적합. 웹 개발자에 대한 많은 수요와 넓은 시장. 자기 능력을 길러 프리랜서가 되면 억대 연봉도 받을 수 있다. 기본적인 서비스 스택 기본적으로 웹은 UI를 만드는 것이다. (물론, 웹 개발에 쓰이는 언어로 back end도 만들 수 있다.) 웹 환경 HTTP라는 프로토콜(약속)로 서로 통신한다. request(요구)하는 쪽은 오직 User 쪽이고, response(응답)하는 쪽은 오직 Server 쪽이다. GET method를 통해 특정 resource(html 페이지, any data)를 얻기 위해 요청한다. 기타 다른 .. 2021. 2. 23.
TV와 PC 연결하는 법(셋톱박스 없이) TV와 PC 화면을 연결하여 보고 싶은 경우가 있다. 유튜브나 영화를 TV로 보고 싶을 때 말이다. 만약, 공유기로 셋톱박스와 PC가 연결되어 있다면 특정 SW 프로그램으로 무선으로 가능하다. (폰 화면도 된다!) 하지만, 이번에는 셋톱박스가 없는 경우는 PC->TV로 영상정보를 전달해줄 선이 필요하다. 요즘 나오는 티비들은 전부 뒤에 HDMI 포트가 있을 것이다. 하지만, 컴퓨터 모니터 연결은 VGA 포트가 일반적이다. 즉, 구형 TV, PC : VGA 포트 사용 최신 TV, PC : HDMI 포트 사용 이런 상황에서 컨버터가 필요하다. 설명을 덧 붙이자면, VGA는 영상 정보만을 담고 있고, HDMI는 영상정보와 사운드도 둘 다 담고 있다. 이말인 즉슨, VGA->HDMI 컨버터와 HDMI->VGA .. 2021. 2. 22.

티스토리툴바