개발 무지렁이

𐂂 (1) 스프링부트 정적 콘텐츠 기능 정적 콘텐츠 파일을 그대로 클라이언트로 내려준다. localhost:8080/hello-static.html과 같은 url로 접근했을 때, hello-static와 매핑되는 컨트롤러를 찾아서 없으면, 🗂️resources/static에서 hello-static.html을 찾아서 있으면 반환한다. 매핑되는 컨트롤러가 있고, 리턴값으로 문자를 반환하면, 뷰 리졸버가 화면을 찾아서 처리한다. (스프링부트 템플릿엔진 기본 viewName 매핑, 🗂️resources:templates/ + {viewName} + .html) 𐁍 MVC와 템플릿 엔진 Model View Controller 방식으로 쪼개고, view를 찾아 템플릿엔진에 연결해주는 구조 (

DOM(Document Object Model) 웹페이지가 로드될 때, 브라우저가 생성하는 문서객체모델 (element기반, Tree형태) (문서의 구조화된 표현을 제공) WHY? DOM을 기준으로 element를 찾아서, 추가, 속성추가, 제거 등 재구성할 수 있다 DOM에 결과 반영 및 렌더링 BOM(Browser Object Model) 원래 브라우저(Browser)가 내장하고 있는 객체 (window, document, location, history, screen, navigator)

인터프리터 언어, JavaScript 웹페이지의 보조적 기능을 수행하기 위해 브라우저에서 동작하는 경량 프로그래밍 언어로 시작하여 브라우저의 '표준 프로그래밍 언어'로 자리잡았다. ⚠️ 되도록이면 뒤에쓴다 or onload를 사용하거나 ⚠️ 📌. JavaScript의 최고조상 window 🌝 인터프리터 언어 -> 매번 런타임에 한줄씩 바이트코드로 변환후 실행 (코드 실행속도 느림) -> 실행파일 생성x 🌚 컴파일러 언어 -> 컴파일 타임과 실행단계 분리 (코드 실행속도 빠름) -> 실행파일 생성 크로스 브라우징 이슈와 표준화된 ECMAScript6 ❗ 크로스 브라우징(Cross Browsing) 이슈 : 브라우저에 따라 웹페이지가 정상적으로 동작하지 않는 현상을 말한다. 모든 브라우저에서 정상적으로 동작..