HTML2 html에서 js 연동 시 주의할 점 웹을 배운다면 html 파일에서 javascript 파일을 자주 연동한다. 연동 시 주의할 점에 대해 작성하겠다. 간단한 예시로 아래와 같이 html 파일을 작성하고 버튼을 만들어주었다. 그리고 같은 폴더의 006.js와 연결해주었다. js 파일에서는 html 문서에 있는 button 태그를 가져와 button 변수에 담고 콘솔에 찍어주게끔 했다. 그러나 콘솔에는 'null'이 뜨고 아무것도 없다고 나온다. 그 이유는 js 파일을 연결하는 코드가 html의 상단에 위치하여 js 코드를 먼저 읽었기 때문이다. html이 완전히 loading되기 전에 js 파일이 실행되어 문제가 발생했다. 해결방법은 두 가지가 있다. 해결방법 1 - html 코드 순서 변경 html 파일만 고치는 방법이다. html에서 코.. 2020. 3. 4. HTML 기초 What is HTML? HTML은 HyperText Markup Language의 약자로, 웹페이지의 틀을 만드는 마크업 언어다. 웹 페이지의 구조와 내용을 만드는 데 사용된다. 웹브라우저를 통해 보는 웹페이지나 웹 어플리캐이션들의 구조는 전부 HTML로 구성돼있다. HTML은 tag들의 집합이다. Tag는 부등호()로 묶인 HTML의 기본 구성요소인데, 아래와 같이 태그로 시작해서 태그로 끝나는 구조를 갖고 있다. Tree Structure 트리구조 태그는 쌍으로 되어있어, 태그를 열면 닫아줘야 한다. 여는 순서와 닫는 순서 역시 철저하게 지켜지고 있다. 이를 트리구조라고 한다. 부모노드는 자식노드를 가진다. 태그들의 의미는 다음과 같다. div 태그 VS span 태그 div 태그는 한 줄을 차지 .. 2019. 9. 3. 이전 1 다음
