{"componentChunkName":"component---src-templates-blog-post-js","path":"/development/React-Native-환경-설정하기/","result":{"data":{"site":{"siteMetadata":{"title":"JULog","author":"[Ju Chan Hwang]","siteUrl":"https://julog.netlify.app","comment":{"disqusShortName":"","utterances":"JuChanHwang/gatsby-starter-bee"},"sponsor":{"buyMeACoffeeId":"jbee"}}},"markdownRemark":{"id":"696a2bfd-aeb6-5348-8e01-9d2b751cf326","excerpt":"IT 동아리 NEXTERS에서 앱을 만들고 있다.\n나는 웹 프론트엔드 개발자이고, 안드로이드 개발자가 있다. 팀 회의 끝에 웹 개발자와 앱 개발자가 함께 개발 할 수 있는 환경을 위해 react-native를 사용하기로 결정했다. 리액트를 조금 다루어보았지만 RN은 처음이었다.\nReact-Native 공식 Document를 읽으며 환경 설정을 하였지만, 마주한 것은 에러였다. 스크린샷 2019-07-20 오후 7.56.3…","html":"<p>IT 동아리 NEXTERS에서 앱을 만들고 있다.\n나는 웹 프론트엔드 개발자이고, 안드로이드 개발자가 있다. 팀 회의 끝에 웹 개발자와 앱 개발자가 함께 개발 할 수 있는 환경을 위해 react-native를 사용하기로 결정했다.</p>\n<p>리액트를 조금 다루어보았지만 RN은 처음이었다.\nReact-Native 공식 Document를 읽으며 환경 설정을 하였지만, 마주한 것은 에러였다.</p>\n<p><img src=\"https://raw.githubusercontent.com/juchanhwang/julog/master/content/blog/development/images/%EC%8A%A4%ED%81%AC%EB%A6%B0%EC%83%B7%202019-07-20%20%EC%98%A4%ED%9B%84%207.56.32.png\" alt=\"스크린샷 2019-07-20 오후 7.56.32\"></p>\n<p>구글링을 하면서 문제를 해결해보려고 했지만 쉽지가 않았다.</p>\n<p>ios 폴더에 build 폴더를 삭제하고 다시 실행해보기도 했었고, Xcode의 project setting도 바꿔보기도 했었다.</p>\n<p>하지만, 가장 보편적인 방법이 해결해주지는 못했다.</p>\n<h4 id=\"해결책\" style=\"position:relative;\"><a href=\"#%ED%95%B4%EA%B2%B0%EC%B1%85\" aria-label=\"해결책 permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>해결책</h4>\n<ul>\n<li>CocoaPod Install</li>\n</ul>\n<p><img src=\"https://raw.githubusercontent.com/juchanhwang/julog/master/content/blog/development/images/%EC%8A%A4%ED%81%AC%EB%A6%B0%EC%83%B7%202019-07-20%20%EC%98%A4%ED%9B%84%207.57.19.png\" alt=\"스크린샷 2019-07-20 오후 7.57.19\"></p>\n<ul>\n<li>pod update</li>\n</ul>\n<p><img src=\"https://raw.githubusercontent.com/juchanhwang/julog/master/content/blog/development/images/%EC%8A%A4%ED%81%AC%EB%A6%B0%EC%83%B7%202019-07-20%20%EC%98%A4%ED%9B%84%207.57.39.png\" alt=\"스크린샷 2019-07-20 오후 7.57.39\"></p>\n<p>설렘과 기대로 다시 실행 <code class=\"language-text\">react-native run-ios</code></p>\n<p><img src=\"https://raw.githubusercontent.com/juchanhwang/julog/master/content/blog/development/images/%EC%8A%A4%ED%81%AC%EB%A6%B0%EC%83%B7%202019-07-20%20%EC%98%A4%ED%9B%84%207.58.16.png\" alt=\"스크린샷 2019-07-20 오후 7.58.16\"></p>\n<p><strong>코코아팟이란?</strong></p>\n<blockquote>\n<p>“CocoaPods는 Swift 및 Objective-C 코코아 프로젝트의 종속성 관리자입니다.</p>\n<p>28,000 개가 넘는 라이브러리를 가지고 있으며</p>\n<p>170 만 개가 넘는 응용 프로그램(앱)에서 사용되고 있습니다.</p>\n<p>CocoaPod은 프로젝트를 <strong>우아하게</strong> 확장 할 수 있도록 도와줍니다.”</p>\n<p>(출처: <a href=\"https://zeddios.tistory.com/25\">https://zeddios.tistory.com/25</a>)</p>\n</blockquote>\n<h3 id=\"느낀점\" style=\"position:relative;\"><a href=\"#%EB%8A%90%EB%82%80%EC%A0%90\" aria-label=\"느낀점 permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>느낀점</h3>\n<blockquote>\n<ul>\n<li>세상에 해결 할 수 없는 문제는 없는 것 같다. 그 문제를 해결하기 위해 내가 얼마나 많은 삽질(?)을 했는지가 중요하다. 이러한 과정들이 있어야 삽질(?)의 노하우가 생기고, 문제 해결능력 또한 향상되는 것 같다.</li>\n<li>환경설정은 언제나 어렵다 (왜 나한테만 이런 에러가 나는 것일까)</li>\n</ul>\n</blockquote>","frontmatter":{"title":"React-Native 환경 설정하기","date":"July 20, 2019"}}},"pageContext":{"slug":"/development/React-Native-환경-설정하기/","previous":{"fields":{"slug":"/development/ESLINT-airbnb-코드스타일-적용하기/"},"frontmatter":{"title":"ESLINT-airbnb 코드스타일 적용하기","category":"development","draft":false}},"next":{"fields":{"slug":"/JavaScript/this_call_apply_and_bind/"},"frontmatter":{"title":"this, call, apply, and bind","category":"JavaScript","draft":false}}}},"staticQueryHashes":["3128451518","96099027"]}