TIL-23.06.27

 

 

문제점

프론트엔드 백엔드 서버간 api통신 시 url주소에 한글이 포함되어있을경우

 

 

 

 

시도한점 & 해결

리액트에서 한글 인코딩은 기본적으로 처리되며 별도의 설정이 필요하지 않는다. 리액트는 JS기반으로 동작하며 JS는 문자열을 유니코드로 처리하기때문이다. 따라서 한글을 포함한 모든 문자는 자동으로 인코딩되어 처리된다. 따라서 프론트엔드에서 백엔드 서버로 요청하는 URL에 한글이 포함되어 있다면 별도의 인코딩 처리는 필요하지않다.

구글링을 통해서 새롭게 얻게된 사실이다...

기존에는 URL에 한글이 포함되어있었다면 포함된 한글을 encodeURIComponent()메소드를 사용해 인코딩 해 백엔드 서버로 전송해왔고, 백엔드 서버에서 인코딩된 한글을 제대로 디코딩하는 과정이 있다면 그동안은 올바르게 서버통신이 가능해왔다. 그러나 반드시 그렇게 할 필요가 없다는 사실을 인지했다. JS가 문자열을 유니코드로 처리한다는 사실과, 모든 문자는 자동으로 인코딩된다는 사실을 새롭게 알게되었다.