뇌 채우기 공간

1. VUE의 라이프 사이클에 대해서 https://ichi.pro/ko/vue3ui-vue-laipeu-saikeul-hukeue-daehan-wanjeonhan-gaideu-61992878486458 Vue3의 Vue 라이프 사이클 후크에 대한 완전한 가이드 Vue2와 Vue3의 라이프 사이클 후크는 매우 유사하게 작동합니다. 우리는 여전히 동일한 후크에 액세스 할 수 있으며 여전히 동일한 사용 사례에 사용하고 싶습니다. 프로젝트에서 옵션 API를 사용 ichi.pro

1. vue teleport https://kyounghwan01.github.io/blog/Vue/vue3/teleport/#components-teleport-teleportexample-vue vue3 teleport 사용법, vue, computed, reactive, ref, watch, watchEffect, props, vuex, composable vue3 teleport 사용법, vue, computed, reactive, ref, watch, watchEffect, props, vuex, composable kyounghwan01.github.io vue에서 모달을 position absolute 로 위에 덮어서 표시하고 있었는데 teleport 라는 것이 있었다. 실제로 프로젝트에는 ..

1. vue drag and drop 2021.11.30 - [WEB/VUE.js] - [VUE.js] vue-draggable-next로 drag and drop 구현 [VUE.js] vue-draggable-next로 drag and drop 구현 sso-feeling.tistory.com 2. 반응형 flex box 2021.11.30 - [WEB/html,CSS] - [css] 반응형 flex box 만들기 [css] 반응형 flex box 만들기 sso-feeling.tistory.com

2021.11.30 - [WEB/VUE.js] - [VUE.js] vue3 vuex module 분리/ 파일에서 접근하는 법 [VUE.js] vue3 vuex module 분리/ 파일에서 접근하는 법 Vue3에서 vuex module분리하는 법 어려운 작업이 아닌데 처음에 할 때 vue3 관련 코드가 없어서 많이 헤맸던 기억이 있다. 1. store폴더 안에 modules폴더를 만든다. 2. 그 안에 모듈 하나씩 파일을 만든다. sso-feeling.tistory.com

2021.11.30 - [에러노트] - [에러노트] Unexpected mutation of "" prop [에러노트] Unexpected mutation of "" prop 프로젝트 : vue3 [원인] 부모에서 전달한 데이터를 props로 받고 자식에서 그것을 바로 수정하는 경우 생기는 에러 [해결] props로 받은 값을 변수화 해서 사용하고 emit을 통해 변경하면 된다. sso-feeling.tistory.com

1. vue persistedstate 2021.12.01 - [WEB/VUE.js] - [VUE.js] vue persistedstate [VUE.js] vue persistedstate sso-feeling.tistory.com 뷰에서 vuex에 넣으면 새로고침하면 사라지는 데이터들 중에서 새로 고침 했을 때 사라지면 안되는 데이터들 + 뷰엑스로 바로 반영이 되어서 화면에 반영되어야하는 것들 예를 들면 로그인 했을 시에 바로 헤더에 반영이 되는 것을 만들고 싶다던가! 그런 것을 위해서 쓰는 라이브러리. 뷰엑스에 저장했는데 로컬 스토리지에도 저장이 되어서 새로고침했을 시에 사라지지 않는다. 2. query 붙이기 2021.12.01 - [WEB/VUE.js] - [VUE.js] query string ..

1. vue 프로젝트에 대해서 https://sjquant.tistory.com/66 Vue3로 프로젝트를 진행하면서 알게 된 것들 최근에 Vue3와 Typescript를 학습하기 위한 목적으로 간단한 개인 프로젝트를 진행하였다. 해당 프로젝트를 진행하면서 알게 된 것들을 정리하고자 한다. Vue3에 대한 튜토리얼은 아니고, 시행착오에 sjquant.tistory.com 다른 사람이 정리해놓은 글인데 참고로! 2. vue suspense https://v3.vuejs.org/guide/migration/suspense.html Suspense | Vue.js Suspense new Experimental Suspense is an experimental new feature and the API coul..

1. 주석 항해 99를 할 당시 주특기 멘토님께서는 함수마다 어떤 역할을 하는지 간단하게 주석으로 적어놓는 것이 좋다고 하면서 우리팀 코드를 예시로 보여주었었다. 예를 들면 // 영화 리스트 모두 불러오기 이런식의 주석이었다. 그래서 나는 이번에도 개인 프로젝트를 할 때 함수마다 어떤 함수인지 간단하게 적어놓았다. 그런데 pr을 올리고 피드백 온 것을 보니 주석은 없을수록 좋고 주석이 필요할 정도의 코드라면 리팩토링을 하는것이 좋다는 것이다. 도대체 누구의 말이 맞는지 !?!? 그리고 난 주석이 있으면 코드 찾기도 더 쉽고 좋다고 생각했는데 실무에서는 그렇게 하지않는다니! 하면서 찾아보았다. https://danpatpang.github.io/tip/2018/04/12/Tip_java_comment/#%..

1. dotenv를 사용하여 api키 숨기기 2021.11.03 - [WEB/VUE.js] - [VUE.js] dotenv를 사용하여 api키 숨기기 / api key 환경변수로 분리하기 [VUE.js] dotenv를 사용하여 api키 숨기기 / api key 환경변수로 분리하기 문제 이번에 프로젝트를 하면서 카카오 api키와 tmdb api키를 그대로 노출해서 사용하고 있었다. 이것을 따로 분리해주어야 한다. 깃허브에 환경변수 설정하는 법, json 파일이나 txt 파일로 만들어 sso-feeling.tistory.com 2. git flow feature 브랜치 만들고 끝내는 법 2021.11.22 - [Git] - [Git] git flow feature branch 관리하기 [Git] git fl..

1. vue 한글 바인딩 시 v-model 대신에 v-on:input 쓰기 2021.11.07 - [WEB/VUE.js] - [Vue.js] 한글 바인딩 시 v-model 대신에 v-on:input 사용 [Vue.js] 한글 바인딩 시 v-model 대신에 v-on:input 사용 https://kr.vuejs.org/v2/guide/forms.html 폼 입력 바인딩 — Vue.js Vue.js - 프로그레시브 자바스크립트 프레임워크 kr.vuejs.org v-model과 v-on v-model input과 textarea 엘리먼트에 양방향 데이터 바인딩을.. sso-feeling.tistory.com 2. computed 와 watch의 차이 2021.11.07 - [WEB/VUE.js] - [Vue..