다한의 웹 블로그

  • 페이스북
  • 트위터
  • 인스타그램
  • 핀터레스트

전체 글 (85)

많이 쓰이는 HTML 태그 간단히 살펴보기

웹 언어 배우기/HTML 다한(dahan) 2018. 10. 23. 07:00

웹사이트를 만들 때 뼈대 역할을 하는 HTML은 많은 태그가 있고 응용할 수 있습니다. 이 말은 자신이 생각한 기능을 대부분 구현할 수 있다는 얘기입니다. 그 중 전 세계 구글 검색 결과에서 수집한 800만 개의 웹 페이지에서 어떤 태그가 많이 쓰이고 있는지 간단히 살펴보고자 합니다. 가장 많이 사용한다는 것은 그만큼 기능이 좋고 가능하다면 써야 한다는 뜻을 담고 있습니다. 아니다 다를까 뼈대 역할을 하는 기본 문법인 , 다한의 웹 블로그 제목 이름 테스트 테스트 태그는 웹 페이지에서 이름, 핵심 키워드 등 웹 페이지의 기본 정보들을 제공하는 태그입니다. 특히, 블로그, 웹사이트를 운영하는 운영자들은 아시겠지만 SEO가 최적화되어있으면 상위에 노출될 가능성이 커지고 좋은 페이지라는 인식이 생깁니다. 태그..

더 읽기

웹은 클라이언트와 서버로 동작한다.

웹 개발 정보 다한(dahan) 2018. 10. 22. 07:00

웹은 클라이언트와 서버라는 체계 안에서 동작합니다. 따라서 웹과 관련된 개발자들은 이 체계를 이해하셔야 합니다.그렇다면 클라이언트와 서버는 서로 어떤 의미가 있는지 어떻게 동작하게 되는지 알아보도록 하겠습니다. 클라이언트와 서버 클라이언트는 일상생활에서 서비스를 사용하는 사용자를 말합니다. 우리가 클라이언트로서 일반적으로 사용하는 서비스는 웹 브라우저입니다. 웹 브라우저에서 주소창에 네이버를 검색하면 어떤 일이 벌어지는지 알고 계십니까? 바로 웹 브라우저에 설치된 컴퓨터(사용자 컴퓨터)를 통해서 네이버에서 운영하는 서버 컴퓨터에 요청합니다. 이때 클라이언트 컴퓨터는 서버 컴퓨터에 알고 싶은 정보를 담고 있는 웹페이지 즉, 네이버 홈페이지를 요청하게 됩니다. 이렇게 요청받은 웹 서버는 네이버라는 웹 페이지..

더 읽기

크롬 버전 70 업데이트, 자동 로그인 옵션 수정

웹 뉴스 다한(dahan) 2018. 10. 21. 11:00

구글에서 서비스되고 있는 웹 브라우저 크롬이 10월 16일에 버전 70에 해당하는 업데이트 정보를 공개했습니다. 앞서 버전 69에서는 자동 로그인이라는 옵션이 논란을 일으켰었습니다. 지메일, 유튜브 등 다른 구글 서비스에서 로그인하면 크롬이 자동으로 브라우저에 로그인하게 되어 사용자의 프라이버시가 노출될 확률이 높아진다는 전문가의 비판이 이어졌습니다. 이에 따라 구글도 크롬 버전 70 업데이트를 통해 빠르게 문제를 해결하려는 움직임이 보이고 있습니다. 크롬 버전 70 업데이트 정보먼저 자동 로그인과 관련하여 로그인 연결을 해제하는 스위치가 생깁니다. 기본 설정은 활성화가 되어 있으며 직접 찾아가 스위치를 꺼야 합니다. 이 설정은 오른쪽 상단의 점 3개있는 메뉴를 클릭하여 설정에 들어가 고급을 클릭하여 비..

더 읽기

네이버 HTML로 알아보는 기본 구조, 틀, 뼈대

웹 언어 배우기/HTML 다한(dahan) 2018. 10. 20. 11:00

네이버 HTML의 기본 구조, 틀, 뼈대이 글을 보고 계시는 분들이시라면 HTML에 관심이 있어서 방문하셨을 것입니다. HTML은 앞서 설명한 대로 홈페이지를 만들 때 뼈대 역할을 합니다. HTML의 의미와 역사를 함께한 팀 버너스 리 본격적으로 HTML의 기본 구조 틀을 알아보기 전에 네이버의 HTML은 어떻게 만들어졌는지 알아보겠습니다. 여러분들도 한번 해보면 도움이 됩니다. 전혀 어렵지 않습니다! 대부분의 웹 개발자들은 크롬의 개발자 도구를 사용하고 있습니다. 기능이 많고 알아보기 쉽게 때문에 앞으로 실습할 때에는 크롬을 이용하고자 합니다. 크롬으로 네이버에 접속하고 F12 또는 「Ctrl + Shift + I」를 누르면 위 사진과 같이 개발자 도구가 나옵니다. 문서에 표시되는 컨텐츠 위 코드가 바..

더 읽기

HTML의 의미와 역사를 함께한 팀 버너스 리

웹 언어 배우기/HTML 다한(dahan) 2018. 10. 19. 07:00

HTML의 의미HTML은 HyperText Markup Language의 약자로 하이퍼텍스트를 가장 중요한 특징으로 마크업이라는 형식을 가진 컴퓨터 프로그래밍 언어 입니다. (프로그래밍 언어지만 마크업의 형식이 강해 마크업 언어라고 불리고 있습니다.) 하이퍼텍스트는 텍스트를 뛰어넘는다는 것을 의미하며 그것은 곧 링크를 의미합니다. 링크가 무엇입니까? 네이버 웹툰을 누르면 웹툰 페이지가 나오는 것처럼 현재 있는 홈페이지에서 다른 홈페이지로 연결하여 그 페이지로 이동하는 것을 말합니다. HTML에서의 하이퍼텍스트는 다음의 형태(태그)로 코딩할 수 있습니다. 한가지 예로 자신이 만든 홈페이지에서 네이버로 이동하게 만드는 태그입니다. 네이버로 이동 태그 : 링크href 속성 : 링크가 연결되어 페이지의 주소를 ..

더 읽기

Copyright © 다한의 웹 블로그 All Rights Reserved

Designed by JB FACTORY

티스토리툴바