script 태그의 위치 는 렌더링에 많은 영향을 끼치기 때문에, 코드를 작성할 때 script 태그를 어디에 삽입해야할지 충분히 생각을 해야한다. DOM이 완성되지 않은 상태에서 자바스크립트가 DOM을 조작하려고하면 에러가 발생한다. 잘 알려져있는 방법으로는 총 4가지가 있다. head 안에 존재하는 경우 body 끝 부분에 존재하는 경우 head + async head + defer 1. head 안에 존재하는 경우 - HTML parsing 중 잠시 멈추고 필요한 JS 파일을 서버에서 다운 받고 실행한 다음 다시 parsing 단점 - 내 JS 파일 사이즈가 크고, 인터넷도 느리다면 사용자가 내 웹사이트를 보기까지 많은 시간이 소요됨 2. body 끝 부분에 존재하는 경우 - 브라우저가 HTML을 ..
인라인태그 태그 안 내용만큼만 자기 내용 옆으로 쌓임 자리가 있어야됨 아니면 밑으로감 너비, 높이 지정 안됨 → a, 텍스트 태그, 이미지태그 블럭태그 한 행을 다 씀. 밑으로 이어짐 아래로만 쌓임 옆으로 못옴 → h, p , ul, ol, li, dl, dt, dd 등 div, span 태그 해당 항목을 그룹핑 해주는 태그 div : 블럭태그를 묶어줌 여러개의 태그를 이동시키기에 유리 자식요소는 부모요소를 벗어날 수 없음 문서정리하는데 폴더가 없는 것 span : 인라인태그를 묶어줌 ㄴ 그린 컴퓨터 아카데미 비쥬얼스튜디오코드 ! + enter : 자동으로 만들어짐 ctrl + (/)슬러쉬 : 주석 (나만 봄) ( * 숫자 ) : 곱하기 ul>li : 같이 만들기 모바일 기기 : 사..
웹 브라우저 언어 (사용자측) ** html 확장자 html → 뼈대 장점 : 배우기 쉽다 시작태그, 닫기태그 태그 안에 적는 것 → 속성 = : 속성 값, " " 로 감싸기 a : 여기서부터 여기까지야~ 시작부터 끝까지 → 요소 (가장 큰 단위) 속성, 태그, 요소 : 정확히 알고있어야됨 ** css → 꾸며줌(포토샵처럼) ** javascript → react 웹 서버 언어 (실질적인 내용) - php 데이터 베이스 - mysql HTML - (.html) 꼭 적어주기 - F12 → Elements : 개발자 창 - ctrl + f : 검색 href : 필수 title : 마우스 올렸을 때 말풍선 target : 새로운 페이지에서 링크열림 body head meta charse..
