ReactNative

Expo란? \- 무료로 사용하는 3rd Party 서비스 \- Expo를 이용하면 React Native 개발할 때 개발자가 쉽게 할 수 있도록 도와줌장점 \- 쉬운 배포 및 버전 업데이트 \- Android/X-code 가 없이 본인의 휴대폰으로 테스트 가능

장치의 안전 영역 경계 내에서 콘텐츠를 렌더링함iOS 버전 11 이상의 iOS 기기에서만 적용됨<비교해보기>ViewSafeAreaView앱의 상태표시줄을 제어하는 구성 요소상태표시줄은 일반적으로 화면 상단에 있는 영역으로 현재 시간, Wi-Fi 및 셀룰러 네트워크

CSS가 아닌 JavaScript로 스타일링 함모든 Core Components 가 Style이라는 prop을 가지고 있음inline stylesStyle Sheet 객체 \- 스타일링 코드를 분리해줘서 전체 소스 코드의 가독성이 좋음 \- StyleSheet를 사

가상 키보드에서 벗어나야 하는 뷰의 일반적인 문제를 해결하기 위한 구성 요소키보드 높이에 따라 높이, 위치 또는 아래쪽 padding을 자동으로 조정할 수 있음https://reactnative.dev/docs/next/keyboardavoidingviewAn

Pressable https://reactnative.dev/docs/pressable 정의된 자식에 대한 다양한 프레스 상호 단계를 감지할 수 있는 핵심 구성요소 래퍼

정확하게 버튼을 누르지 않아도 버튼의 주변 부분을 눌러도 실행이 될 수 있도록 HitRect 라는 것을 설정함

b2b 기업의 경우는 상대 사업장과의 거래시 사업자번호 유효성 검사를 필수적으로 진행하게 된다.웹 페이지 뿐만아니라 앱으로 이걸 한번 만들어보고 싶어서 시작하게 되었다. 웹으로만 해도 되겠지만 앱은 고정된 사무실에 머무르지 않고 돌아다니면서 계약을 진행해야하는 수요자들

목표 하나의 코드로 웹(Web) + 모바일(App) 두 플랫폼에서 사용 가능하도록 만든다. React-Native + Next.js + react-native-web React-Native : 모바일 앱 Next.js : 웹 앱 react-native-web :

기능 순서 사용자가 사용자등록번호 입력(클라이언트) 조회 버튼 누르기(클라이언트) 유효한 번호인지 체크해서 서버 응답(유효한 번호인지 체크:서버/서버요청&응답: api호출) mock API 활용해보기 apps/web/app/api/check-biz/route.ts의 경로에 Mock API를 작성해보려고 한다. WHY 실무에서 API가 완성되지 않는 경우...

모노레포 도입.. 빌드 지옥의 서막 모노레포를 도입한 이유는 단순했다. 웹은 Next.js로, 모바일은 React-Native로 만들기 공통된 API 요청으로 UI 컴포넌트를 재사용해보고 싶다. 배포 스크립트, ESLint, TypeScript의 설정 등을 한 번에 관