분류 전체보기590 DOM, BOM DOM 자바스크립트 - 웹문서를 제어하기 위해 개발된 언어 HTML 파일을 자바스크립트로 어떻게 제어할 수 있는가? 브라우저 안에는 웹 문서를 해석할 수 있는 렌더링 엔진이 있다. 브라우저로 HTML 파일을 열게 되면 렌더링 엔진이 HTML로 작성된 문서를 한 줄 한 줄 해석한다. 해석이 끝나면 HTML 파일을 객체화 하여 자바스크립트로 접근할 수 있게 한다.-> 문서를 객체화 했다고 해서, 문서 객체 모델 (Document Object Model, DOM) 이라 한다. Dom은 Tree 구조를 가지고 있다. 브라우저 객체 모델 (BOM, Browser Object Model) 웹 브라우저를 객체화 한 것을 말한다.객체화 한 이유는, 브라우저를 스크립트 언어로 제어하기 위해서이다. https://w.. 2024. 9. 13. 1-11. slot slot이란?특정 부분만 html 요소를 재정의해서 사용할 수 있게끔 해주는 방식을 slot 이라고 한다. SlotView.vuetemplate> div> button class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#userModal" > Show Modal button> button class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#userModal2" > Show Modal button> slot-modal modalId="userModal"> temp.. 2024. 9. 13. 1-10. 재사용 컴포넌트, 심플 그리드 ListViewtemplate> div class="container"> button class="btn btn-primary me-1" @click="doSearch">조회button> button class="btn btn-danger" @click="doDelete">삭제button> 제품코드 제품명 제품가격 {{ drink.drinkId }} {{ drink.drinkName }} {{ drink.price }} --> simple-grid :headers="he.. 2024. 9. 13. 1-9. 재사용 컴포넌트, 부모<->자식 간 값 전달 template> h3>{{ title }}h3>template>script>export default { components: {}, props: { title: { type: String, default: '페이지 제목' } }, props에 정의되어 있는 데이터 변수들은 부모로부터 전달된 값들이다. 즉, props는 부모 컴포넌트에서 자식 컴포넌트로 값을 전달할 때 사용한다. ,custom event, emit, refs - 부모와 자식 컴포넌트간 값 전달을 위해 필요한 기능들 예제ParentView.vuetemplate> div> button @click="changeValue">변경button> child-com v-bind:str=".. 2024. 9. 12. 이전 1 2 3 4 5 6 7 8 ··· 148 다음
