간혹 가다 프론트에서 api 를 호출할 때 인자로 넣어주는 id 값을 url 에서 가져올 때가 있다. 그럴 때는 split 메서드를 써서 아이디값만 아래처럼 따로 추출한다.
// url
localhost:8080/community/posts/11
// 위 url 에서 id 값 11 을 가져오기 위한 코드
const postId = location.pathname.split('/')[3];
split 메서드는 자바에서도 그렇고 '문자열'을 나누는 메서드이다. 그렇기 때문에 저 코드에서 반환되는 값도 당연히 문자열이다. 이 당연한 사실을 자꾸 까먹고, 11 을 숫자로 인식하고 메서드에 넣었다가 원하는 대로 동작이 되지 않아 끝없는 디버깅을 한 적이 있는데 오늘 또 그 행동을 반복했다^^.... 이것 때문에 아까운 시간을 날린 걸 생각하면 조금 화가 나지만, 다음에도 또 같은 실수를 반복하지 않기 위해서 이렇게 기록으로 남겨둔다.
제발 정신 차리자~~~~~~~
'TIL' 카테고리의 다른 글
Plmography 프로젝트 작업 로그 #51 - css 작업 계획 (23.02.10 TIL) (0) | 2023.02.11 |
---|---|
Plmography 프로젝트 작업 로그 #50 - if 문을 잘 사용하자! (23.02.09 TIL) (0) | 2023.02.09 |
Plmography 프로젝트 작업 로그 #48 - response for preflight has invalid (23.02.07 TIL) (0) | 2023.02.07 |
Plmography 프로젝트 작업 로그 #47 - css 작업 시작 (23.02.06 TIL) (0) | 2023.02.06 |
Plmography 프로젝트 작업 로그 #46 - 백로그 체크 (23.02.05 TIL) (0) | 2023.02.05 |
댓글