[HTML JS] data 속성(data attribute) HTML 학습중 data 속성을 알게되었다. 태그에 데이터를 저장? 지정? 하는 속송 사용법 예시 신기했던 것은 javascript에서 데이터에 접근할 때 "ele.dataset.데이터이름"으로 접근하는 것이다. html에서는 분명 데이터 이름을 "place-name"으로 작성했는데 js에서는 placeName으로 접근이 가능했다. 자동으로 이름을 js에서 가능한 이름으로 변경하는 것 같다. 몇 가지 실험을 했다. 1. js 코드 수정 elem.dataset.placename => 동작X -> HTML에서 하이픈(-)으로 작성한 코드는 js에서 대문자로 접근해야하는 것 같다. 2. html 코드 수정 data-placename으로 데이터 속성 수정 js에서 elem.dataset.placename으로 접.. 2022. 1. 23. [CSS] 브라우저 스타일 초기화 크롬, 엣지, 파이어폭스, 사파리는 각각 브라우저의 디폴트 스타일을 갖고 있다. 위와 같이 간단하게 div를 생성하고 실제 브라우저로 확인하면 아래와 같은 스타일이 적용되어 있다. 이런 브라우저 기본 스타일은 초기화하여 모든 브라우저에서 같은 모양을 하는 것이 좋다. reset.css 링크를 하는 방법을 사용하면 된다. https://www.jsdelivr.com/package/npm/reset-css jsDelivr - A free, fast, and reliable CDN for Open Source Supports npm, GitHub, WordPress, Deno, and more. Largest network and best performance among all CDNs. Serving mor.. 2022. 1. 22. [CSS] favicon(파비콘) WIKI : favicon이란 인터넷 웹 브라우저의 주소창에 표시되는 웹사이트나 웹페이지를 대표하는 아이콘이다. favicon은 주소바, 페이지탭, 북마크등에 표시된다. favicon은 GIF, PNG 또는 ICO 파일로 16 X 16 (pixel) 형식이었다. 하지만 사용자의 사용 환경이 변화함에 따라 진화했다. ICO, PNG, GIF 는 대부분의 브라우저가 지원하지만 다른 확장자는 일부 지원안하기 때문에 유의해야할 것 같다. 파비콘은 예를 들어 이런것이지 않을까 생각된다. Youtube 페이지 소스에서 favicon을 검색 하면 아래와 같은 html코드를 확인할 수 있었다. 궁금증1 shortcut icon과 icon의 차이는? shortcut icon은 과거에 사용하던 방식으로 현재 사용을 지양한.. 2022. 1. 18. [HTTP] 웹 데이터 전달 방식 GET방식 POST방식 GET 방식과 POST 방식 모두 HTTP 프로토콜에서 제공하는 메서드이다. 먼저 HTTP 프로토콜에 대해 간략하게 알아본다. HTTP프로토콜은 클라이언트와 서버 사이에 이루어지는 요청/응답(request/reponse) 프로토콜이다. → 클라이언트(웹 브라우저)가 HTTP를 통해 서버로 웹페이지(HTML)을 요청하면 서버는 응답하여 필요한 정보를 전달한다. GET 방식과 POST 방식은 이 HTTP프로토콜의 메서드 중 일부이다. https://developer.mozilla.org/ko/docs/Web/HTTP/Methods HTTP 요청 메서드 - HTTP | MDN HTTP는 요청 메서드를 정의하여, 주어진 리소스에 수행하길 원하는 행동을 나타냅니다. 간혹 요청 메서드를 "HTTP 동사"라고 부르기.. 2022. 1. 16. 이전 1 2 3 4 다음
