목록tag (3)
NOW OR NEVER
필수로 알아야하는 semantic tags semantic tags(semantic markup) : semantic의 뜻은 의미의, 의미가 있는 이다. 우리가 사용하는 물건에도 언제 어디에 써야하는 지 등의 저마다의 의미를 가지고 있는 것처럼 html 태그 또한 의미를 가지고 있다. sematic tags를 잘 활용해야 하는 중요한 이유 SEO(Search Engine Optimazation) : 검색을 최적화 하기 위해 Accessibility : 웹 접근성 때문이다. screen reader를 이용하거나 키보드만 이용해서 등의 웹사이트를 이용하는 경우 문제없이 잘 동작될 수 있게 하기 위해 Maintainability : 개발자들을 위해서, 개발자가 html 코드를 바라봤을 때 한눈에 웹사이트 구조..
두 번째 과제와 퀴즈! 저번만큼의 난이도로 예상하고 얕잡아 봤는데 어려웠다. 역시 매주 강의를 들으며 강의 내용을 요약한게 많은 도움이 됐다. 정리를 안했더라면 퀴즈 볼 때 머릿속이 까맣게 변했을 것이다. 아는 것 반 모른 거 반이지만 문제를 보고 판단할 정도의 능력은 갖출 수 있었다. 과제 또한 1주차 때보단 어려웠지만 들었던 강의 내용을 곰곰히 생각해보면서 하니까 얼추 완성은 할 수 있었다. 이론 상으로는 알고 있는데 코드로 적용시키는 것이 어려웠었던 것 같다. 앞으론 강의 정리한 것을 토대로 코드로 옮기는 연습을 더 많이 해야 겠다. 1. form 태그 : 여러 입력 양식들의 범위 지정하고, 범위 안에 들어있는 여러 양식의 정보를 특정 페이지를 전송하기 위해 사용 ex) 로그인페이지 display:..
스크립트 태그 : 스크립트 태그 내부에다가 js 내용 삽입(스크립트 코드를 html에 직접 작성)하거나 외부 js를 src로 가져올 때 사용한다 - head 태그 안에 작성하는 것이 일반적이지만 body 안에 가장 끝에 쓸 수 있다. const myName =document.getElementById('my-name'); -> 이거 실행하고 싶으면 heropy을 먼저 실행 시키고 이게 실행되야 한다 1. 속성 -async 속성 : html에서 스크립트의 비동기적 실행 여부, 직접적으로 입력하는 경우는 없음, src 속성이 필수(외부js를 활용한다는 뜻) * js의 동기적 실행과 비동기적 실행: 동기적인 실행은 js 코드가 순차적으로 위에서 아래로 순서대로 실행되는 것, 비동기적 실행은 순차적으로 실행되는..