본문 바로가기

javascript

async: true로 바꾸면 끝일까? 동기와 비동기 다시 정리하기 최근 지도 기능을 수정하면서 AJAX 호출 부분을 보다가 이런 코드를 다시 보게 됐다. $.ajax({ url: url, type: "POST", async: false, ...}); async: false예전부터 많이 봤던 옵션이긴 한데, 이번에는 이 부분을 비동기로 변경해야 하는 상황이 생겼다. async: true 처음에는 간단하게 생각했다.true가 비동기고 false가 동기니까그냥 true로 바꾸면 되는 거 아닌가?그런데 막상 수정하려고 보니 하나가 마음에 걸렸다.그럼 기존에는 왜 굳이 false로 해놨을까?그냥 오래된 코드라서 그런 건가?아니면 여기서는 API 결과가 올 때까지 기다려야 해서 일부러 동기로 만들어놓은 건가?괜히 true로 바꿨다가 다른 기능에서 문제가 생기.. 더보기
Highcharts X축 마지막 연도가 안 보인다... tickPositions 직접 계산하기 이번에는 Highcharts로 만들어진 연도별 통계 차트를 수정하면서 생각보다 고민했던 부분을 정리해보려고 한다.기존 통계 차트에는 여러 연도의 데이터가 들어가 있었고, 데이터가 많아지면 Highcharts가 X축 라벨을 적당한 간격으로 생략해서 보여주고 있었다. 예를 들어 데이터가 많으면 모든 연도를 다 보여주는 게 아니라 이런 식이다.2008 2011 2014 2017 2020 2023 처음 봤을 때 나는 이게 딱히 문제라고 생각하지 않았다.오히려 연도가 15개, 20개씩 있는데 그걸 전부 보여주면 X축이 복잡해지니까 Highcharts가 알아서 적당한 간격을 계산해서 보기 좋게 보여주고 있다고 생각했다.그런데 수정 요청이 하나 들어왔다."마지막 연도는 사람들이 볼 수 있게.. 더보기