전체 글
![[react-native] react-native-maps를 사용한 Google map 연동](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FmOaVq%2Fbtsngtl9bdW%2FTt7IGrugt4yeiiakJRQf1k%2Fimg.png)
[react-native] react-native-maps를 사용한 Google map 연동
우선 저는 expo를 사용했습니다! react native에서 지도를 사용하기 위해 react-native-maps를 사용해보았습니다. 우선 첫번째로 google 클라우드 플랫폼에서 map api를 만들어 줍니다. Google 클라우드 플랫폼 로그인 Google 클라우드 플랫폼으로 이동 accounts.google.com 만드는 방법은 API 키를 만들어 줍니다. 키제한 등 보안 관련 옵션들은 선택사항이더군요 그 다음 app.config.ts 키값을 넣어줘야 합니다. // app.config.ts ios: { supportsTablet: true, bundleIdentifier: "", config: { googleMapsApiKey: process.env.GOOGLE_MAP_API_KEY, }, }, ..
React-Query Query data cannot be undefined 해결 방법 및 Promise에 대해
React query에서 useQuery를 사용하던중 다음과 같은 에러가 발생했다 Query data cannot be undefined 다음 에러는 useQuery에 등록한 함수가 Promise를 반환하지 않아서 이런 에러가 난 것이다. 해결 방법 1. 화살표 함수로 바로 리턴해준다. const { data, status } = useQuery(['test', id], () => fetchTest(id)); 2. 중괄호 내부에서 명시적으로 return 문을 써준다. const { data, status } = useQuery(['todos', id], () => { return fetchTest(id); }); 또한 async 와 await으로 해결 할수도 있다. 뜬금 없지만 기초를 잡기 위해 Prom..
주소창에 주소를 치면 일어나는 일
우리가 웹 브라우저를 키면 나오는 주소창에 주소를 치면 무슨일이 일어나는 걸까? 물론 그 주소에 맞는 화면이 나온다. 당연한 말이지만 면접에서 이렇게 말하면 안되는거 잖아요.. 그래서 공부를 하면서 한번 정리 해보려 합니다. 1. 리다이렉트 (Redirect) 리다이렉트(Redirect)란 re(다시)+direct(지시하다) 말 그대로 다시 지시하라는 뜻이다. 예를 들어서 www.hellol77.com/post1 으로 요청을 했다고 하면 서버는 HTTP 응답 메시지를 통해 www.hellol77/post2로 다시 요청해보라고 다시 지시할 수 있는 것을 리다이렉트라고 한다. 브라우저(첫번째 요청) -> server(내가 알려주는 곳으로 가봐) -> 브라우저(그럼 가봐야겠다) -> server 첫번째 요청을..
Redux 와 RTK(Redux toolkit)
✨ Redux란..? redux란 JavaScript 상태관리 라이브러리이다. 🌎 Redux의 기본 개념 Single source of truth 애플리케이션의 모든 상태는 하나의 저장소(Store) 안에 하나의 객체 트리 구조로 저장됩니다. State is read-only (state는 읽기 전용이다.) 상태를 변화시키는 유일한 방법은 무슨 일이 벌어지는 지를 묘사하는 action 객체를 전달하는 방법뿐입니다. 리액트에서는 setState 메소드를 이용해야 상태 변경이 가능한데 redux에서도 action이라는 객체를 통해서만 상태를 변경할 수 있다. Change are made with pure functions (변화는 순수 함수로 작성되어야한다.) 변경은 순수함수로만 가능하다. 이전 상태를 변경..
aws amplify 'url' 에서 리디렉션한 횟수가 너무 많습니다. 해결 방법
aws amplify에 배포를 하고 이제 다되었나 보니까는 'www..'에서 리디렉션한 횟수가 너무 많습니다. 라는 에러가 나왔다. 간단한 오류 였는데 우여곡절이 많았다. 1. 일단 시키는대로 쿠키를 삭제해보고 다시 들어가보자! 일단 시키는대로 쿠키를 삭제해보고 들어가보면 해결 되어있을 수 있다. 많은 사람들이 쿠키를 삭제하고 다시 들어가보니 잘 동작하였다고 한다. 하지만 나의 경우에는 애초에 배포를 할 때 설정을 리디렉션 설정을 잘못한 것이였다. ChatGPT가 이렇게 말했다 'www...' 리다이렉션 횟수가 많은 경우, 다음과 같은 몇 가지 원인과 해결 방법을 고려해 볼 수 있습니다: 중복 리다이렉션 규칙: Amplify 또는 다른 웹 호스팅 서비스에서 설정한 리다이렉션 규칙이 중복되어 계속해서 리다..
redux error - A non-serializable value was detected in an action, in the path 해결 방법
참고 링크 Getting an error "A non-serializable value was detected in the state" when using redux toolkit - but NOT with normal redux I am trying to switch an app I am building over to use Redux Toolkit, and have noticed this error coming up as soon as I switched over to configureStore from createStore: A non-serializable value ... stackoverflow.com Redux Toolkit - A non-serializable value was detect..