개발자도구(F12)로 웹사이트 HTML 문서 수정하는 방법 두 가지

오늘은 HTML문서 웹사이트를 개발자도구로 수정하는 두 가지 방법을 정리한다. 첫번째는 Edit as HTML을 활용해 직접 ul, li 태그로 목록을 만드는 것이다. 두번째는 console 창에서 수정할 문단의 태그를 getElementById로 불러와 ul, li 태그를 삽입하는 방식이다. 아래의 소제목중 '2) 개발자도구 활용' 부터 보면 된다. 1) 기본 작업 (1) 실습할 HTML 문서를 만든다. 단, 이미 실습할 웹사이트나 HTML이 있으면 이 단계를 생략하고 거기서 바로 개발자도구 열면 된다. 문서의 타입을 지정한다. ▶이 공간은 지금은 비어있지만, 개발자도구에서 innerHTML을 활용하거나 JS를 이용해 조절할 예정인 부분이다. ▶JS를 HTML과 연동하는 코드이다. (2) HTML 문서..

2022.02.04