1. 같은 파일 내의 쿼리를 작성하면 listPage 와 같이 작성. 2. 다른 파일 내의 쿼리를 가져다가 사용하려면, 해당 mapper 의 namespace 를 체이닝으로 작성해주세요. COMMON.pagingPreSQL 와 같이 작성
2. 각 기능 설정
/*기본 목록 조회 */
<sql id="listAdmUserBas" >
SELECT USER_ID /* 사용자아이디 */
, DESIG_IP /* 지정IP주소 */
, USER_PWD /* 사용자비밀번호 */
FROM 테이블명
WHERE 1=1
<if test='userId != ""'> <!-- 사용자 아이디가 있을 경우 -->
AND USER_ID LIKE CONCAT('%',#{userId},'%')
</if>
<if test='desigIp != ""'> <!-- 지정 아이피가 있을 경우 -->
AND DESIG_IP LIKE CONCAT('%',#{desigIp},'%')
</if>
<if test='brofcCd != ""'> <!-- 코드가 있을 경우 -->
AND BROFC_CD LIKE CONCAT('%',#{brofcCd},'%')
</if>
</sql>
각 기능을 담당하는 쿼리는 메인 쿼리로직과는 다른점이 있는데요,
1. 각 기능에 대한 쿼리는 모두 <sql> 태그로 설정 2. parameterType, resultType 을 작성하지 않습니다.
Nuxt.js 3 에서 npm을 이용하여 pinia를 설치하는데 바로 오류가 출력되었습니다.
에러문구
code ERESOLVE ERESOLVE could not resolve while resolving: undefined@undefined ....
✔ 해결방법부터...!
//package.json
"overrides": {
"vue": "latest"
},
이에 해당하는 내용을 추가해주시고, npm 을 이용하여 pinia를 재설치해주시면 됩니다!
설치 성공!
✔ 서사
이번엔 Nuxt.js 3 에서 store 를 사용해보고자 pinia를 사용하게 되었습니다. 기존 Vue.js3 프로젝트에서는 그냥 vueStore를 사용했었는데, 그때 알게된 store 대체 라이브러리 PINIA🍈이번에는 사용해보자, 라고 생각해서 설치를 시작해보았습니다.
그리고 등장하게된 위의 에러.
예전에도 그렇고 이것과 유사하게 생긴 에러가 자주 등장하였었는데, 해결을 못하고 프로젝트를 지우곤 했었습니다 😢
그런데 우연찮게 Pinia공식 문서에서 이에 대한 문구가 살짝 있는게 보이더라구요? (뭐지.. 다른데도 있나?)
Vue.js3 프로젝트에서 프로젝트를 git에서 pull 받아 npm i 를 통해 package.json 내부 내용을 다운로드 하였을 때 발생한 오류입니다.
npm ERR! code ERESOLVE npm ERR! ERESOLVE could not resolve npm ERR! npm ERR! While resolving: @vue/eslint-config-standard@6.1.0 npm ERR! Found: eslint-plugin-vue@8.7.1 npm ERR! node_modules/eslint-plugin-vue npm ERR! dev eslint-plugin-vue@"^8.0.3" from the root project npm ERR! npm ERR! Could not resolve dependency: npm ERR! peer eslint-plugin-vue@"^7.0.0" from @vue/eslint-config-standard@6.1.0 npm ERR! node_modules/@vue/eslint-config-standard npm ERR! dev @vue/eslint-config-standard@"^6.1.0" from the root project npm ERR! npm ERR! Conflicting peer dependency: eslint-plugin-vue@7.20.0 npm ERR! node_modules/eslint-plugin-vue npm ERR! peer eslint-plugin-vue@"^7.0.0" from @vue/eslint-config-standard@6.1.0 npm ERR! node_modules/@vue/eslint-config-standard npm ERR! dev @vue/eslint-config-standard@"^6.1.0" from the root project npm ERR! npm ERR! Fix the upstream dependency conflict, or retry npm ERR! this command with --force or --legacy-peer-deps npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
에러 내용
✅ 에러 해결
npm에서 설명한 내용처럼, eslint-plugin-vue 의 버전이 npm resolve를 할 때 충돌한 것 같아 eslint의 버전을 7.20.0으로 낮추었습니다.
Vue.js 혹은 React.js (프론트 프레임워크) 에서 카카오로그인을 구현하려고 합니다. 그런데 401 에러가 자꾸 뜨면서 코드 값을 줬는데도 토큰을 내뱉지 않더라구요. 그래서 찾아보다가 KakaoDeveloper 에서 작성된 내용중에 저와 같은 케이스가 있는지 여러 사례들을 확인할 수 있었습니다. + 어떤 블로그를 보면서 진행하고있었는데, 거기서는 code만 보내는 걸로 해서 계속 나오는 에러였습니다. + axios를 사용하고있었는데, 지속적인 오류가 출력되어 성공하지 못하고 fetch 방식으로 변경하였습니다.
✔ 사전 환경 체크!
- Backend(Spring)을 거치지 않고 JS 프론트 프레임워크 (Vue.js, React.js) 에서 전부 처리하려고 합니다. - 현재는 2단계(token가져오기)입니다. (1단계는 code를 가져오는 단계입니다.) - 결과 데이터로 [token_type, access_token...] 을 얻어옵니다.
