| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | ||
| 6 | 7 | 8 | 9 | 10 | 11 | 12 |
| 13 | 14 | 15 | 16 | 17 | 18 | 19 |
| 20 | 21 | 22 | 23 | 24 | 25 | 26 |
| 27 | 28 | 29 | 30 |
- react
- Bestawards
- Unmounting
- 훈훈한자바스크립트
- filter
- getDerivedStateFromProps
- props
- next
- React.js
- ts
- typescript
- 에릭슨엘지
- props.key
- 코드캠프
- javascript
- axios
- 15721
- dataFetching
- nodejs
- js
- map
- Baekjoon
- Erricson
- GirlsInICT해커톤
- Girls_In_ICT
- BOJ
- 이미지스캔
- 백준
- 객체인지
- 자바스크립트
- Today
- Total
목록WEB FE/React Native (2)
민희의 코딩일지
[React Native] react-native-document-scanner 사용법
SKT FLY AI Challenger 4기 프로젝트 프론트엔드 개발하면서 앱 상에서 미술작품의 사진을 찍어 크롭한 뒤 찌그러진 사진을 평평하게 펴주어야 했다. 사용자가 미술작품의 사진을 찍고 모서리에 맞게 크롭해주면, 평평하게 펴주는 기능을 구현하고자 이와 관련된 React Native 라이브러리를 찾아보았다. 그 과정에서 react-native-document-scanner-plugin이라는 오픈 소스를 찾게 되었고, 이를 활용해본 내용을 이번 포스팅에서 정리해보고자 한다. react-native-document-scanner 라이브러리는 아이폰 유저들에게 친숙할 것이다. 그 이유가 아이폰 메모앱의 문서스캔과 동일한 기능을 수행하기 때문이다. 이 라이브러리는 말그대로 최적의 문서스캔을 위한 라이브러리..
[React Native] setting error (Pods, twrnc)
#1. ios/Pods 에러 cd ios (Podfile이 있는 디렉토리) sudo arch -x86_64 gem install ffi arch -x86_64 pod install #2. react-native에서 활용할 수 있는 tailwind.css 라이브러리 nativewind, tailwind-rn, twrnc 크게 이 세종류인것같은데, 나는 twrnc로 진행하였다. https://www.npmjs.com/package/twrnc?activeTab=readme twrnc simple, expressive API for tailwindcss + react-native. Latest version: 3.6.7, last published: 18 days ago. Start using twrnc in ..