HTML 태그 정리 Tables (테이블) 1. 정의데이터를 표의 형태로 나타냄 2. 사용요소를 레이아웃 목적으로 사용하면 안됨 속성은 여러가지가 있지만 MDN에서는 태그 안에 속성을 사용하기 보다는 CSS을 이용한 스타일링 하는 것을 추천 3. DisplayBlock 1. 정의요소의 Header행을 그룹화 하기 위해 지정 2. 사용, , 다음에 기술보통 요소를 포함 3. DisplayInline-Block 1. 정의요소의 데이터행을 그룹화하기 위해 지정 2. 사용, , , , 다음에 기술 3. DisplayInline-Block 1. 정의요소의 푸터행을 그룹화하기 위해 지정 2. 사용보통 요소를 포함, , 다음에 기술 요소 다음에 이전에 기술 3. DisplayInline-Block 1. 정의요소의 제..
HTML 태그 정리 Common character entities문자설명Entity nameEntity NumberSpace  Greater than>>&Ampersand&&"Double quotation mark""’Single quotation mark&aposl'@“AT” SYMBOL@@!Exclamation!!#Number##$Dollar$$%Percent%%&Ampersand&&(Left parenthesis(()Right parenthesis))[Left Square bracket[[]Right Square bracket]]?Question??=Equals==,Comma&comma..
HTML 태그 정리 Core Attributes (공통 속성) 1. id고유 한 요소를 식별 하기 위해 사용하며 id에 해당하는 요소를 참조하기 위해 CSS와 Javascript에서 사용가능함1 HARIBO 2. class여러개 해당하는 요소가 동일한 값을 가질수 있게 하며 css 요소를 참조하는데 사용1 2 3 HARIBO KEYBOARD MOUSE 3. title요소에 제목을 추가할 수 있으며 모든 브라우저는 요소가 겹쳐서 표시되거나 포커스가 있을 때 이 속성 값을 표시 4. style요소에 스타일을 적용할 수 있으며 요소 안에는 CSS 코드를 사용1 글자색은 노랑이며 백그라운드 색은 블랙 style 요소는 되도록 HTML안에 사용하지 않는 것이 좋으며 직접 .css파일을 추가하여 style을 주는 ..
블로그에 댓글 기능 추가하기블로그를 운영하다 보면 운영자와 사용자간의 소통이 필요한데 이를 위해 댓글 기능들을 넣는다. 그 중 GitHub blog에 손쉽게 추가할 수 있는 Disqus 댓글 기능을 이용하여 댓글 기능을 넣어볼려고 한다. 1. DISQUS 홈페이지를 접속하여 회원가입을 한다.먼저 Disqus 댓글 기능을 사용할려면 DISQUS의 회원이 되어야 한다. 아래의 캡처 화면에서 Get Started 버튼을 클릭하여 회원가입을 진행한다. 2. 회원가입이 완료되면 아래와 같은 화면이 나오는데 두 번째 이미지를 클릭한다. 3. 클릭 시 댓글 기능을 사용할 Website url, 카테고리, 언어를 설정한 후 Site를 생성한다. 4. 생성하면 아래와 같은 Select a plan 라는 탭이 활성화 되어..
개인 도메인으로 GitHub 블로그 연결하기지금부터 개인 도메인으로 GitHub 블로그를 연결하는 방법을 알아보겠습니다. 매우 간단하니 두려움없이 편히 읽으셔도 좋을 것 같습니다. 1. 개인 도메인을 구입합니다.국내 도메인 기업이나 외국 도메인 기업에 들어가서 도메인을 구매합니다.참고로 저는 Woobi라는 호스팅업체에서 이전에 구매하였던 도메인을 사용하였습니다. 2. 구입하였던 도메인 설정 중 도메인 레코드 관리로 들어갑니다.A 레코드의 IP를 아래의 리스트로 추가 또는 변경합니다.1 2 3 4 185.199.108.153 185.199.109.153 185.199.110.153 185.199.111.153 위의 내용 중 하나 또는 여러개를 등록해도 괜찮습니다.여러개 등록하는 이유는 하나의 IP가 작동을..
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 |
- window
- useState
- this
- 리엑트
- scope
- array
- 함수 컴포넌트
- react
- 웹사이트
- Angular
- website
- string
- JavaScript
- 깃헙
- NestJS
- 가상돔
- Es5
- TypeScript
- 클래스 컴포넌트
- github
- virtual dom
- HTML
- ES6
- Function Component
- 클래스형 컴포넌트
- const
- Let
- class component
- Prototype
- useEffect
- Total
- Today
- Yesterday