웹 개발 강의를 들으며 블로그에 배운 내용들을 토대로 정리하고, 남는 시간에 글을 쓰면서 뇌이징을 하는 시간을 가지면 굉장히 좋겠다는 생각이 들어서 이렇게 배운내용을 하나하나 나누어서 올려보려 한다. 나중에 내가 보게 될지는 모르겠지만 쓴다고 해서 손해 볼 건 없을 것 같다. 모든 html문서의 시작은 해당 문서가 어떤 문서 형식을 따르고 있는지 선언하는 것 부터 시작한다. 물론, 대소문자의 구별은 중요하지 않다. 다만, 선언이 된 것이 중요할 뿐이다. 아래와 같이 말이다. 예제코드이다. 위에 급조해서 본문에 아무것도 없는 예제코드에도 doctype, DTD(Document Type Definition)라고 하는 문서의 형식 정의가 삽입되어 있는 것을 볼 수 있다. 해당 문단이 없거나 잘못 작성되어있다면..

doctype는 문서 형식 선언(Document Type Declaration)의 줄임말이라고 볼 수 있고, SGML (Standard GeneralStandard Generalized Markup Language)이나 XML (Extensible Markup Language)를 기반으로 문서의 해석 가능성과 유효성을 검사하기 위해 문서 내에 삽입 되는 선언문이다. xml은 w3c에서 개발한 마크업 언어를 사용한 체계인데, 궁금한 사람은 아래 링크를 통해 어떤 곳인지 알아보자. https://www.w3.org/ World Wide Web Consortium (W3C) Upcoming: W3C Workshop on Permissions 12 October 2022 | Archive W3C announce..

태그는 이후에 작성되는 필수태그 중 하나로, 헤드의 내부에는 각종 메타태그들이 삽입된다. 먼저, 아래 코드를 살펴보도록 하자. 러프의 아카이브 이곳은 본문이 작성되는 위치입니다. 위에 필자가 작성한 기본 코드에는 여러 태그와 요소가 보인다. 하지만 이번 포스트에서 알아볼 것은 오직 head태그이다. 그렇다. 태그는 말 그대로 html의 머릿말 역할을 하는 것으로, 페이지의 검색어, SEO등에 활용되는 태그, 태그, 네이버 서치어드바이저의 봇 들이 들어가는 태그 등이 수도 없이 들어간다. 뿐만 아니라 페이지의 전체적인 모양을 꾸며주는 CSS의 내외부 링크, JS의 내외부링크 까지도 해당 태그 안에 들어가게 된다. 아래의 예제 코드를 보자 위의 예제에서 강조된 코드를 보면 와 같이 사용 되는데, 해당 코드 ..

태그는 아래와 같이 html문서의 맨 처음에 위치하며, 해당 문서의 버전, 호환성을 정의한다. DOCTYPE html> 제목 입력칸 위의 코드는 VScode로 DOCTYPE html> 태그는 선언하지 않았을 때, 완성된 Web이 오작동을 일으키거나, 이미지, 폰트가 깨지는 등의 이슈 가 생길 수 있기 때문에 반드시 작성을 해야 한다. 물론 DOCTYPE의 종류가 하나가 아니라 아래 보이는 것 처럼 수도 없이 많지만, 현재 가장 최신화된 버전인 html5를 가장 많이 사용한다. HTML5. 위 설명을 읽고나서 직접 작성을 하면서 의문이 들었던 적도 있었다. 나는 VScode를 사용중인데, 자동으로 입력 되는 코드들에 보면 html5가 아니라 단순히 html이 적혀있는 것을 처음 보고는 잘못작성 했거나 익스..

페이지의 제목 로 작성되는 페이지의 제목 부분입니다. 해당 요소에는 다른 태그가 적용되지 않지만, 네이버나 구글 검색엔진에서는 해당 코드로 seo(검색 최적화)를 진행한다고 합니다. 위에 사진 처럼 나름대로 작성하고, 이해한 내용을 정리해보았습니다. 물론 이것들은 기본이 되겠지만, 돌이켜볼 때 뭔가 뿌듯할 것 같고 그래서 올려놓는게 욕심이 나는건 어쩔 수 없나봅니다.

