본문 바로가기

테크노트/html15

웹(Web)의 역사 이번 시간은 웹의 역사에 대해 이야기하겠습니다. 바로 인터넷의 탄생 이야기 인데요 인터넷은 1960년대에 미국 국방부 산하의 고등 연구국에서 군사적인 목적으로 처음 개발되었다. 당시 통신시스템은 중앙집중적이었기 때문에 군사적인 목적으로 분산된 형태의 통신시스템을 구상하였는데 이것이 인터넷의 시작이었습니다. 하지만 우리가 흔히 "인터넷" 이라고 하면 떠올리는 각종 웹사이트 등의 시초는 바로 1990년대 팀 버너스 리가 개발한 월드 와이드 웹(World Wide Web)입니다. 팀 버너스 리는 웹서버와 웹브라우저를 개발하고, 이 둘이 통신할때 사용하는 프로토콜인 HTTP라는 통신 규약을 정의하고, 웹 브라우저에 정보를 표현할 수 있게 하는 프로그래밍 언어, HTML을 발명했습니다. - 1990년 10월 웹페.. 2022. 1. 5.
input 입력 태그를 readonly 로 막는 경우 html 중에 input tag 많이들 사용하시죠? 코딩할 때 사용되는 input 타입에서 입력항목을 막아야 하는 요건(개발요구사항)도 발생합니다. 그러므로 개발자도 input 조작은 할 수 있어야 겠죠? 우선 화면 내용을 보자면 (보통 input 입력 테스트 화면) (input 항목 중 첫번째 username을 readonly하는 경우) 경우에 따라 2가지 경우로 나누어 사용하면 되겠네요 2021. 12. 3.
2020년 반응형 웹페이지 Framework Top 10 여기서는 세계에서 가장 많이 사용되는 반응형 웹페이지 프레임워크 10가지를 소개합니다 1) 부트스트랩 (bootstrap) 부트스트랩은 트위터에서 사용하는 각종 레이아웃, 버튼, 입력창 등의 디자인을 CSS와 Javascript로 만들어 놓은 것이다. 웹 디자이너나 개발자 사이에서는 웹 디자인의 혁명이라고 불릴 정도로 폭발적은 반응을 얻는 프레임워크이다. https://getbootstrap.com/ Bootstrap The most popular HTML, CSS, and JS library in the world. getbootstrap.com 2) 센차터치 (sencha touch) 센차터치(Sencha Touch)는 ExtJs, jQTouch, 라파엘의 조합으로 시작된 자바스크립트 라이브러리이다 .. 2021. 11. 14.
HTML5에 추가된 새로운 태그 아래 내용은 HTML5에 추가된 새로운 태그만 비교 차원해서 정리하였습니다. 주석(comment)을 정의함. 해당 문서(document)의 타입을 정의함. 다른 콘텐츠와 연결되는 하이퍼링크(hyperlink)를 정의함. 축약형(abbreviation)이나 머리글자로만 된 단어(acronym)를 정의함. 머리글자로만 된 단어(acronym)를 정의함. HTML5에서는 더 이상 지원하지 않으며, 대신 요소를 사용함. 문서나 글의 저자 또는 회사와 연락할 수 있는 정보를 명시함. 문서에 포함되는 애플릿(웹 페이지에 포함되어 작은 기능을 수행하는 프로그램)을 정의함. HTML5에서는 더 이상 지원하지 않으며, 대신 요소나 요소를 사용함. 이미지 맵(image-map)에서 하이퍼링크가 연결될 영역을 정의함. 해당.. 2021. 11. 2.
HTML 태그 정리 HTML을 정리해서 나열하기 위한 아래와 같이 가장 많이 사용되는 태크를 기준으로 정리하였습니다. * 정리되어 있는 것을 보기전에 필수적으로 알아야할 태그 몇개만 익숙해지면 나머지는 그때 그때 필요하면 가져다 사용하면 됩니다. * 모든 것의 기본 * * 자주 사용되는 기본 태크 * 1. 요소는 브라우저에게 해당 문서가 HTML 문서임을 알려주는 역할을 합니다. HTML 문서의 콘텐츠(contents) 영역입니다. 2. 3. 태그는 해당 HTML 문서의 텍스트, 하이퍼링크, 이미지, 리스트 등과 같은 모든 콘텐츠를 포함하는 영역을 정의할 때 사용합니다. HTML 문서에는 단 하나의 요소만이 존재할 수 있습니다. HTML 문서의 콘텐츠(contents) 영역입니다. 4. 태그는 해당 문서의 제목(title).. 2021. 11. 1.
FE개발자를 위한 HTML에디터 추천 HTML 이나 CSS, JavaScript로 웹페이지 작성을 위한 에디터 또는 편집기를 추천드립니다 (1) Visual Studio Code (비쥬얼 스튜디어 코드) 비쥬얼스튜디오코드(VSC)는 Microsoft 부터 Windows, Linux, MacOS 등에 사용가능한 오픈소스 무료에디터입니다. 다른 에디터나 편집기와 비교해 보면 빠르고, 디버깅, 임베디드, GIT제어, 구문강조를 포함한 많은 기능이 있습니다. 쉽게 사용자 정의가능하므로 색상, 테마, 텍스트, 글꼴 크기, 키보드 단축 및 환경 설정등을 편집할 수 있습니다. https://code.visualstudio.com/ Visual Studio Code - Code Editing. Redefined Visual Studio Code is a .. 2021. 11. 1.

티스토리툴바