크롬 개발자 도구(source)로 간편하게 코딩 하기 이번 포스팅에서는 크롬 개발자 도구를 가지고 html / css / javascript 를 작성하고 바로바로 확인하는 방법을 알아보도록 하겠습니다. 많은 분들이 에디터 환경에서 직접 코딩을 하고 계실텐데 HTML과 CSS 를 작성하고 바로바로 확인해 볼 때 에디터를 이용하면 조금 불편한 점이 있습니다. 에디터 중에도 편하게 사용할 수 있는 것이 있지만 더욱 간편하게 크롬 개발자 도구를 이용해서 코딩하는 방법을 소개해 드리겠습니다. Source > Filesystem 이용하기 먼저 Ctrl+Shift+I (Windows) 나 Cmd+Opt+I (Mac) 를 이용해서 크롬 개발자 도구를 띄워줍니다. 그리고 source > filesystem 을 선택해줍니다. 그리고 + 버튼을 눌러 원하는 위치에 폴더를 하나.. 프로그래밍/html 4년 전
[html] html5 시맨틱 태그란? 태그별 사용법 html을 이루는 기본 단위로 태그라는 것이 있다. 가장 대표적인 태그로는 div 태그가 있는데 이런 식으로 사용을 한다. div 태그의 가장중요한 역할은 여러가지 요소들을 한데 묶어주는 역할을 한다. 아이폰 사용법 아이폰이란 어른폰과 대비되는 제품으로, 많은 앱등이들을 만들어 낸 좋은 전화기이다. 위와같이 제목과 내용을 분리하는 역할을 한다. 여기에서 div태그의 역할은 하나로 묶어주는 것 그 이상도 이하도 아니다. 사실 예전에는 그런식으로 사용을 많이 했었고 그렇게 사용해도 아무런 문제가 없다. html5부터 여러가지 시맨틱 태그들이 생겨났다. 그렇다면 시맨틱 태그란 무엇일까? 시맨틱 태그란? 위에서 div는 아무런 의미를 가지지않는 묶기의 의미만을 가지고 있었다면 시맨틱 태그는 이러한 태그에 의미가.. 프로그래밍/html 4년 전
