내맘대로 개발일지

📱테스트 환경"nuxt": "^3.11.2""vue": "^3.4.21""vue-router": "^4.3.0"Nuxt 에서 utils 함수를 만들어놓고 사용하려고 만들고 있는데카카오 주소 검색을 통해 데이터를 가져오기 위한 함수를 만들고 있었다.공식 문서에 적힌대로 따라하면 문제가 없을 것이란 생각에 열심히 하는데daum.Postcode({ ...})공식문서는 js 로 작성되어있다보니 ts 로 했다가 daum 에서 에러가 발생한다.실행이안되는건 아니지만 파일명이 빨갛고 .. 에러가 떠있으면 매우 몹시 불편하니까제일 좋은 방법은 해당 타입을 명시해주는거지만 개발을 빠르게 진행해야하는 상황속에서하나하나 정의하기가 힘들것 같아서 해당 타입을 일단 무시하게 해놓고 추후 수정하기로 했다.ㅇㅣ 과정속에서 사용한..

📱테스트 환경"nuxt": "^3.11.2""vue": "^3.4.21""vue-router": "^4.3.0"Select 를 만들때 이제 초기에 보여야하는 값이 있고그게 목록에는 안보이게 하고싶은 경우가 있었다. 선택 이라는게 처음에 보이고ㅇㅣ제 필요한 값들이 드롭다운이 나왔을 때 선택은 안보이게 하고싶었는데hidden 옵션을 사용하면 됐다. 방법은 다음과같다. 선택option> 1 2 3 4

📱테스트 환경"nuxt": "^3.11.2""vue": "^3.4.21""vue-router": "^4.3.0"햐 .. Vue 를 거의 3년만에 쓰다보니까 .. 햇갈려서 너무 어렵다 ㅠ내가원하는 건 조건에 따라서 버튼이 보였다 안보였다 하고 싶었는데React 에서는 중괄호 안에 조건을 태워서 사용하면 됐는데 ..Vue 에서는 그게 안돼고 v-if 라는걸 사용했어야 했다 ㅠ 삭제 이런식으로 v-if 에 boolean 값을 주고 view 를 조작하는구조이다. 삭제 취소 이런식으로 if else 에 따라서 보여줄 수 있도록 ? : 구조도 이런식으로표현해 줄 수 있다.vue 는 쓸때마다 v-for 도 그렇고 .. 뭔가 다른거에비해 복잡한것..

📱테스트 환경"react": "18.2.0""react-dom": "18.2.0""typescript": "^4.9.5"Ant Design Table 을 가져다가 쓰려고 하는데 ..Warning: Each child in a list should have a unique "key" prop.에러가 발생했다.페이지가 멈춰버린다거나 안되는 건 따로 없었지만 불편했고나는 map 을 사용하지도 않았거니와 ..테이블에 dataSource 에 데이터를 전달했기때문에내가 따로 한게 없어서 왜나는지 이해할 수가 없었는데찾아보니까 rowKey 를 이용해서 해결 할 수 있다고 한다. { return row.user_id; }}/>Antd Table 에서 데이터소스를 map 돌리면서키를 설정해주지 않으니까 그..

📱테스트 환경"react": "18.2.0""react-dom": "18.2.0""typescript": "^4.9.5"  GitHub - zenoamaro/react-quill: A Quill component for React.A Quill component for React. Contribute to zenoamaro/react-quill development by creating an account on GitHub.github.comReact-Quill 를 이용해서 에디터를 이용하고있는데사용방법은 아주 간단하니까 공식 페이지만 참고해도 누구나 따라할 수 있었을 것이다.근데 이제 code-block 를 사용하려고 보면 이게 다른곳에서 보던것처럼색상구분이없다 보니까 뭔가뭔가 어색한 ..그래서 찾아..

📱테스트 환경"react": "18.2.0""react-dom": "18.2.0""typescript": "^4.9.5"와! 오늘 진짜 엄청난걸 알아버렸다.ㅇㅣ제 선택값 유지를 위해서 URL Params 를 이용하려고 하는데Nextjs 개발을 할때는 router.push({...}) 를 통해서 현재 URL 에 파람만 추가해줬었는데React 에서 하려고 하니까 좀 .. 햇갈렸다고 해야하나 쉽지않았다.[ 첫번째방법 : 추천 x ]const searchParams = new URLSearchParams(location.search);searchParams.set('newParam', 'value');navigate(`${location.pathname}?${searchParams.toString()}`, {..