Front-end(19)
-
[Vue.js] npm... 너란녀석을 어떻게 한담...
회사에서 vue 공부한다고 만들어 깃헙에 올린 프로젝트를 집에와서 클론을 하였다. 그런데.... npm run dev를 하니 에러가 뜬다...모듈을 못찾겠다고... 분명 설치했는데 왜 못찾는거야! npm install 대신 npm install --save-dev webpack-cli webpack-dev-server 을 해보았다. : webpack 의 버젼이 3.xx.x -> 5.xx.x 로 업그레이드되었다. 좋았어!!! 이젠 될 것 같다! npm run dev를 쳐보았다. [webpack-cli] Error: Unknown option '--inline' [webpack-cli] Run 'webpack --help' to see available commands and options 흠... 뭐여 이..
2022.07.06 -
[Vue.js] 전역으로 선언 된 것 거꾸로 찾아가는 법...엥?
쿠폰 번호를 누르면 쿠폰 상세보기 모달창이 뜨는 기능을 추가했다. 그런데 모달창 옆에 사이드메뉴가 달려있다...난 이런 거 만든적이 없는데? 심지어 다른 모달창에는 사이드메뉴가 없이 모달창만 깔꼼하게 뜨는데... 프로젝트 중간에 투입한 상황에서, 그 기능이 어디에 만들어져있는지 모를 때 이렇게 찾아가면 된다. 1. 사이드메뉴가 내가 설정을 해놓지도 않았는데 저절로 달려있다라... 그럼 뭐다? 전역이다! 2. vue에서 전역은 두군데를 보면된다. 어디? - App.vue - main.js 이 두군데!!! 3. App.vue, main.js를 들어가서 import를 보면서 의심스러운 곳을 타고타고 들어가면 된다. 이렇게 해서 오게 된 layout>index.vue 파일에서 showSideMenu가 의심스럽군..
2022.07.05 -
모달창 입력값 초기화 | vue.js
this.$router.go() 모달창에 필요 값을 적고 등록하면 모달창이 꺼지도록(hide) 설정해놓았는데 문제는 다시 새롭게 모달창을 키면 방금 등록시 적었던 값들이 지워지지 않고 그대로 적혀있던 문제가 발생. this.$router.go()으로 해결. 그런데 설정해 놓은 모달창이 꺼지는 동시에 인터넷창 자체가 새로고침됨. 원래 원했던 것은 모달창의 순수한 값들만 모달창이 꺼진 후 다시 켰을 때 초기화로 셋팅 되는 것인데... 인터넷 창이 새로고쳐져서 뭔가 아쉽네... 검색 router.go(n) 이 메소드는 window.history.go(n)과 비슷하게 히스토리 스택에서 n 만큼 앞, 뒤로 이동하는 메소드입니다. // 한 단계 앞으로 갑니다. history.forward()와 같습니다. histo..
2022.06.08 -
[vue.js] v-if, v-else로 글씨바꾸기
{{ $t('common.useStatus.Y') }} {{ $t('common.useStatus.N') }} fetchStatus의 ACTIVE, INACTIVE를 ko.js에 적힌 한글을 사용하여 사용, 미사용으로 바꾸려고 하였다. useStatus: { Y: '사용', N: '미사용' }, 아무리 바꿔봐도 변경이 안됨... 사용이나 미사용으로 나와야하는데 여전히 ACTIVE나 INACTIVE라고 나옴... 결론. 가 있어서 밑에 있는 span 태그를 읽지않고 넘어간거였다. 지워주니 바로 해결! {{ $t('common.useStatus.Y') }} {{ $t('common.useStatus.N') }}
2022.06.03 -
JQuery+Ajax의 조합을 연습하자! 기본부터
function q1() { $.ajax({ type: "GET", url: "http://spartacodingclub.shop/sparta_api/rate", data: {}, success: function (response) { console.log(response); } }) } 항상 console.log(response); 이걸로 ajax가 작동을 잘하는지 확인을 하면서 진행하는 습관을 기르자!!!
2021.12.30 -
html : 숙제 : 나만의쇼핑몰 메인 페이지 완성하기
html과 css에 대해 어느정도 적응했다가 javascript를 들으니 그 전껄 까먹는 현상이 일어났다. 나만의 쇼핑몰 메인 페이지를 완성하는게 숙제인데... 겨우겨우 시간 엄청 오래걸려서 하긴했다. 그런데... 선생님의 숙제해설을 보니 내 것이 창피해진다... 코드가 이렇게 깔끔하다니! 반성하자! 양초를 팝니다 가격:3,000원/개 이 양초는 사실 특별한 힘을 지니고 있어요! 주문자이름 수량 -- 수량을 선택하세요 -- 1 2 3 주소 전화번호 주문하기
2021.12.29