이번에 이번에 회사 업무를 하다가 우연히 웹을 만져야 하는 경우를 접하게 되어 html이라는 것을 처음 수정해보게 되었습니다. 굉장히 새로운 경험이었고, 그 동안 겪어보지 못한 즐거움이 있었습니다. 회사일을 마치고, 주말에는 시간을 들여서, 혹은 쉬는 시간에 간간히 코드들을 만지며 혼자서 배워나갈 생각입니다. 물론 긴 시간이 걸리겠지만, 그래도 지금처럼 흥미를 가지고 하다보면 언젠가는 제 프로젝트를 진행해볼 수 있는 날도 오지 않을까싶다. See the Pen HTML의 속성 by 93Sangjunlee (@93Sangjunlee) on CodePen. 위의 코드는 제가 W3School이라는 곳에서 html의 구성요소와 html의 선언과 head, title 등의 각 요소, html의 인코딩 설정의 작성..

버펄로 교외 지역을 포함하는 크리스 제이콥스 하원의원은 연방 공격 무기 금지에 대한 그의 지지가 G.O.P.의 반발을 일으킨 후 선거 운동을 포기했다고 밝혔습니다. 텍사스주 버펄로와 우발데에서 발생한 치명적인 대량 총기 난사 사건 이후, 하원의원 크리스 제이콥스 의원은 연방정부의 공격 무기 금지령과 고용량 잡지에 대한 제한을 수용함으로써 동료 공화당원들을 놀라게 하였습니다. 제이콥스씨는 일주일 전 흑인 주민 10명이 학살당한 식료품점에서 약 10마일 떨어진 교외 버펄로 지역에서 연설하면서, "양심으로는 가만히 앉아서 내가 뭔가를 하려고 하지 않았다고 말할 수 없습니다"라고 말했습니다. 정치 세력이 그를 따라잡는 데는 7일밖에 걸리지 않았습니다. 같은 주 금요일, 당 지도부의 거센 반발, 주 당 대표의 예..

우리 주변에는 사람들이 밥 한 끼를 먹기 위해 줄을 서서 기다리는 맛집이 있죠. 인터넷과 일부 전문점에는 몇 달 전에 미리 주문해야 겨우 살 수 있는 제품이 있죠. 유명하거나 재미있는 영화와 공연 티켓은 발매하는 당일, 한순간에 매진되기도 하죠. 얼마 전 LG에너지솔루션처럼 상장되는 순간 따따상을 외치며 가치가 치솟는 주식이 있었죠. 심지어는 조립하기 전에 판매되는 자동차도 있고, 땅과 설계도만 있는 상태로 팔리는 부동산도 있어요. 이것들을 만들어내는 사람들은 고객을 따라다니지 않아요. 오히려 고객이 그들을 따라다니는 경우를 많이 접할 수 있어요. 선택할 것이 무한하게 많은 세상에서 왜 이런 일이 일어나는 걸까요? 얼마든지 다른 선택을 할 수 있는데, 어째서 사람들이 줄을 서고, 더 많은 돈을 지불하고,..

나이가 하나둘 들어가니, ‘한 직장을 오래 다니는 게 최고다.’라는 생각이 드네요. 아이가 어른이 되면 꿈이 없던 사람도 꿈이 생기고, 취준생은 회사에 입사하는 순간부터 ‘퇴사’라는 꿈이 생기죠. 장사를 하거나 사업을 시작하는 순간 성공과 은퇴를 꿈꾸게 되죠. 우리가 바라는 은퇴와 퇴사라고 하는 꿈에는 안정적인 수입이나 노후 자금을 충당할 수 있는 경제적 능력이 전제조건으로 따라다니는 경우를 많이 볼 수 있어요. 주변에서 말하기를 ‘로또’가 그 대안이다. 그래서 금요일 저녁이 되면 로또 1등 명당가게 앞에 길게 줄을 서나 봐요. 그렇지만 ‘로또’도 그 대안이 되기에는 조금 모자란 감이 있죠. 확률이 너무 낮으니까요. 그렇다면 주변 사람들에게 직장을 그만둔다고 말했을 때 가장 처음 듣는 이야기가 무엇일까요..