html3 HTML - 공식문서 1.8 HTML vs XML syntax HTML 스펙 문서를 읽고 간추리고 번역하고 정리해 보았다(부족한 부분이 있다면 댓글로 남겨주세요~) 1.8 HTML vs XML syntax 문서와 프로그램을 설명하는 추상 언어와 해당 언어를 사용하는 자원들(DOM)의 인터랙션을 위한 API 를 정의해보자. 이 자원들(in-memory representations)은 DOM HTML 혹은 DOM 이라고 짧게 줄여 말할 수 있다. 이러한 자원들을 전송하기 위해 사용되는 다양한 콘크리트 syntax(구문)들 중 2가지를 소개해보겠다. 첫 번째로 소개할 형식은 HTML 이다. 이 구문는 대체로 널리 사용되고 있는 포맷이고, 레거시 브라우저들과도 호환이 가능하다. [text/html] 와 같은 mime type 을 네트워크 헤더에 포함시킨 문서.. 2025. 1. 7. HTML - 공식문서 1.7 Design notes 그간 미루어 왔던 HTML 스펙문서를 읽고 정리해 보았다.영어실력도 기를 겸 영어문서를 내가 이해한 방식으로 정리도 함께 해보려고 한다. 1.7 Design notesHTML 을 처음 볼때 비합리적이고 일관성이 없어보인다. 많은 DOM API 를 서포팅하는 HTML 은 수십년 동안 많은 케이스 중에서 서로의 존재를 몰랐던 많은 사람들은 다양한 우선순위를 가지고 발전해왔다. HTML 의 기능들은 많은 소스들에 의해 만들어졌고, 항상 일관성있게 고안되지는 않았다.게다가 implementation 된 버그가 사실상(de-facto) 표준이 되었고, 이제는 법적(de-jure) 표준이 되었다.버그가 수정되기 전에 종종 콘텐츠가 그 버그에 의존하는 방식으로 작성되기 때문이다.그럼에도 불구하고 design g.. 2024. 8. 19. JavaScript - async / defer 스크립트 속성 (feat. kakao sdk 로컬 에러) 카카오 sdk 는 로컬에서 돌아가지 않고 퍼블릭 url 에서만 돌아가게 된다. 스크립트 형식으로 삽입되면 에러를 내뱉을 때까지 한참을 기다려야 해서로컬 개발 환경에서의 개발자 경험이 좋지 못하다. // .... err// 나 : 잉....? 왜 안되지? 왜 그럴까html 은 async script 안에 async 속성을 사용하면 마찬가지로 브라우저는 백그라운드에서 다운로드한다.따라서 스크립트를 다운로드 하는 도중에도 HTML 파싱은 계속된다. 파싱이 완료 된후 스크립트는 실행된다.defer 와 달리 DOMContentLoaded 이벤트를 신경쓰지 앟고 HTML 파싱 후 그냥 되는데로 실행이 된다.실행순서가 보장이 안되고 제각각이다. 해결async 옵션을 통해 비동기적으로 완료되는대로.. 2024. 7. 15. 이전 1 다음 반응형