김루루의 개발일기

때는 html과 css를 대~충 배우고 뭔가를 빨리 만들어 보고 싶은 생각에 클론코딩을 도전해봤다. 먼저 유튜버 드림코딩 엘리님의 "반응형 헤더 따라만들기"랑 "반응형으로 유튜브 사이트 따라만들기(UI만)"를 해봤다. https://youtu.be/67stn7Pu7s4 드림코딩 엘리님의 유튜브 따라만들기 (반응형) 이건 내가만든 것! 웹페이지를 만드는건 처음이라 거의 엘리님의 코드를 따라쳤지만 너무너무 재밌었다ㅋㅋㅋㅋㅋㅋ 재미를 붙이고 나니 더더 뭔가를 만들고 싶어서 그중에 드림코딩 엘리님의 무료 강의 였던 쇼핑몰 미니게임을 수강했따 드림코딩 엘리님은? 유튜브로 알게된 프론트엔드 현직 개발자 이신데 나같은 개발자를 준비하고 있는 예비개발자나, 현업에서 일하고 있는 모든 분들에게 유용한 채널을 운영하고 계..

◎ 제목 태그 (headings) (숫자가 커질수록 글씨크기가 작아짐) 안녕하세요 저는 제목입니다 안녕하세요 저는 제목입니다 안녕하세요 저는 제목입니다 안녕하세요 저는 제목입니다 안녕하세요 저는 제목입니다 안녕하세요 저는 제목입니다 ◎ 문단 태그 (paragraph) 한 문단을 이루는 태그 저 푸른 바다에 풍덩 뛰어들어 가뿐히 잊을 수 있으리 흰 솜사탕 구름 한 조각 한 입 깨물어 먹으면 ◎ 강조 태그 (Emphasis) (자동으로 기울기 됨.) 강조되는 태그 strong 태그는 웹사이트에서 실제로 변화되는 것은 없지만 웹을 읽어주는 프로그램에서 강조해야 되는 부분을 알려준다 ◎ 줄바꿈 태그 (남용하면 안됨...!) br태그가 p태그와 다른점은 닫는 태그가 없다. P태그는 문단덩어리로 나눠준다. br태그..

사실 HTML은 유튜브를 통해 생활코딩, 드림코딩과 do it! html+css+js 책을 통해서 공부했다. 그동한 공부한 html을 정리하는겸 블로그에 복습하는 글을 작성하려고 한다. HTML 코드를 작성할때 의미 있게 작성하는것이 중요하다. 이 코드를 왜? 썼는지 논리적인 이유를 설명할 수 있어야 한다. 코드를 의미 있게 작성한다? = 시멘틱하게 작성한다. HTML의 태그들은 보통 로 시작해서 로 이루어져 있다.(예외도 있음!) 속성은 태그가 담지 못하는 추가적인 역할을 한다. 오늘은 여기까지(?) 끝 -!