뇌 채우기 공간

2021.07.27 - [Git] - [Git] git flow사용하기 , git flow란 무엇인가? [Git] git flow사용하기 , git flow란 무엇인가? 1. Git 이란? git은 컴퓨터 파일의 변경 사항을 추적하고 여러 명의 사용자들 간에 해당 파일들의 작업을 조율하기 위한 오픈소스 분산 버전 관리 시스템이다. 코드 관리와 프로젝트 변경사항을 지 sso-feeling.tistory.com 1. git flow getting start git flow init 2. feature 새 기능 시작 git flow feature start branch_name 새 기능 개발은 develop branch 에서 시작한다. 새로운 feature branch를 만들고 그 brach 로 checkou..

1. store에 action type 정하기 https://dev.to/3vilarthas/vuex-typescript-m4j Vuex + TypeScript Preface 🚨 The approach, described in this article, is not encouraged to be used in produc... dev.to 이번에 인턴과제를 하면서는 store에 타입을 제대로 지정하지 못했는데 공부를 더해보자 2. git branch 가져오기 https://velog.io/@cyongchoi/Git-branch-가져오기 Git branch 가져오기 git remote branch 가져오기 velog.io 3. vue directives 회사 코드에서 directives를 처음봤다. 참고 :..

2021.11.18 - [WEB/VUE.js] - [VUE.js] vue3 intersectionObserver API 를 사용하여 infinite scroll 구현하기 [VUE.js] vue3 intersectionObserver API 를 사용하여 infinite scroll 구현하기 영화리스트가 있는 프로젝트를 만드는데 한번에 다 받아오기 말고 10개씩 끊어서 받아오고 싶은 것이다. https://developer.mozilla.org/ko/docs/Web/API/Intersection_Observer_API Intersection Observer API -.. sso-feeling.tistory.com vue 에서 intersection observer를 사용하여 무한 스크롤 구현하기 처음에는 아..

1. 타입스크립트에서 float to int (아래 코드는 같은 명도, 채도의 다른 색상을 랜덤으로 가져오는 코드) const colors = `hsl(${Math.floor(Math.random() * 24) * 10 * 15}, 16%, 57%)`; 2. scss 미디어 쿼리 전역으로 쓰기 2021.11.17 - [WEB/VUE.js] - [VUE.js] vue3 scss media query 전역으로 쓰는 법 [VUE.js] vue3 scss media query 전역으로 쓰는 법 vue cli 버전 : 3.0.0 sass-loader : 10.2.0 (sass loader는 설치했다고 간주한다.) 나는 미디어쿼리를 적용하기 위해서 글로벌로 모바일, 타블렛, 데스크탑 크기를 정해놓고 mobile, ..

1. selectbox 2021.11.27 - [WEB/VUE.js] - [VUE.js] vue3 selectbox mutiple dropdown구현하기 [VUE.js] vue3 selectbox mutiple dropdown구현하기 [결과] [구현] select box에 속성을 mutiple로 지정해놓으니까 클릭했을때 저절로 dropdown이 안됐다. 그런데 드롭다운이 안되면 너무 ui가 불편하기 때문에 클릭했을때 목록이 쭈르륵 나와야 했다. {{genr sso-feeling.tistory.com 2. window.confirm 2021.11.27 - [WEB/html,CSS] - [html] Window.confirm 삭제하시겠습니까? [html] Window.confirm 삭제하시겠습니까? http..

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

https://ezgif.com/