webstructure (2) 썸네일형 리스트형 🌌 티스토리 광고 삽입 과정에서 발생한 “화면 기준 지시 충돌” 기록 🪐 1. 시작 — 명확한 위치 지정작업의 시작은 단순했다.👉 시작 꺾쇠 바로 앞 위치에 스크립트를 삽입👉 Ctrl + C / Ctrl + V로 코드 입력이 단계까지는 위치와 실행이 일치한 상태였다.🌠 2. 화면 변화 — 줄 번호와 구조 재정렬스크립트 삽입 이후 다음 변화가 발생했다.* 줄 번호 이동* 코드 정렬 변화* 화면 표시 구조 변경이 현상으로 인해 실제 위치가 이동한 것처럼 보였지만실제 구조는 유지된 상태였다.🚀 3. 핵심 충돌 — 해석 방식 문제문제는 코드가 아니라 해석 방식이었다.* 동일 위치를 다른 방식으로 설명* 화면 기준이 아닌 해석 기준 사용* 반복 확인 발생이로 인해 동일 작업이 여러 번 수행되는 구조가 만들어졌다.🌍 4. 사용자의 기준 — “화면 글자 1:1 매칭”사용자.. 🌌 HTML 삽입 오류처럼 보였던 순간 — 티스토리 광고 설정의 실제 구조 🪐 1. 앞이라는 미묘한 좌표이번 설정에서 가장 혼란이 생긴 지점은 위치였다.코드는 태그 “안”이 아니라 바로 앞쪽 경계선에 들어갔다.이 구조는 처음 보면 헷갈리지만, HTML에서는 정상적인 삽입 위치 중 하나다.웹페이지는 단순한 문서가 아니라 “구역별로 역할이 나뉜 구조”이기 때문이다. 앞은 화면이 그려지기 직전의 준비 구간이고,이곳에 삽입된 스크립트는 전체 페이지 실행 전에 먼저 로딩된다.🌠 2. 줄 번호가 움직인 이유 (24 → 29 착시 현상)처음 삽입 위치는 24번째 줄이었다.하지만 저장 이후 29번째 줄로 이동한 것처럼 보였다.이건 오류가 아니다.HTML 편집기는 스스로 구조를 재정렬한다.와 같은 블록 요소는텍스트가 아니라 “구조 단위”로 처리되기 때문에편집기가 자동으로 줄 번호를 다.. 이전 1 다음