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

파일을 업로드하는데 특정 파일 형식만 우선 보이게 해달라는 요청이 들어왔다. 항상 디폴트 형식으로 모든 파일을 보이게 했는데 처음적용해보는 속성이라 정리하게 되었다. 밑에 참고 사이트를 보면 더 정확하게 설명 되어있다. 파일에 형식을 넣어 우선적으로 보고싶다면 accept 속성을 사용하면 된다. 적용된 코드 실행 결과 https://developer.mozilla.org/ko/docs/Web/HTML/Element/input/file#attr-accept - HTML: Hypertext Markup Language | MDN file 유형의 요소에는 저장 장치의 파일을 하나 혹은 여러 개 선택할 수 있습니다. 그 후, 양식을 제출해 서버로 전송하거나, File API를 사용한 JavaScript 코드로 ..

개발을 진행하다가 setTimeout을 사용할 일이 생겼다. 하나의 서비스가 돌아가고 결과를 표시하는 과정이었는데, 데이터 자동 추출 프로그램인 외부 프로그램을 돌려서 응답을 기다려야 했기에(최대 예상 시간 2분) 최대 2분동안 데이터를 받아올 때까지 기다려야 했다. 그전에 받아오면 바로 표시한다. 따라서 javascript내에 setTimeout을 사용해 지연과 요청을 반복하여 2분동안 데이터를 받아올 수있는지 확인해보기로했다. 아이디어까지는 문제가 되지 않았다. 하지만 구현에서 분명 비동기임을 인식하고 지연과 axios요청에 async과 await를 제대로 붙였음에도 동기적으로 실행되지 않더라..... setTime에 await가 제대로 기능하지 않는다. 처음 시도한 코드 if(type === 'au..

"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..