썬이의 IT세상

fetch를 이용하여 API를 사용할 때, GET 함수를 불러올 경우 위와 같은 에러를 마주할 때가 있다. 예를 들면, fetch(`${IP}/users/${props.id}/1`) .then(response => response.json()) .then(data => console.log(data)) 이런 식으로 GET 호출하였다 치면 거의 100% 위와 같은 에러를 마주할 것이다. 해결 방법은 아주 간단하다. fetch(`${IP}/users/${props.id}/1`) .then(response => response.json()) .then(data => console.log(data)) .catch(error => {console.log(error)}) 이런식으로 .catch 만 붙여주면 아주 간..

React Native 앱을 만들면서, TouchableOpacity 혹은 Button 안에 Icon Image를 삽입하고 Text를 넣을 경우, 이미지가 버튼의 크기보다 클 경우에 짤리는 경우가 있다. 이렬 경우 Margin / Padding, Width/Height 등의 속성을 사용해도 찝찝하다. 이미지 크기가 다르더라도 원본의 비율을 그대로 가져오고 싶을 때, style 속성에서 이런 식으로 스타일을 주면 해결된다.

이번 시간에는 Android Studio로 Build한 Debug Apk 파일을 USB 없이 와이파이 환경에서 디버깅하는 법을 다뤄보겠다. 제목에는 USB 없이라고 되어있지만, 사실 초기 설정에는 USB 연결이 1회 필요한데, 이는 adb tcp/ip port를 열기 위함이다. 그리고 스마트폰 환경설정에서 '개발자 옵션'을 켜두어서 세팅을 해주어야 한다. 스마트폰에서 개발자 모드를 실행하고, 데스크탑과 스마트폰을 USB 연결을 해준다. 개발자 옵션 내에서 USB로 디버깅 / Wifi 환경에서 디버깅을 체크해주고, cmd에서 adb devices 를 하여 스마트폰과 PC가 잘 붙었는 지 확인해준다. 모든 준비가 끝났다면, cmd창에서 adb tcpip 5555 //Port 5555 Open 를 입력해준 후..

프로젝트에 새로 투입되어, 소스 파일을 받고 테스트 해보려 하는데, react-native run-android 명령어를 쳐도 실행이 되지 않는 것이었다 ㅠㅠ expo로만 앱개발을 했어서, react-native로 빌드하는 것은 생소했고 https://dev-yakuza.posstree.com/ko/react-native/install-on-windows/ 윈도우(Windows)에 react native 개발 환경 구축하기 react-native로 앱을 개발하기 위해 윈도우(Windows)에 개발 환경을 구축해 보고, react-native로 생성한 프로젝트가 잘 동작하는지 확인해 봅니다. dev-yakuza.posstree.com 이렇게 차근차근 잘 알려주신 글이 있는데도 계속 에러가 떠서 며칠 스트레..

https://k-taeyang.tistory.com/11 [React]리액트 훅(Hook)에 대해 알아보자!(useState, useEffect) - 2 UseState https://k-taeyang.tistory.com/9 [React]리액트 훅(Hook)에 대해 알아보자!(useState, useEffect) - 1 React에서 말하는 Hook은, React 버전 16.8부터 React 요소로 새로 추가되었다. Hook을 이용하면, 기존 Clas.. k-taeyang.tistory.com 오늘은 React Hooks의 useEffect에 대해 중점적으로 알아보자. 우선, useEffect 함수는 리액트 컴포넌트가 랜더링 될때마다, 특정 작업을 실행할 수 있도록 하는 Hook이다. 앞선 시간에 배..