Javascript
-
[JS] Safari에서 new Date 객체 Invalid Date 리턴 받는 경우Javascript 2021. 2. 13. 18:09
크로스 브라우징 이슈는 파도파도 끝이 없는 것 같다. 최근 날짜 관련한 이슈가 있어서 서버에서 날짜를 받아오도록 코드를 전부 수정했었다. 리턴 받는 데이터는 'yyyy-mm-dd H:i:s' 형태로 리턴받고 있다. 리턴 받은 날짜를 new Date() 객체 안에 인자로 넣었더니, 오류가 발생했다. // 오류가 발생한 코드 new Date('2021-02-13 17:40:00'); // 예상 결과 값 // Sat Feb 13 2021 17:40:40 GMT+0900 (대한민국 표준시) // 실제 결과 값 // Invalid Date 위에서 발생한 오류는 크롬브라우저에서는 정상적으로 작동 했지만, Safari 브라우저에서 Invalid Date 값을 리턴 받았다. 원인은 Safari 에서는 new Date ..
-
[JS/AJAX] 서버에서 클라이언트 단으로 시간 가져오기Javascript 2021. 2. 7. 19:54
최근에 코드에서 시간에 대한 이슈가 있었다. 페이지 점검 시간이 되면, 다른 액션을 취하는 코드가 있었는데, 크롬 업데이트를 하고 난 이후로 시간이 대한민국 표준시로 잡히지 않는 이슈였다. 정상적인 시간 Sun Feb 07 2021 19:28:58 GMT+0900 (대한민국 표준시) 크롬 업데이트 후 시간 Sun Feb 07 2021 01:28:58 GMT-0900 (GMT-09:00) 따라서 페이지가 점검이 아닌데도 불구하고 점검 중인 시간으로 인식해 오류를 발생시키고 있었다. 시간과 관련된 중요한 비즈니스 로직이 아니라, 서버의 시간이 아닌 스크립트에서 new Date() 를 통해 현재 시간을 가져오고 있었는데 이번 기회에 클라이언트단에서 시간을 가져오는 것을 전부 수정하기로 마음 먹었다. 한줄 요약..
-
[JS/jQuery] 스크롤 가장 하단으로 이동시키기Javascript 2021. 1. 28. 16:30
채팅방을 구현할 때 채팅내용이 보이는 영역은 overflow: auto를 시켜두고 주고 받은 내용이 많아질 경우 스크롤되도록 처리함. 단, 아무런 처리를 해두지 않았을 경우에는 스크롤이 최상단에 있어 최근 내용을 보기 위해서는 스크롤을 가장 하단으로 내려야 함. 따라서 채팅방에서 스크롤 이벤트를 발생시켜야 하는 경우는 크게 1. 채팅방 Load 시점 2. 메시지 수신 시점 3. 메시지 발송 시점 4. 과거 메시지를 읽다가 최근 메시지로 바로 돌아오고자 하는 버튼 이벤트 메시지 발송 테스트 2021-01-27 15:18:50 ㅎㅎ 2021-01-27 15:22:43 ㅎㅇ 2021-01-27 15:23:07 ㅎㅇㅇㅎ 2021-01-27 15:26:15 gdgd 2021-01-27 15:53:41 ss 202..
-
[JS]도로명주소API를 활용해서 주소 검색 솔루션 만들기Javascript 2020. 1. 15. 01:45
최근 지도를 기반으로 서비스를 제공하는 플랫폼이 많아지고 있습니다. 현재 저 역시, 지도를 기반으로 컨텐츠를 보여주는 서비스를 만들고 있습니다. 이번 포스팅은, 도로명주소API를 통해 사용자가 입력한 값에 대한 결과값을 받아오는 과정을 남기고자 합니다. 최근, 도로명주소API 말고 네이버나 카카오에서도 비슷한 서비스를 제공하고 있는데요. 각각의 API에 따라 RESPONSE 값이 다르므로, 본인이 개발하고 있는 서비스에 맞는 API를 사용해야 합니다. 먼저 각각의 서비스가 어떤 결과 값을 제공하는지 간단하게 알아봐야 합니다. 가장 먼저 카카오의 지도/로컬 서비스는 여러가지가 있지만, 사용자의 텍스트를 입력해서 결과를 받아올 수 있는 주소검색, 키워드로 장소 검색 두 가지를 대표적인데 각 서비스마다 응답 ..