뇌 채우기 공간

1. ant design https://ant.design/ Ant Design - The world's second most popular React UI framework ant.design 부트스트랩이나 meterial ui 처럼 이미 만들어져있는 ui 를 가져와서 쓰는 것 2. react 에서 useMutation https://www.daleseo.com/graphql-react-apollo-hooks-example/ [GraphQL/React] Apollo Hooks로 React 앱 개발하기 Engineering Blog by Dale Seo www.daleseo.com 3.graphQL 이 무엇인고 https://tech.kakao.com/2019/08/01/graphql-basic/ Gra..

1. vue2 에서 route 접근하는 법 vue3에서는 useRoute를 써서 route에 쉽게 접근 할 수 있었는데 회사 코드는 vue2라서 vue3에서 보지 못했던 $route 를 보게됐다. root를 쓰지않고 route에 접근하는 법은? router.app.$route.query.orderType router을 import 해와서 vue app을 만들때 주입해놓았던 route를 가져온다 2. git rebase termal에서 하기 2021.11.27 - [Git] - [Git] github branch rebase 하는 법 [Git] github branch rebase 하는 법 [하는 방법] 리베이스 하고 싶은 브랜치에 체크아웃하고 베이스가 됐으면 좋겠는 브랜치 명을 적는다. git rebas..

1. props undefined error 부모에서 api를 호출해서 ref오브젝트에 넣어서 props로 요소들을 넘기고 있는데.. undefine으로 넘어간다. 아마도 값이 들어가기 전에 props로 넘기고 있는 것 같다. 근데 props를 찍어보니 잘 나온다.. 대체 왜이러냐!! props에서 required true였던 것에 default 를 설정해주니까 사라졌음 2. typescript에서 에러 처리 const getOrderDetail = async () => { try { //코드 } catch (e) { window.alert(e.data.meta.resultMsg); } }; 타입스크립트에서 e의 타입을 안정해주니까 e안에 data가 있는지 그 안에 meta가 있는지 모르니까 에러가 난다..

1. 깃허브 최신 커밋 삭제 2021.11.24 - [Git] - [Git] Github 깃허브 최신 커밋 삭제 [Git] Github 깃허브 최신 커밋 삭제 git reset HEAD^ 이렇게 하면 가장 최근 커밋 내역 한개가 삭제된다. 끝에 ~2를 붙이면 최근 2개의 커밋이 삭제된다. 그리고 unstaged file 에 변경내역이 남아있을 텐데 그것을 되돌리기 해주면 된다. sso-feeling.tistory.com 2. 타입스크립트에서 있어도 되고 없어도 되는 요소라면? key값에 물음표를 붙인다. type QueryItem = { page?: string, } https://stackoverflow.com/questions/29650402/typescript-extend-an-interface-a..

1. 타입스크립트 타입 정의하기 참고 : https://jess2.xyz/typescript/types-1/ [TypeScript] 타입 정의하기 - 기본 타입 0. Index 기본 타입, 튜플 타입 null, undefined, 유니온 타입 숫자와 문자열의 리터럴도 타입으로 지정할 수 있다 any 타입 함수의 반환 타입 : void, never 함수의 Parameters 객체의 타입 : object Union 타입과 In jess2.xyz 2. composition api 에 대한 내가 모르던 새로운 지식 setup() 안에 엄청나게 많은 코드를 넣게 될 경우 composition api의 기능별 로직이 모여있어 관리하기 편하다는 이점이 사라질 수 있다. 그러면 composition function을 ..

1. vue2와 vue3 는 무엇이 달라졌을까? vue3로 프로젝트를 했었는데 vue2에서 composition api로 바꿔야하는 업무를 맡아서 이번 기회에 차이점을 살펴보고자 했다. https://velog.io/@bluestragglr/Vue3-%EB%AC%B4%EC%97%87%EC%9D%B4-%EB%B0%94%EB%80%8C%EB%82%98%EC%9A%94 Vue 3 변경점 정리: 무엇이 바뀌나요? 해당 글은 레퍼런스에 작성된 몇 개의 원문에서 중요한 내용들을 바탕으로 작성한 글입니다. Vue3 의 베타버전으로 어플리케이션을 제작해 보고 싶은 경우, 튜토리얼에 소개된 셋업을 따라 시작 velog.io 2. img require 생소한 코드를 봤는데 이미지 소스에 require이라는 코드가 있었다...

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..