Lennon FE

disqus는 서버까지 동원해서 어렵게 댓글 기능을 개발할 필요 없이 코드를 삽입하면 쉽게 댓글 기능을 개발할 수 있도록 나온 서비스이다. 한 번 쉽게 사용해보자! https://disqus.com Disqus – The #1 way to build your audience Disqus offers the best add-on tools for websites to increase engagement. We help publishers power online discussions with comments and earn revenue with native advertising. disqus.com 우선 위 페이지에서 로그인 한다! 1. 아래 "I want to install Disqus on my sit..

HTML은 정보 또는 설계도, CSS는 디자인 또는 스타일링, JS는 기능과 효과를 주는 것이다. 1. 웹을 제작할 때 주의사항! ✔︎ 웹 표준을 따라야 한다. 웹 표준이란? 웹 사이트를 작성할 때 따라야 하는 공식 표준이나 기술 규격이다. 반드시 지켜야 한다! 는 아니지만 표준을 따르면 검색엔진에 노출이 잘 될 확률이 높아진다. ✔︎ 웹 접근성을 고려해 개발해야 한다. 웹 접근성이란? 내가 만든 웹 사이트를 일반인뿐만 아니라 시각, 청각 등 장애를 가진 분들도 충분히 사용할 수 있도록 하는 것이다. ✔︎ 크로스 브라우징 고려 크로스 브라우징이란? 모든 브라우저(chrome, IE, safari 등등) 또는 기기에서 사이트가 모두 정상적으로 작동해야 한다. 2. HTML이란 웹사이트에서 눈에 보이는 정보..

HTML5로 넘어오면서 시멘틱 태그가 생겼습니다! 그래서 HTML5 웹 페이지를 시멘틱 웹이라고도 말합니다. Semantic = 의미론적인 이라는 뜻입니다. 우리는 웹 페이지의 구조를 봤을 때 쉽게 구조를 파악할 수 있습니다. 위 유튜브의 웹 페이지를 봐도 어디서 검색을 할지, 어디를 클릭하면 어떤 행위를 할 수 있을 지, 어디서 스크롤이 가능할 지 등등 다양한 상황에 대해 쉽게 파악할 수 있습니다. 그러나 컴퓨터한테는 쉽지 않습니다. 검색 엔진에서는 어떠한 태그가 어떤 기능을 수행하는 지 알 수 없고, 이로인해 웹 페이지에서 효율적인 데이터를 추출하는 데 한계가 있습니다. 이를 해결하기 위해 만들어진 게 시멘틱 태그입니다. 수 많은 시멘틱 태그들이 있지만, 주요 태그들을 확인해봅시다. Sementic ..