ES6가 릴리즈 되면서 여러 문법이 생겼지만, 역시 하이라이트는 Arrow Function이라고 생각한다 ( 개인적인 생각 ) 이제 ES6 공부도 해야하니, 가장 기본이 되는 Arrow Function을 공부해보려 한다. Arrow Funtion 특징 ============================================================================ 1. Arrow Funtion은 Function 키워드 대신, 화살표(=>)를 사용하여, 간략한 방법으로 함수를 선언할 수 있다. 2. this를 가지지 않는다. 3. arguments를 지원하지 않는다. 4. new와 함께 호출할 수 없습니다. 정도인데 (출처: 모던 자바스크립트), 내 생각에는 Arrow Funtion..
오랜만에 POST써서 기본적인 걸 실수했다. ( 실수 한 김에 정리.. ) 객체를 JSON 문자열로 변환해주는 JSON.stringify함수를 쓰면 객체 => 문자열로 변환이 되는건데.. 오래 안쓰다 보니 깜빡해서 다음과 같은 실수를 했다. 객체였던 testData를 stringify함수에 넣어 문자열로 변환 된 것 까지 확인 했는데 멍청하게 Object로 받으려고 했다.. 역시 자주 써야 안까먹는데.. 쓸 일을 만들어야 겠다...
저번에 ES6의 내장함수인 Fetch함수를 이용해서 API를 호출해보았다. ( 궁금한 사람은 아래 링크 참조 ) https://bongra.tistory.com/131 [JS] ES6 내장 함수인 Fetch를 활용하여 비동기 통신을 해보자. ( 오픈 API로 데이터 받아오기 ) 며칠전에 옆 팀에 놀러갔다가, 같이 일했던 선임이 Fetch함수를 이용해서 비동기통신을 하고 있는 걸 보고 나도 한번 써보고 싶어져서 이렇게 정리한다. 지금까지는 ajax아니면 axios ( axios를 더 많 bongra.tistory.com 이제 Fetch함수를 활용해서 API호출은 할 수 있게 됬는데, 정확히 Fetch함수의 구조와 활용형태에 대해서는 잘 몰라서 이번에 정리해보려고 한다. ( 실습위주가 아니라, 그냥 정리임 ..
VScode에서 Vue를 쓰다보면 가끔 해괴한 에러가 발생한다. 아래와 같은 에러.. 'v-model' directives aren't supported on 태그 elements. 즉 v-model을 해당 태그에서 사용할 수 없다는 의미인데.. 해외사이트 가보면 , 다양한 태그에서 안된다고 한다. 그냥 Vue 최적화 문제인 듯 하다.. 이럴때는 그냥 Vue 안정화 된 버전으로 다운그레이드 하던가. 아래 주석을 에러 나는 라인 위에 적어주자.
며칠전에 옆 팀에 놀러갔다가, 같이 일했던 선임이 Fetch함수를 이용해서 비동기통신을 하고 있는 걸 보고 나도 한번 써보고 싶어져서 이렇게 정리한다. 지금까지는 ajax아니면 axios ( axios를 더 많이 씀.. ) 를 썼었다. 왜냐하면 지금까지 우리 프로젝트는 ES6를 쓰지 않았기 때문.. 근데 옆팀은 ES6를 쓰니, ES6 내장함수인 Fetch를 쓰고 있는 모양이었다. 서론은 여기까지 하고 바로 정리해보자. Fetch란? ============================================================================ ajax, axios등과 마찬가지로, 클라이언트 ( 여기에서는 javascript )에서 서버로 비동기 통신을 하기 위해 사용하는 API이..
이번에 프로젝트를 하면서 새로 레이어를 발행해서 지도에 뿌려주는데, 제대로 뿌려지지 않았다.( GIS관련임 ) 디버깅을 해보니까. 아래 구문에서 에러가 발생하였다. --샘플 var testShow = (item.jsonOb) ? JSON.parse(item.jsonOb).showLabel ? true : false : false; Unexpected token in JSON at position.... 즉 JSON을 객체로 변환하려고 하는데 JSON이 없다는 말이다. 보면 item객체안에서 jsonOb라는 녀석을 JSON.parse해주는 코드인데 즉, JSON형태 => 객체형태로 변환해주는 부분이다. 근데 문제는 평소에는 JSON형태가 들어와줘서 에러가 안났는데, 가끔 JSON형태가 아닌 객체형태의 데이..