본문 바로가기

전체 글15

React-native fetch할때 network request failed 오류! React-native 사용은 역시나 어렵다 client에서 fetch를 하니 network request failed 오류가 떴다. android emulator로 로컬에 있는 서버에 fetch를 보내는데 아예 가질 않고 안되길래 구글링을 해서 해결했다 해결 방법은 fetch하는 주소의 localhost부분을 나의 실제 ip를 이용해야한다, ex> fetch('http//xxx.x.x.x(실제ip)/user..... ec2로 보낼땐 ec2 ip를 넣음 된다. 내가 참고한 건 https://www.youtube.com/watch?v=shstJgkLW-I 2020. 6. 8.
REACT-NATIVE Android 환경설정 4주 프로젝트가 시작되었다, 이번 4주 프로젝트는 앱으로 구현하기로 했고, 한번도 사용해보지 않은 react-native를 사용하게 되었다. 아직 초반이라 생각보다 어렵지 않게 expo를 이용해서 환경설정을 했고, 문제가 없어보이던 찰나! 카카오 지도 api 사용이 매우 어렵고 보였고 찾아보니 expo를 이용해서는 아예 할수가 없다고 한다. 그래서 ㅠㅠ 눈물을 머금고 react-native init으로 다시 시작을 했다. react-native로 시작하기는 뭐 어짜피 설치기 때문에 어렵지 않고, 폴더 구조가 카카오 지도 api 문서에서 보던 그 구조여서 반가웠다. 그러나 역시나.. npm run android를 해보니 오류가 발생했다. 그래서 이 문제를 해결했던 과정을 적어놓는다. 첫 오류는 안드로이드 .. 2020. 6. 4.
TIL <7> React (JSX, props, state 등) - JSX const element = Hello, world!; 위의 태그 문법은 문자열도, HTML도 아닌 자바스크립트의 확장 문법인 JSX이다. JSX는 자바스크립트의 모든 기능이 포함되어 있으며 React 엘리먼트를 생성하는 역할을 한다. React에서는 JSX를 함께 사용하여 UI가 실제로 어떻게 보일지 설명하는 것을 권장하고, JSX를 사용하는 것이 JavaScript 코드 안에서 UI 관련 작업을 할 때 시각적으로 더 도움이 된다고 생각하지만 필수적으로 사용해야 하는 것은 아니다. 아래 코드는 JSX 사용 여부는 다르지만 동일한 예시이다. //JSX 사용O const element = ( Hello, world! ); //JSX 사용X const element = React.createEle.. 2020. 4. 14.
TIL <6> 객체의 상속 - 프로토타입을 이용한 상속 > prototype : 자기 자신을 생성하기 위해 사용된 객체의 원형이며, prototype은 prototype object와 prototype link로 나누어볼 수 있다. prototype 속성은 prototype object를 가리키고, prototype object는 기본적인 속성으로 constructor와 __proto__를 가지고 있다. > constructor : prototype object의 속성으로 원형 객체를 참조하고, prototype object 속성들을 그대로 상속받는 객체를 만드는 역할을 하는 함수이다. > __proto__ : 상속받은 상위 객체의 prototype object에 연결해주며 prototype link라고도 한다. __proto__.. 2020. 3. 25.