나아가는 길에 발자국을 찍어보자

"Axios GET요청에는 Body가 없다" 아주 기본적이지만 그 기본적인 것을 몰라 헤맸었다.. 자꾸 서버에서 [org.springframework.http.converter.HttpMessageNotReadableException: Required request body is missing 이런 에러가떠서....난 바디를 잘넣어서 요청을 보냈건만....post man에서는 잘 응답해놓고 왜 프론트쪽에서 요청하는것은 에러가 나는 거지하고 머리를 싸맸다.. 결론은 내가 무지했다는 것이다 ㅜㅜㅜㅜㅜ흑 개인적으로 공부하면서 느낀 아쉬움은 내가 현재 배우고있는 습관이나 환경은 밑바닥부터 차근차근 배우는 것 아니라 우선 만들어! 그리고 오류나면 고쳐! 이런 느낌이라는 것인데, 그렇기 때문에 새로 배우는 내용을 ..

async && await 자바스크립트의 비동기 처리 패턴 중 가장 최근에 나온 문법으로 기존의 비동기 처리 방식이 콜백함수와 프로미스의 단점을 보안하고 개발자가 읽기 좋은 코드를 작성할 수 있게해준다. 기본 문법 async function 함수명() { await 비동기_처리_메서드_명(); } 함수 앞에 async라는 예약어를 선언. 함수의 내부 로직중 HTTP통신을 하는 비동기 처리 코드 앞에 await를 붙인다. (주의) 비동기 처리 메서드가 꼭 프로미스 객체를 반환해야 await가 의도한 대로 동작한다. await 의 대상 : 비동기 처리 코드인 Axios등 프로미스를 반환 하는 API 호출 함수 예외처리 try , catch를 사용한다. async function 함수명() { try { va..

비동기적 JavaScript 프론트에서는 javascript기반 vue.js를 사용해서 개발하고 있는데, 중간에 axios를 사용해 분명히 값을 받아왔음에도 그값을 저장한 변수는 undefined라 자꾸 오류가 발생하는 일이 있었다. console.log() 로 찍어보면 분명 값이 존재하는데 값을 가공하려 사용할때는 undefined라 정말 깊은 빡침을 느꼈었다. 그러다 이것이 모두 자바스크립트의 비동기적 특징 때문이라는 것을 스스로 알게됐을때 정말 엄청난 충격이었다. 이러한 특징때문에 골머리를 앓았던 적은 비단 이번 인턴업무에서만이 아니었다. 저번학기에 진행한 오늘어때라는 프로젝트에서도 같은 일이 일어나 완벽한 해결을 못해 절댓값을 집어넣어 넘어갔었는데, 그당시에는 이유조차 몰라 정말 힘들었었다.(물어..

크게 신경 쓰고 있지않았던 날짜관련 클래스와 어노테이션이 생각보다 오류를 처리하는데 발목을 잡아서 어노테이션까지 정리를 해보도록 해야겠다. 생각보다 이런부분에서 구멍이 있다면 참 많은 시간을 잡아 먹는구나를 알게 되었다. 열심히 공부해야지! 정리할 내용 : REST API에서 사용하는 날짜 포맷 - 직렬화를 하지 못하면 오류가 발생한다. - String으로 받지말기..... 1. @DateTimeFormat - Spring에서 지원하는 어노테이션으로 LocalData / LocalDateTime과 같은 날짜 관련타입의 직렬화를 지원하는 어노테이션이다. - GET 요청시 Request Body에서 사용.(RequestParmeter에서도 사용한다) - POST 요청시 Request Body에서도 사용. 두..