전체보기
-
Vue.js) Vue3.0에서 vuex 사용하기Programing Language/Vue.js 2021. 12. 9. 14:50
Vue 3버전에서 vuex 사용하기 그냥 npm i vuex --save를하게 되면 vuex3.x 버전이 설치됩니다. Vue3.x은 vuex4.x과 호환이 됨으로 기존의 버전은 삭제해줍니다. npm uninstall vuex npm install vuex@next --save store/index.js store.js를 만든후 createStore를 통해 store를 생성하자. // /store.js import { createStore } from 'vuex' export const store = createStore ({ state: { }, getters: { }, mutations: { }, actions: { }, }) main.js에 import합시다 // main.js import { cre..
-
리눅스 로컬 서버에 열린 포트 Listen 하고 있는지 확인하는 방법Programing Study/네트워크 2021. 12. 8. 14:35
# netstat -tnlp # lsof -i -nP | grep LISTEN | awk '{print $(NF-1)" "$1}' | sort -u # nmap localhost https://zetawiki.com/wiki/%EB%A6%AC%EB%88%85%EC%8A%A4_%EB%A1%9C%EC%BB%AC%EC%84%9C%EB%B2%84_%EC%97%B4%EB%A6%B0_%ED%8F%AC%ED%8A%B8_%ED%99%95%EC%9D%B8 리눅스 로컬서버 열린 포트 확인 - 제타위키 다음 문자열 포함... zetawiki.com
-
Vue) swiper 현재 이미지 슬라이드 index(번호) Callback함수로 받기Programing Language/Vue.js 2021. 12. 3. 16:51
vue : 3.0.0, swiper : 7.0.0 다음과 같이 코드를 사용하면 됩니다. (앵간한 구글링, stackoverflower에서는 전부다 맞지 않아서 하나하나 값 찾아가면서 구현했습니다.) Templelte computed computed: { swiper() { return this.$refs.mySwiper; } }, Medtohd methods: { slideChangeTransitionStart(index) { console.log(index.activeIndex) }, }, 도움 되셨다면 하단의 광고 한번 클릭 부탁드립니다!!
-
CSS) 스크롤 없애고 기능은 계속 사용하기Programing Language/CSS 2021. 12. 1. 13:06
웹앱을 만들때면 스크롤은 사용하면서 스크롤 바는 없애고 싶을때가 있다. 그럴때 다음과 같이 사용하면 된다. /* Hide scrollbar for Chrome, Safari and Opera */ .example::-webkit-scrollbar { display: none; } /* Hide scrollbar for IE, Edge and Firefox */ .example { -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ }
-
-
DNS) A레코드와 CNAME의 차이Programing Study/네트워크 2021. 11. 27. 22:22
가비아, 후이즈, 고대디 등의 DNS를 이용해서 커스텀 도메인을 사용할 때, 서브 도메인을 등록하기 위해서 CNAME과 A 레코드 같은 정보를 DNS 서비스 홈페이지에 등록해야한다. 둘 다 서브 도메인을 등록하기 위해 필요한 정보라는 것은 알겠는데 정확히 어떤 차이가 있는 것인지 알아봤다. DNS 인터넷을 구성하고 있는 IP 주소는 IPv4의 경우 192.168.0.1 같이 숫자로 구성된다. 이런 숫자는 아무런 의미도 없기 때문에 외우기 힘들다는 단점이 있다. 따라서 naver.com 같은 문자열로 서버 주소를 표현하게 되었다. 다만 실제 컴퓨터 통신에서는 naver.com이라는 문자열 주소를 192.168.0.1 같은 IPv4 주소로 변환해주는 서비스가 필요하다. 이런 서비스를 DNS 서비스라고 한다...
-
Vue.js) 연관없는 컴퍼넌트들끼리의 데이터 전송 Vue3.x (이벤트 버스)Programing Language/Vue.js 2021. 11. 26. 16:40
개발을 하다보면 부모-자식 뷰의 관계가 아닌 여러 자식 뷰 들 사이에서 데이터를 전송해야하는 일들이 발생한다. 이런경우 Vue2.0에서는 eventBus를 사용했지만 참고:https://v3.vuejs.org/guide/migration/events-api.html#overview Vue3.x 부터는 Mitt라는 라이브러리를 사용한다. 설치 npm i mitt --save ------------------------ //파일명 mitt.js import mitt from 'mitt' const emitter = mitt(); export default { install(Vue) { Vue.config.globalProperties.emitter = emitter } } -------------------..