Frontend 개발자 - hyo.loui

❤️‍🔥TIL : Today I Learned semantic tag 시멘틱(semantic) 태그 의미가 부여된 태그라는 뜻 입니다. 사용해야 하는 이유와 종류를 알아봅니다. 시맨틱 태그란? - HTML 태그에서 가장 기본적으로 쓰이는 태그는 태그 입니다. - HTML5 부터 등장 했습니다. 예를 들자면 같은 태그가 있습니다. 이 태그를 보면 직관적으로 태그라는 것을 알 수 있습니다. 시맨틱 태그를 사용해야 하는 이유 - HTML 문서 레이아웃을 만들 때 시맨틱 태그를 사용하지 않고 태그를 활용하여도 무방합니다. 하지만 우리가 시멘틱 태그를 사용해야 하는 이유를 설명 드리겠습니다. 1. 가독성과 유지보수가 쉬워집니다. 모든 태그가 div라고 한다면 한눈에 파악하기 어렵고 태그 영역이 햇갈립니다. 2...

❤️‍🔥TIL : Today I Learned 모던 자바스크립트 스터디 주제 : 모듈 리액트 사용, 여러 js를 묶어놓은 index.js 등을 html 파일에 연결시킬 때 script 태그 안에 작성하는 속성으로 타입을 모듈로 작성해준다 type="module" 모듈은 파일의 크기가 커지면 커질수록 사용 가능성이 높으며 프로젝트 간 필수적으로 사용 할 수밖에 없는 기능이다 모듈 타입은 기본값으로 defer 속성이 있다 즉, html 요소가 모두 파싱이 된 이후 script를 실행한다 여기서 defer와 async 의 차이점이 궁금해져 공부했다. 공통점 : 스크립트를 다운로드하는동안 HTML 이 중단되지 않음 defer : html 다 다운받고 나서 dom 조작 가능 할수 있도록! script 가 html..