계발하는 개발자

일반적으로 PHP에서 Array 데이터를 JSON 포맷으로 출력하려고 하는 경우, 아래와 같이 json_encode 함수를 호출해서 데이터 변환이 가능하다. 에러 그런데 뭣모르고 호기롭게 json_encode 함수로 데이터 출력할라치면 아래와 같은 페이지를 마주하게 될거다.한글이 들어간 부분만 죄다 깨져서 나온다... 사실 그렇더라도 클라이언트에서 막상 서버로부터 api호출해서 받은 데이터는 정상적인 한글 형태로 잘 출력되어서 별 문제가 아니다 넘어갈 수도 있을듯하다. 클라이언트에서 JSON 데이터를 전달 받았을 때 브라우저에 의해 자동으로 파싱(디코딩)되는 특성 탓에 클라이언트에서는 위와 같이 정상적으로 출력이 되는듯하다. 그렇다 하더라도, 데이터 통신에 있어서 언제나 데이터가 일관되고 안전한 상태로 ..

상황 에러는 아니고, Vue Cli 환경에서부턴 v-if와 v-for를 한 엘리먼트에 함께 못 쓰다보니..ㅠ 따호혹 .. 그로인해 발생한 고충과 나름의 해결방법을 정리해보려한다. v-if랑 v-for 한 엘리먼트에 쓰지 말라는 이유는 잘 알겠는데... 간혹 따로 쓰다보니 불편한 점들도 많이 생긴다. 일단 위에서 v-if를 썼으면 그 아래에서 v-for를 쓰기 위해 요소를 하나 더 만들어야 한다는 점이다.(코드가 복잡해진다구!😣) 그리고 가령... 아래 같은 상황이 생길 수도 있다. 보이는가ㅠㅠㅠㅠ..! 분명히 v-if 조건으로 더보기 버튼 누르기 전에는 나오지 말라고 해놨는데 숨은 목록이 같이 렌더링되면서 영역을 차지하고 있다..! 그래서 더보기 버튼이 숨은 목록에 의해 밀려서 저 아래에 가 있다 ㅠ V..

에러 methodes 구역에 initCatnum 함수를 등록해주고 mounted 구역에서 함수를 호출하려고 하는 경우에 자꾸 위 같은 에러가 났다. params 값을 못 읽어서 생긴 에러였다. 원인 함수 스코프 안에서 this를 사용하니까 this 바인딩이 잘못 되서 난 에러같다. 해결 created 훅에서 this.$route.params.cat3 값을 vuex 상태변수로 등록해준 후 다시 함수 스코프 안에서 vuex 변수를 사용했을 경우 이상없이 값이 잘 가져와졌고, 에러가 해결됐다. 찾다보니 route guard를 쓰라는 말도 있고 했는데 그냥 상태변수 등록해서 쓰는게 제일 편한 방법 같다. ❤️‍ 결과 화면 ❤️‍ 에러가 사라졌고, gnb 클릭후 내가 도달한 페이지 파라미터값에 따라 해당되는 ln..

참고 https://github.com/babel/babel/issues/11975 에러 Vue2 -> Vue3로 마이그레이션을 진행하는 도중에 아래같은 에러가 발생했다. 원인 프로젝트의 ESLint 설정 파일을 인식 못해서 발생한 에러였다. 찾다보니 공통적으로 Vue3 버전 환경에서 이런 오류가 많이들 발생하는 걸로 보였다. Vue CLI 버전에 따라 Babel 설정이 다르게 적용될 수 있는데, Vue 3부터는 이전 Vue 2와는 다른 Babel 구성을 갖기 때문에 이에 따른 설정을 추가로 해주지 않아 그런듯했다. 해결 프로젝트 root에 eslintrc.js 파일을 아래와 같이 설정했다. babel.config.js 에서 발생했던 오류가 사라졌다.