React
-
React Native ios Build Failed 해결 과정 - 2 [ TIL / React Native ]앱개발/React Native 2023. 8. 16. 12:28
문제 파악 제각기 다른 해결책 제시로 문제 해결에는 난항을 겪고 있던 와중, 지속적으로 똑같은 Error 메시지를 보면서 생각한게 있다. 이를 정리해보도록 하겠다. 위의 에러 로그는 이전에 작성한 포스팅에서도 제시한 적이 있다. yarn ios 명령을 터미널에 입력했을 프로젝트를 빌드하면서 생기는 문제였다. 사실 이 로그의 하단 부에는 엄청난게 긴 에러 로그가 더 있다. 근데 모두 하나같이 Compile C라는 문제가 발생했다. 그리고 위 로그의 상단부에서도 clang-12가 문제를 일으키고 있는 것을 확인할 수 있다. C언어로 컴파일하는 문제가 발생하고 있는 거라면, 어쩌면 시스템이 컴파일 하기 위한 도구를 캐치하지 못하고 있는 것일 수도 있다는 생각을 했다. 우선 가장 많이 제공되었던 해결책이 xco..
-
React Native ios 빌드 실패 해결과정 [ TIL / React Native ]앱개발/React Native 2023. 8. 16. 00:51
배경 새로운 프로젝트를 웹이 아닌 앱으로 유저에게 제공할 기획을 세우게 되어서 앱을 개발할 방법을 찾고 있었다. 특히 본인이 React를 사용해서 여러 웹개발 프로젝트를 진행해 왔기 때문에 이 상황을 유리하게 사용하고 싶었다. 그래서 생각해낸 것이 바로 React Native이다. 이미 많은 사람들이 알고 있을지 모르지만 React Native는 ios와 Android의 앱 개발을 React 프레임워크를 기반으로 개발을 해낼 수 있게 만든다. 표면적으로는 React 기반의 JavaScript 코드가 돌아가면서, 브릿지를 두어 ios나 Android의 Native 컴포넌트들과 메시지를 통해 상호작용을 한다고 한다. Flutter를 사용할까 잠깐 고민했지만, 이제 막 커뮤니티가 성장하는 단계라 이후 새로운 ..
-
react-router-dom 라이브러리 사용법웹개발/React.js 2022. 9. 23. 19:22
리액트, 첫 문을 'react-router-dom' 라이브러리 설명으로 열게 되었다. 아직 딥하게 공부한 것은 아니어서 간단히 소개만 하는 글이 될 것 같다. 'react-router-dom'을 이해하기 위해서는 SPA 개념에 대해서 이해하고 있어야 한다. SPA 과거 웹 어플리케이션은 여러 HTML 페이지를 두어 제공하는 형식이었다. 클라이언트에 측에서 URL을 이용하여 서버에 있는 자원을 요청하면, 서버는 요청한 자원이 있는지 확인하고 클라이언트에게 자원 통째로 제공한다. 이런 결과로 클라이언트는 매번 요청 때마다 이전 페이지를 새로 갱신하여 현재 페이지를 확인해야 했다. 지금이야 인터넷 속도가 빨라져서 눈 깜짝할 새에 요청/응답이 진행된다고 하지만, 그렇지 않은 때는 불필요한 갱신 때문에 시간을 써..