나보단 잘하자

저희 회사는 크게 2개의 파트가 있는데 한 파트는 Next.js로 만들어진 자체 사이트(주로 작업은 여기서 합니다), 또 다른 하나는 카페24에서 운영하는 쇼핑몰 사이트를 운영합니다. 가끔 카페24 사이트를 운영하는 파트가 기술팀에 기능 개발을 요청하곤 하는데 그 담당자가 제가 돼 버렸네요. 때문에, 바닐라 자바스크립트도 만지고 있는데 최근에 꽤 팁이 될 수 있을 만한 이벤트가 있어 적어보려 합니다. 개요 카페24에서 이미지를 수정해서 업로드하면, 자체 캐시 기능이 이미지를 캐싱해서 새로고침을 해도 이미지 수정 적용이 바로 안됩니다. url에 파라미터를 넣어 수정해봐도 수정이 안되는 경우가 있습니다. 이 문제에 대해 카페24는 '이미지 이름을 다르게 업로드'하는 방법을 해결책으로 설명하고 있습니다. 그러..

콜백함수. 말 그대로 부르면 오는 함수다. 콜백함수를 학습하기 전에, 동기와 비동기에 대해 알아보고 가자. 1. 동기 vs 비동기 동기적 처리 : 코드의 실행은 위에서 아래로 순차적으로 실행되는 것이 원칙이다. 동기적 처리는 코드의 요청과 함께 실행된 결과가 나타나야 한다. 때문에, 실행이 오래걸리는 로직의 순서가 오면 해당 로직의 결과가 나타날 때 까지 다음 로직들은 아무것도 못한 채 대기해야 한다. 쉬운 예를 들자면, 테이블링이나 번호를 적으면 순서에 문자를 보내주는 방식등이 없는 맛집에서 식사를 하기 위해 오로지 자신의 순서가 올 때 까지 주구장창 줄을 서 기다리는 상황이 될 수 있겠다. 비동기적 처리 : 코드가 순차적으로 실행되다가, 어떤 무거운 로직이 걸려도, 해당 로직이 로딩되는 동안 다음 순..