야니와 충스의 햄볶기

안녕하세요 최근에 부동산 셀프 등기를 진행하면서 스터디한 자료를 취합하여 앱 으로 만들어 봤습니다. 앱을 통해 부동산 등기 준비 부터 완료까지, 다양한 가이드와 정보를 제공할 수 있도록 구성하였고, 이를 활용하여 조금의 노력으로도 셀프 등기를 유연하게 진행할 수 있습니다. '셀프등기가이드' 앱 다운로드는 아래 클릭 지원기능 - 2021 최신 부동산 정책과 세율 반영 - 매매, 상속, 증여 항목 별 등기방법 및 비용 제공 - 아파트, 빌라, 상가, 토지 별 등기 가이드 제공 - 등기 중 발생하는 모든 비용 계산 기능 제공 - 거주지역별, 평수별, 보유주택별 감면조항 선택 제공 - 등기에 필요한 매수, 매도, 중개인 체크리스트 제공 - 매매, 상속, 증여 항목별 등기에 필요한 체크리스트 제공 - 등기 체크리..

거진 프로젝트가 완성 되어, 안드로이드 와 IOS device 동작 화면을 비교해봤습니다. Platform 한정 component 를 사용하지 않았기 때문에 거의 비슷하게 동작하고 있네요. 물론 쿠퍼티노 디자인이 훨신 낫습니다. 프로젝트 file은 다음번에 GitHub 에 올릴 예정입니다.

stacknavigation 으로 연결된 stack function 끼리 전환하는 case에서 인자에 props 전달하는 방법 입니다. navigate() 호출 시 props 값에 넣어준 url 대로 webview screen을 띄우려고 search 하다가 삽질도 좀 하고 알게 되었네요 참고한 부분은 react-navigation 입니다 https://reactnavigation.org/docs/navigation-prop/ React Navigation Each `screen` component in your app is provided with the `navigation` prop automatically. The prop contains various convenience functions tha..

9일차는 'The Net Ninja' React Native 강좌에 있던 내용 중 Custom Font, Global Styles 를 현 project에 적용 해보겠습니다 Expo URL 을 참고 해서 google font download 진행. https://docs.expo.io/versions/latest/sdk/font/ Font - Expo Documentation Font expo-font allows loading fonts from the web and using them in React Native components. See more detailed usage information in the Using Custom Fonts guide. Platform Compatibility And..

7일자 to do app 에 적용해본 useState Component 를 등기계산기 project 에 적용해보겠습니다. 오늘 coding Output 은 Calculator 에서 '거래금액' 과 '공시지가', 그리고 '채권매도할인율' 을 입력하고 '계산하기' Button Component 를 클릭하면 채권, 수입인지, 취득세, 등기총비용에 값이 적용되도록 하는 것. 먼저 각 금액 별 useState Component instance 를 만들고 calculateHandler() 로 input 값을 output 창에 write. 우선 값을 대충 쓰지만, 추 후에 제대로 된 값이 입력 되도록 수정 진행. const 상수인 bondPrice 는 위에서 useState(초기화깂) 으로 0이 되었기 때문에 처음 ..

부동산 등기 두번째 탭 Check List UI 구성 진행 - FlatList 매도인 / 매수인 의 등기 Check List 를 List로 보여주려면 ScrollView 와 FlatList 정도 쓰면 될 것 같은데 아래 내용을 보면, ScrollView는 all rendering 인데 반해 flatlist 는 default 10개씩 mount 하기 때문에 memory 및 processing time 을 줄일수 있다고 합니다. (사실 수백개 list 가 넘어가야지 flatList 가 유용 하다고 함) Flat List 예제 코드는 아래 활용. https://reactnative.dev/docs/flatlist React Native · A framework for building native apps us..

오늘은 Calculator Tab 내 Layout 구성 Core Component 의 View, TextInput 등 사용해보기 text-style-props CustomPicker Function 활용 참고 https://reactnative.dev/docs/text-style-props React Native · A framework for building native apps using React A framework for building native apps using React reactnative.dev Style 다양하게 변경 해보고, Layout 구성하기 flexDirection : 'column' - vertical, 'row' - horizontal alignItems : flex-s..

3일차에 이어 4일차 진행 - tab 별로 file 분리 file 구성은 tab 별로 4개 js 파일 새로 추가, 그리고 모두 stackNavigator 적용 Calculator tab만 stack 이동이 필요하므로, 사실 첫번째 탭만 stackNavigator 가 필요한데 다른 탭도 상단 ActionBar 통일성 유지하기 위해 모두 적용. (나중에 ActionBar control 가능해지면 빼자) - bottom navigation style 및 icon 변경 Material Design Icons 에서 가져다 쓸 수 있습니다. 지난주에 Nomad Coder 유투버가 날씨앱 속성으로 만들 때도 여기를 활용했던 것 같네요~ https://cdn.materialdesignicons.com/5.0.45/ M..

지난 번에 스타벅스에서 Expo app run이 되다 안되다 했던 것 같아서 이상했는데 오늘 다시 해보니, 스타벅스 wifi 로는 LAN 연결이 안되고있고 Tunnel로 잡으니 app 이 정상적으로 run 되는것을 확인. 잠시 되었다가 다시 연결이 끊어졌는데, 결론부터 얘기하면 스타벅스 같은 public wifi는 expo 활용이 어렵습니다. 이후부터는 모바일 핫스팟으로 엑스포 사용. $ expo init projectName $ cd projectName $ npm install @react-navigation/native $ expo install react-native-gesture-handler react-native-reanimated react-native-screens react-native..

- 어제 스타벅스 조명이 약해 책읽다가 눈이 금방 피로해져서 오늘은 등 있는 동네 커피숍으로 마실 왔네요 ㅋㅋ - 어제는 React Native API Core Component 들을 따라해봤고, 오늘은 React Navigation 을 만들어보겠습니다 https://reactnavigation.org/docs/navigating React Navigation In the previous section, ["Hello React Navigation"](hello-react-navigation.md), we defined a stack navigator with two routes (`Home` and `Details`), but we didn't learn how to let a user navigate..