나만의 깍두기판

시멘틱 태그(semantic tag)- 의미가 있는 태그들로, html 문서 내의 가독성 개선과외부 검색 엔진(SEO)에도 내 문서 내의 어떤 부분이 메인인지 보여줄 수 있도록최적화 시켜줄 수 있는 부분을 담당한다.또한 개발자의 유지보수 및 웹페이지를 시각적이 아니라, 음성으로 읽어주는'스크린리더'를 이용하거나 웹 접근성에 유용하다. 시멘틱 태그의 종류- header: 상단, 헤더를 의미한다.- nav: 메뉴, 내비게이션을 의미한다.- section: 여러 중심 내용을 감싸는 공간을 의미한다.- main: 내용의 중심을 의미한다.- article: 글자가 많이 들어간 부분을 의미한다.- aside: 사이드에 위치하는 공간을 의미한다.- footer: 하단, 푸터를 의미한다. form 태그- 폼은 사용자가..

서버와 클라이언트- 클라이언트: 서버에게 요청하는 대상- 서버: 요청받은 서비스를 응답해주는 대상서비스는 회원이 이용할 수 있는 기능들을 서비스라고 한다.서버는 하나의 컴퓨터이다. 웹 브라우저- 요청과 응답이 일어나는 장소 웹 브라우저(web browser)- 사용자의 요청에 맞는 주소로 찾아가서 인터넷 컨텐츠(문서, 그림, 멀티미디어, 파일 등)을 검색 및 열람 후 사용자에게 응답하기 위한 프로그램의 총칭이다.- 주요 웹브라우저: 모질라 파이어폭스, 구글 크롬, 마이크로소프트 엣지, 오페라, 사파리 등이 있다. 프로토콜(protocol): 통신 규약- 사람끼리 소통할 때 서로 이해할 수 있는 공용어를 사용해야 하듯이 컴퓨터끼리도 공용어를 사용해야 한다.- 이러한 공용어를 원활하게 통신하기 위해서 필요한..

안녕하세요. 최삐뚤빼뚤씨입니다. 오늘은 웹 개발에 대해 알아보려고 해요. 웹 개발을 시작하려면 먼저 HTML이라는 언어에 대해 이해하는 것이 중요한데요. HTML은 HyperText Markup Language의 줄임말로, 웹페이지를 만들기 위해 사용되는 언어입니다. 이 언어를 통해 웹페이지의 구조와 내용을 작성할 수 있어요. 웹 개발을 시작하는 분들에게는 반드시 알아야 할 첫걸음이죠! 아마 처음 보신 분들은 HyperText가 뭔지, Markup Language는 뭔지 어려우실 수 있어요. 하나씩 차근차근 설명 드리도록 하겠습니다. 모두 웹 개발의 기본이 되는 내용들이니 잘 숙지하시기 바랍니다😊 참고로, 저는 없는 대학생 용돈을 탈탈 털어.. 구매한.. 'Do it! HTML5+CSS3 웹 표준의 정석..