HELLO :3 IM RESHUR

REACT : About REACT (리액트에 대하여) REACT란 무엇인가? React.js는 단일 페이지 애플리케이션(Web app : 앱처럼 작동하는 웹)을 위한 사용자 인터페이스를 구축하는 데 사용되는 자바스크립트 라이브러리이다. 특징으로는 아래와 같다. React는 Facebook에서 처음만들어졌으며 Facebook과 Instagram에 처음 배포되었다. React를 사용하면 개발자가 페이지를 다시 로드하지않고도 데이터를 변경할 수 있는 대규모 웹 애플리케이션 (Web App)을 만들 수 있다. 재사용 가능한 UI 구성요소를 만들 수 있다. (컴포넌트 - Component) 애플리케이션의 사용자 인터페이스에서만 작동한다. Angular.js와 같은 다른 자바스크립트 라이브러리 또는 프레임워크와 ..

HTML : 시맨틱 웹(Semantic Web) - 문서, 페이지, 애플리케이션 또는 사이트 내의 독립적으로 구분해 배포하거나 재사용할 수 있는 구획을 말한다. 인터넷 뉴스 기사를 다른 웹사이트에 스크랩하더라도 내용을 이해하는 것에 문제가 되지 않는 것처럼 현재 페이지가 아니더라도 다른 웹페이지에 표시하더라도 문제되지 않는 콘텐츠를 담을때 사용한다. 여러 을 가질 수 있다. 기사 1 기사 2 기사 3, 정보 1 정보 2 정보 3 등 자체가 콘텐츠가 될 수 있지만 제목을 사용할 땐 ~ 을 이용하여 나타낸다. 기술 요약 콘텐츠 카테고리 : 플로우 콘텐츠, 구획 콘텐츠 가능한 콘텐츠 : 플로우 콘텐츠 태그 생략 : 종료 태그 생략 불가 가능한 상위 요소 : 플로우 콘텐츠를 허용하는 모든 요소 요소는 의 하위 ..

HTML : 시맨틱 웹(Semantic Web) - 의 주요 콘텐츠를 나타내며, 유일무이한 태그이다. 하나 이상을 써야 할 경우 주요 콘텐츠 외의 부분은 을 사용하여 눈에 보이지않게 해야 한다. (접근성과 관련 있음) 대부분의 브라우저에서는 지원하나 Internet Explore 에선 지원하지 않는다. Internet Explore 11 이하에서 작동해야 할 경우 하단과 같이 작성한다. 구형 브라우저를 지원할 필요가 없다면 role="main"보다 을 사용한다.. 예제

HTML : 시맨틱 웹(Semantic Web) - 문서의 주 내용과 직접적인 연관은 없지만 간접적으로 연관이 있을 때 사용한다. 영어의 단어 뜻이나 블로그 류의 추가적인 콘텐츠(광고 등)를 나타날 때 사용한다. 와는 성격이 다르다. 는 부가적인 내용이지만 굳이 없더라도 문제가 되지 않는다. 예제 HTML 삽입 미리보기할 수 없는 소스 Salamanders are a group of amphibians with a lizard-like appearance, including short legs and a tail in both larval and adult forms. The Rough-skinned Newt defends itself with a deadly neurotoxin. Several spec..

HTML : 시맨틱 웹(Semantic Web) - 문서의 부분중 현재페이지내 또는 다른 페이지로의 링크를 보여주는 구획이다. ( 예제 01참고 ) 현재 어느 경로에 있는지를 나타내며, 다른페이지로 넘어갈수있다. 예제 01 HTML 삽입 미리보기할 수 없는 소스 Bikes BMX Jump Bike 3000 메뉴,목차,색인 현재페이지내에서 누르면 이동하여 보여주는것을 말한다. 와는 성격이 다르다. 는 모든 웹페이지에 동일하게 들어가며, 전체를 아우르는 링크를 담고있다. 는 현재의 웹페이지의 상위나 현재 페이지내의 개요를 담고 있다. 기술요약 콘텐츠 카테고리 : 플로우 콘텐츠, 구획콘텐츠 가능한 콘텐츠 : 플로우 콘텐츠 태그생략 : 종료태그 생략 불가 가능한 상위요소 : 플로우 콘텐츠를 허용하는 모든 요소 ..

