입력된 문자열을 처리하는 방법중 하나 또는 텍스트 패턴을 결정해주는 식 이다. 자주 쓰일것 같은 메타 문자에 대해 정리 해보았다. (메타문자란 특정한 문자 혹은 문자 계열을 대신하여 표시하는 문자) 메타문자의 조합을 이용하여 여러 문자 패턴을 만들 수 있다. 출처 : https://soooprmx.com/archives/7718, https://hamait.tistory.com/342
Hello World
I can do it!
기존 우리가 알고 있는 내용 Elements를 아래 닫는 태그 없이 여는 태그로만 사용할 수 있다. 내용
Document Object Model(문서객체 모델) HTML문서가 브라우저에 의해 읽어들이면 각 앨리먼트가 객체가 되는것 (브라우저가 HTML문서를 읽어들이면 DOM Tree 형태로 변환이 된다.) 최상위는 Document이며 JavaScript로 각 객채화된 document로 하위 앨리먼트를 제어 조작할 수 있다. ex) 1./ID가 Main인 P태그 Element를 Js로 가져오기 var x = document.getElementById("main"); var y = x.getElementsByTagName("p"); 2./Class화된 Element를 Js로 가져오기 var x = document.getElementsByClassName("intro"); 3./P태그의 intro클래스를 Js로 ..
ID와 CLASS id 는 스타일을 지정할 때 한 가지만 지정해서 쓰는 이름이고(표기방식은 #이름) 하나의 문서에 고유한 id 하나밖에 쓸 수 없습니다. class 그룹으로 묶어서 스타일을 지정할때 쓰는 이름이다. (표기방식은 .이름) 여러 클래스 적용 가능 하다. (id,class 이름은 자유롭게 지으면 되지만 숫자로 시작해선 안된다.) ( * 모든 선택자를 의미하며 선택자 그룹핑이 가능하다 ex) p, h1{ value } .mycolor,myfont{ value } )
1. Elements (요소) HTML 문법에서 대부분의 요소들은 시작 태그와 종료 태그로 작성되며 그 사이에 내용이 들어간다. 그러나 모든 요소에 종료 태그가 "필수"인 것은 아니며 시작태그 또한 마찬가지이다. 이른바 빈 요소(empty elements, void elements)로 불리는 일부 요소들은 종료 태그가 없다. 1-1 Block & Inline Elements(블록 과 인라인 요소) block 요소 저절로 width 폭이 부모의 width만큼 꽉 찬다. 같은 block 요소와 inline요소 모두 감쌀 수 있다. width height margin padding을 가질 수 있다. 자동으로 줄이 바뀐다. inline요소 자기 자신의 컨텐츠를 갖고 있는 것 까지만 width와 height을 갖..
태그는 해당 영역이 어떤 역할을 해야 하는지 웹 브라우저에 알려주는 역할을 하게 됩니다. 예를 들어 p 태그로 감싸진 문장이 있다면, 웹 브라우저에서는 해당 문장 영역을 문단 (Paragraph)로 인식하게 되는 거죠. 태그가 없으면 브라우저는 해당 영역이 어떤 역할을 해야 할지 몰라서 그냥 텍스트로 표현해 주게 됩니다. 출처: https://crestia.tistory.com/23 [Project Crestia] HTML에는 구조를 나타내는 태그 외에도 수많은 태그가 존재합니다. 대부분의 HTML 태그는 여는(Opening) 태그와 닫는(Closing) 태그로 이루어져 있지만, 태그와 같이 홀로 쓰이는 태그도 있고 태그처럼 속성을 함께 사용하는 태그도 있습니다. 태그를 구성하는 요소는 아래와 같습니다...
웹개발에 있어 프런트엔드의 구 3 대장(HTML, CSS, JavaScript)? 이 자리 잡고 있는데 그중 첫 번째인 HTML(HyperText Mark-up Language)를 간략하게 살펴보도록 하겠다. 우선 프런트엔드의 기본 구성을 말하자면 아래와 같다. 1. HTML로 웹페이지의 초석을 잡고 (레이아웃 구성) 2. 초석이된 HTML위에 CSS로 예쁘게 화장^^?을 시켜준다. (레이아웃 꾸미기) ex)글씨색상을 입혀준다거나 태두리를 넣어준다거나 3. 이쁘게 꾸며진 웹페이지를 JavaScript로 역동적이게 만들어준다. 다시 HTML로 돌아와서 HyperText Mark-up Language 쉽게풀어 설명하자면 Hyper Text는 사용자가 필요한 정보를 자유롭게 찾아갈 수 있는 비순차적 텍스트을 ..
