반응형 url3 HTML, CSS 배경관련, margin collapse, position - 배경 이미지삽입하기 (background-image) - margin collapse (테두리가 겹쳐질 때 div margin이 합쳐지는 현상) ->하나의 혹은 바깥 div에 padding 1px라도 주면됨 - 박스가 붙어 있을 때도 마찬가지(위아래로) 이럴때는 margin collapse가 합쳐지는게 아니라, 더 큰 margin을 따라가게 된다. (우측 그림처럼) - 배경관련 CSS속성 .main-background { background-image : url(../img/shoes.jpg); background-size : cover; background-repeat : no-repeat; background-position : center; background-attachment : fixed;.. 2023. 4. 21. Vue.js vue-rotuer, 라우팅하기 - vue-router 기본적인 프로젝트 주소에서 다른페이지로 라우팅 할때 쓰는 도구이다. 사이트주소/detail, 사이트주소/detail/0, 사이트주소/mypage, 사이트주소/home 이런식으로 사용할 수 있다. 사용하기 위해선 설치먼저 해줘야한다. npm install vue-router@4 https://router.vuejs.org/ Vue Router | The official Router for Vue.js The official Router for Vue.js router.vuejs.org import { createWebHistory, createRouter } from "vue-router"; const routes = [ { path: "/경로", component: 컴포넌트, } .. 2023. 4. 2. React Router 이와같은 창에서 각 상품별로 상세페이지를 이동할때 라우팅을 사용하면 매우좋다. 부드럽게 작동하기도하고 별도의 페이지를 만들기보다 컴포넌트 형태로 이동할 수 있다. 리액트 라우터를 사용하려면 설치부터해야한다! npm install react-router-dom@5 yarn add react-router-dom@5 둘중 하나 사용해주면된다, 구글 검색하면서 세팅하도록하자 그리고 index.js에서 아래와같이 세팅해줘야함 import { BrowserRouter } from 'react-router-dom' // 이거 하나를 불러와 줘야한다. /같은 경로없이 불러오는건 라이브러리다. // import { HashRouter } from 'react-router-dom' // 이와같이해도된다. 이건 주소에 #기.. 2022. 1. 13. 이전 1 다음 반응형
