210728 개발기록

 

🏈  map() 함수 내부에서 스프레드 연산자를 사용할 때 겪은 시행착오

- result 는 배열 내부에 여러 객체가 존재한다. [ {}, {}, {}, ... ]

- result 내부의 개별 객체에 'sex/age' 라는 key를 추가하여 result 를 리턴하고 싶었다.

- 아래처럼 코드를 작성했지만, 계속 에러가 발생했다.

result.map(res => {
    {
    ...res,
	'sex/age' : res.age + res.sex_cd
    }
})

 

원인: 내가 하고자 하는 것은 'Sex/age' 라는 key 를 추가한 새로운 객체를 얻는 것이었다. 

새로운 객체를 얻으려면, 새로운 변수를 선언하고, 새로운 값(객체)을 할당해주어야 한다.

즉, return 을 해주어야 한다!

 

 

🔱  고친 코드

const _result = result.map(res => {
    return (
        {
            ...res,
            "sex/age": res.sex_cd + '/' + res.age
        }
    )
})

새로운 변수 _result 를 선언 후, map() 함수 내부에 return 을 사용하여 새로운 객체를 할당했다. 

 

시행착오를 겪은 이유를 돌이켜보면, 1) 우선 spread 연산자가 익숙하지 않아 내 코드에 자신이 없었다. (적어도 spread 연산자에서 문제가 있었던 것은 아니었으니).   2) 콜백함수 map() 을 제대로 이해하지 못했던 것 같다. 그저 iterable 한 함수 정도로 막연하게만 알고 있어서 return 을 빨리 생각하지 못했다. 

MDN 에서 map() 의 정의를 찾아봤다.

map() 메서드는 배열 내의 모든 요소 각각에 대하여 주어진 함수를 호출한 결과를 모아 새로운 배열을 반환합니다.

즉 배열 내 모든 요소에, 개발자가 만든 함수를 적용/호출한 결과를 모아 새로운 배열로 반환(return) 한다.  이 점을 간과하지 말자. 

 

---

HTTP Status code

다른 연구원분이 api 를 호출할 때, put을 사용하였는데, post 가 더 적절한 것 같다고 말씀드렸다. 

post 로 수정 후 return 된 status code 를 확인했는데 200 이 아닌 다른 값이 들어와, 뜻하지 않은 분기를 탔다고 한다. 

엥 왜 200 이 아니지라고 생각했는데, 살펴보니 201이 찍혀있었다. Post(create) 는 당연히 201 상태코드를 반환하는데, 200을 기대하여 벌어진 해프닝이었는데, 덕분에 200 과 201, 이 둘을 헷갈릴 일은 더 이상 없게 됐다 ^.^