전체 글 (117) 썸네일형 리스트형 [Vue] 스크롤 바 숨기기 #side {-ms-overflow-style: none; /* IE and Edge */scrollbar-width: none; /* Firefox */} #side::-webkit-scrollbar {display: none; /* Chrome, Safari, Opera*/} 이중 스크롤 표시 등으로 보기에 불편할 때 다음과 같은 코드를 이용해 스크롤 기능은 유지한 채, 스크롤바를 안보이게 처리할 수 있다. [Web] Vue 화면 새로 고침 this.$router.go(); Vue 화면 새로고침 [Web] 이미지 혹은 텍스트 등에 마우스 커서 효과 넣어주기 웹 개발 시, 이미지나 텍스트 등에도 버튼과 같이 마우스 올리면 버튼처럼 보이게 하는 효과 넣어주기 style="cursor:pointer;" 다음과 같이 커서 효과를 넣어주면 된다. [Web] app.vue 실행 시, 여백 제거하기 app.vue를 통해 화면을 처음 띄울 경우 상하좌우에 8px의 여백이 있다. body{ margin: 0px} 을 넣어주면 없어진다. [Web] ENV 설정 & Vue process.env.NODE_ENV 설정 vue.config.js 생성 시, 아래와 같이 배포 모드와 개발자 모드로 나누어 진행할 수 있다. module.exports = { // options... publicPath: process.env.NODE_ENV === 'production' ? '/dfddd/' : '/frontend/', devServer: { disableHostCheck: true } } process.env.NODE_ENV = 'production' - 배포 모드 process.env.NODE_ENV = 'development' - 개발자 모드 이 외에 env에 대해서 좀 더 알아본 링크를 첨부합니다. http://afrobambacar.github.io/2017/03/proccess-env-of-nodejs.html No.. [Web] Nginx & Vue Proxy 연결하기 Node와 동일한 방법으로 진행하였으나, 연동이 되지 않아 방법을 바꾸어 진행하였습니다. 먼저 Nginx 쪽 코드 다음과 같이 원하는 location을 지정합니다. 그리고 proxy_pass 쪽에도 동일한 값을 입력해줍니다. 다음은 이제 Vue 쪽 config 파일을 수정합니다. 만약 Vue쪽에 config 파일이 없다면, root 경로에 vue.config.js를 만들어 줍니다. [vue.config.js 파일을 만드는 경우라면 반드시 root 경로인지 확인해주세요. 다른 경로에 작성 시 동작하지 않을 수 있습니다.] 다음 vue.config.js 파일은 아래와 같이 작성해줍니다. module.exports = { // options... publicPath: process.env.NODE_ENV ==.. [WEB] Nginx 기본 설정 방법 Nginx 설정 중 서버쪽 포트, root 설정, 도메인 설정 시에 참고 했던 링크입니다. https://architectophile.tistory.com/12 [Nginx] 기본 설정 방법 [Nginx] 기본 설정 방법 Nginx는 가벼운 고성능의 웹서버로서 높은 트래픽 처리를 위해 디자인되었다. Nginx의 가장 강력한 기능 중 하나는 HTML이나 미디어 파일 같은 정적 컨텐츠를 효율적으로 서브 architectophile.tistory.com [Web 지식창고] htm과 html 의 차이는? htm과 html의 차이에 대한 설명 https://helloitstory.tistory.com/314 확장자 htm과 html의 차이는 ? 웹 프로그래밍을 하다보면 html과 htm으로 마크업 언어 (Markup Language) 파일의 형식이 두가지가 있습니다. 사실 이 둘은 서로 같은 형식의 파일입니다. 원래 명칭은 html이였으나 확장자로서 html대신 helloitstory.tistory.com 이전 1 2 3 4 5 6 7 ··· 15 다음