HTML : 시맨틱 웹(Semantic Web) - 주로 웹의 맨 하단에 위치해있다. 웹페이지의 정보나 연관된 사이트를 나타낼 때 사용한다. 작성자, 저작권 정보, 관련 문서 등의 내용을 담는다. 기술 요약 가능한 콘텐츠 : 플로우 콘텐츠 가능한 콘텐츠 : 플로우 콘텐츠 단, 와 다른 는 하위 요소가 될 수 없다. 태그 생략 : 종료 태그 생략 불가 가능한 상위 요소 : 플로우 콘텐츠를 허용하는 모든 요소 단, 요소는 , , 혹은 다른 의 하위 요소가 될 수 없다. HTML 삽입 미리보기할 수 없는 소스 레슈의 연락처 sol.reshur@gmail.com 123 456-78.." data-og-host="sol-reshur.tistory.com" data-og-source-url="https://sol-..

HTML : 시맨틱 웹(Semantic Web) - 소개 및 탐색에 도움을 주는 콘텐츠를 넣는다. 제목, 로고, 검색 폼, 작성자 이름 등의 요소를 포함한다. 소개를 위한 요소로 넣을 경우 전체 웹페이지에 하나만 사용해야한다. 페이지 제목 예시 : 페이지 전체를 아우르는 제목 으로 작성 시 사용한다. HTML 삽입 미리보기할 수 없는 소스 Main page 예시를 위한 글입니다. 글 제목 예시 : 각각의 기사, 아티클엔 나 을 사용해야 한다. HTML 삽입 미리보기할 수 없는 소스 The Planet Earth Posted on Wednesdaty, 3 03 2022 by me blah blah blah ~ 기술 요약 콘텐츠 카테고리 : 플로우 콘텐츠 가능한 콘텐츠 : 플로우 콘텐츠 , 단 다른 또는 는..

HTML : 시맨틱 웹(Semantic Web) 시맨틱 웹 이란? (Semantic Web) Semantic : 의미의, 의미론적인 요소의 의미를 고려하여, 구조를 설계하고 코드를 작성하는 것을 말한다. 시맨틱 웹을 사용하면 이로운 점 검색 엔진은 의미론적 마크업을 분석하여 페이지의 검색 랭킹에 영향을 줄 수 있는 중요한 키워드로 간주한다. 시각장애가 있는 사용자가 스크린리더로 탐색할때 의미론적인 마크업을 푯말로 사용할 수 있다. (웹 접근성) 의미가 없는 끊임없는 를 탐색하는 것보다 의미 있는 코드 블록을 찾는 것이 훨씬 쉽다. 개발자에게 태그 안에 채워질 데이터 유형을 제안할 수 있다. 의미 있는 이름 짓기(Semantic Naming)는 적절한 사용자 정의 요소, 구성요소의 이름 짓기(Naming)..

HTML : - 문서에서 제거된 텍스트 범위를 나타내는 태그 제거된 텍스트의 범위를 나타낼 때 사용한다. 문서나 소스 코드의 변경점 추적 등에 사용할 수 있다. 취소선 형태로 나타난다. → 웹브라우저가 자체적으로 스타일링을 하기 때문에 다르게 표시될 수 있다. 특성 : datetime : 변경이 발생된 일시를 나타낼 때 사용한다. HTML 삽입 미리보기할 수 없는 소스 안녕하세요! 뜨거운 아이스 아메리카노가 먹고싶어요

HTML : , , : 덧붙이는 글 예제 : HTML 삽입 미리보기할 수 없는 소스 안녕하세요. 블로그에 와주셔서 감사합니다. Copyright Copyright 덧붙이는 글이나 저작권과 법률 표기 등의 작은 텍스트를 사용해야 할 때 사용한다. 보다 한 사이즈 작게 표현된다. 기술요약 콘텐츠 카테고리 : 플로우 콘텐츠, 구문 콘텐츠 가능한 콘텐츠 : 구문 콘텐츠 태그 생략 : 종료 태그 생략 불가능 가능한 상위 요소 : 구문 콘텐츠를 허용하는 모든 요소 : 윗 첨자 예제 : HTML 삽입 미리보기할 수 없는 소스 영여 서수 적는법 - 서수 = 기수th - 네번째 = fourth 1st 2nd 3rd 4th 5th 활자 배치를 윗 첨자로 해야 할 때 사용하는 인라인 텍스트이다. 거듭제곱의 지수 표기할 때 ..