선생님 개발블로그가 하고싶어요.

vscode 에서 rn을 작성하고있다보면 보이는 이 js 파일 로고...

이걸 굳이 jsx로 확장자를 변경해보면 

이런 멋진! 리액트 로고가 된다.

굳이 해줄 필요는 없어 보이나

난 이 로고로 작성해나가고 싶어서 jsx 파일 지원에 대한 글을 작성해본다.

우선 rn프로젝트 루트에서 지원되는 확장자를 따로 작성해줘야한다.

metro.config.js 파일에 해당 내역을 작성해주면된다.

참고로 sourceExts영역은 md파일이라던가 뭔가 다른 확장자를 가진 애를 가져올때 적어주면된다.

module.exports = {
  transformer: {
  	...
  },
  resolver: {
    sourceExts: ['jsx', 'js'], //add here
  },
};

사실 이 metro설정에도 우선 적용되는 단계가 있다고한다만 그냥 여기다가 적자...

만약 해당 파일이 없으면

package.json 파일에 metro영역을 만들어 적용해주자

자세한 방법은 공식 도큐먼트를 봅시다...

https://facebook.github.io/metro/docs/configuration/#resolver-options

A Metro config can be created in these three ways (ordered by priority):

1. metro.config.js
2. metro.config.json
3. The metro field in package.json

You can also give a custom file to the configuration by specifying --config <path/to/config> when calling the CLI.

최신 시뮬레이터를(또는 기기)에서 테스트를 해보기위해 최신버전 xcode가 필요했다만

구형 라이브러리를 사용중인 리액트 네이티브 프로젝트때문에 최신버전 xcode를 사용하지 못하고 있었다.

최신버전( 12.5.1 )에서 해당 프로젝트를 사용하지 못할까 하여 찾아보고 아래와같은 시도로 성공을 했다.

1 ~ 4번은 flipper의 구형버전때문에 발생하는 문제로 사용안하기에 주석처리

1. Podfile의 use_flipper 부분과 post_install do 항목 주석처리  
2. pod install
3. run 해봤지만 안돌아가서 왓치맨-빌드 파일등 들을 초기화 및 삭제해줌
4. build fail 

아래와 같은 에러 발생

Undefined symbols for architecture x86_64:

  "Swift._ArrayBuffer._copyContents(initializing: Swift.UnsafeMutableBufferPointer<A>) -> (Swift.IndexingIterator<Swift._ArrayBuffer<A>>, Swift.Int)", referenced from:

이전 swift5의 컴파일러가 돌아갔을때의 문제와 비슷해보인다.

1. .xcodeproj파일의 PROJECT항 의 build Settings의 Library Search Paths의 swift-5.0항을 삭제해본다.
2. run ….
3. xcode상에서는 빌드가 성공했다.