본문 바로가기

프로그래밍119

[React Native] .jsx 확장자 사용시 에러 및 설정 방법 프로젝트를 생성하고 .js 파일만으로도 충분히 개발이 가능하다 하지만 개발시 명시적인게 좋아서 JSX 파일에 .jsx 확장자를 사용하고 설정하는 방법을 알아보자 일단 프로젝트를 새로 생성 후 보이는 App.js 파일을 App.jsx로 바꾸고, npx react-native start npx react-native run-ios yarn이 설치되어 있다면 npx대신 사용해도 된다 Metro와 Application을 다시 실행해보면 에러가 발생한다 에러메시지 중, None of these files exist라고 나오면서 .jsx로 바꾼 파일명 뒤에 (.native|.ios.js|.native.js|.js|.ios.json|.native.json|.json|.ios.ts|.native.ts|.ts|.ios... 2021. 3. 14.
[IntelliJ] Prettier 설정하기 설정하기에 앞서 Prettier가 무엇인지 간단히 알아보면, JavaScript, JSX, Angular, Vue, Flow, TypeScript, CSS, Less, and SCSS, HTML, JSON, GraphQL, Markdown, including GFM and MDX, YAML의 코드 포맷을 사용자가 설정한 대로 만들어준다 그럼 Prettier는 왜 필요한가? 코드 스타일을 강제하여 1명 이상이 개발했을 때도 1명이 개발한 것처럼 통일성을 유지하여 깔끔한 코드를 유지할 수 있다. (완벽하다고는 할 수 없지만 혼자 사용할 때도 유용함엔 틀림 없다) 이제 설정을 해보자 Preferences > Plugins > Prettier를 검색해서 설치 후 재부팅한다 npm install --save-de.. 2021. 3. 11.
[npm / yarn] 자주 사용하는 CLI Commands 차이점 정리 npm과 yarn의 비슷하지만 약간은 다른 명령어, 그것이 궁금하다 npm yarn 설명 npm install -D | --save-dev yarn add -D | --dev devDependencies에 추가됨 npm install -E | --save-exact yarn add -E | --exact 정확한 package 버전이 설치됨 추가중... 2021. 3. 10.
[Xcode] Simulator 설치 후 삭제하는 법 Xcode의 시뮬레이터는 용량이 어마무시하다 최근 설치한 14.3버전의 용량이 10기가라 용량도 크고 기본 설치된 버전이 있어서 삭제해보려고 한다 /Library/Developer/CoreSimulator/Profiles/Runtimes 해당 경로로 이동하여 설치된 버전을 삭제해주면 Xcode에서 하나하나 선택해서 삭제하지 않아도 된다 끝. 2021. 3. 8.
[React Native] iOS 실행시 에러(Flipper 관련) Xcode: 12.4 react: "16.13.1" react-native: "0.63.4" 새로운 프로젝트 생성 후 npx react-native run-ios를 실행했는데 에러가 발생했다. 뭐지?! 터미널을 확인해보니, warning: The iOS Simulator deployment target 'IPHONEOS_DEPLOYMENT_TARGET' is set to 8.0, but the range of supported deployment target versions is 9.0 to 14.4.99. (in target 'Flipper' from project 'Pods') 그리고 Xcode에서는 event2/event-config.h file not found 이런 경고가 있어서 검색을 해보았다.. 2021. 3. 8.