오늘은 URL 파라미터를 정리해보려고 합니다.URL 파라미터에 대해 간략한 설명과 JS에서 운영하는법, react에서 react-router의 hook들을 사용한 방법들을 소개해보려고합니다. 바쁘신 분들은 맨 밑으로 내려가셔서 5. 읏차차 최종정리 (요약) 섹션만 확인해주세요! 1. URL 파라미터의 종류URL에는 두 가지 파라미터가 있습니다.https://example.com/product/123?category=react&page=1 ↑ ↑ 경로 파라미터 쿼리 파라미터 경로 파라미터 (Path Parameter)URL 경로의 일부: /product/123, /user/kim필수 값, URL 구조의 핵심입니다.용도: ..

사용자의 입력이 유실되지 않도록 입력 중간 중간마다 입력값을 로컬스토리지에 임시 저장하는 기능을 만들고 있었습죠. 작업 중 매번 이벤트 발생 시마다 저장기능 함수를 호출하거나, setInterval 등으로 끊임없이 저장기능 함수를 호출하게 된다면, 불필요하게 과도한 호출이 발생하는거 아닐까? 라는 생각이 들었습니다. ㅎㄷㄷ 운명적이게도, 구독하고 있던 기술메일에 디바운스와 쓰로틀과 관련된 내용을 받았고, 이거다! 싶어서 적용해보았습니다.간단한 개념 정리와 함께 내가 왜 이 기술을 선택했는지 기록해보려고 합니다. 디바운스와 쓰로틀둘 다 이벤트 핸들러가 너무 자주 실행되지 않도록 조절하는 기법. 하지만 동작 방식에 차이가 있습니다. 디바운스?이벤트가 반복 발생했을 때, 마지막 이벤트만 실행되도록 만들어주는..

오랜만에 소수점 다룰 일이 있었는데 아 뭐더라 느낌으로 살짝 헷갈렸습니다.쫀심 상해서 정리하겠습니다. Math.ceil()무조건 올림양수 / 음수 케이스음수일 때 무조건 더 큰 수로Math.ceil(4.1); // 5Math.ceil(-4.1); // -4 Math.floor()무조건 내림양수 / 음수 케이스음수일 때 무조건 더 작은수로Math.floor(4.9); // 4Math.floor(-4.9); // -5 Math.round()0.5 이상이면 무조건 올림, 미만이면 내림양수 / 음수 케이스양수, 음수의 0.5 기준이 반대 방향으로 보여서 헷갈릴 수도 있다. 하지만 양수든 음수든 0.5 기준 큰 수로 간다고 생각하면 되겠습니다.그 외에는 작으니까 더 작은 수로, 크니까 더 큰 수로..