세상에는 맛있는게 너무 많지?

준비한 설문을 다 수행하고 나면 하단에 적정 금액 확인 버튼을 눌러 결과를 보여주고 싶었다. 그러려면 기존에 App.js에 때려박은 소스를 수정할 필요가 있었다. 먼저 공식문서를 찾아보니 navigation이라는게 있는 것 같았다(https://reactnative.dev/docs/navigation) Navigating Between Screens · React Native Mobile apps are rarely made up of a single screen. Managing the presentation of, and transition between, multiple screens is typically handled by what is known as a navigator. reactnativ..

다음으로 레이아웃을 구성해야 할것 같았다. 리액트로 구현할 때 필요한 컴포넌트들을 쪼개고 디자인을 편하게 하기 위해 일단 구역을 나눴다. 전체를 header, content, footer로 나눴고(빨간색 영역) content 부분엔 주요 내용을, footer 항목엔 버튼을 배치했다. content영역(파란색 영역)은 또 header, content, footer로 나눴고 질문에 대한 content영역(초록색 영역)은 질문영역과 답변영역으로 나눴다. 위 사각형 친 부분은 태그를 이용해 구분하였다. 보통 리액트 개발을 할 땐 컴포넌트 별로 개발을 해서 조합해나가는 식으로 개발을 진행했었다. 근데 처음부터 쪼개고 하면 머리아프니 일단 익숙해질겸 App.js에 다 때려박는 식으로 개발하고 나중에 분리하는 방향으..

뭘 만들지 결정을 해야겠다. 일단 연습용으로 만들어보는 어플이라서 서버는 붙이지 않는 어플을 만들어야겠다. 처음부터 끝까지 완성본을 만들어 보는 경험을 해본 뒤 서버도 붙이고 로그인도 하는 어플을 만들어 봐야겠다. 요새 내집마련에 대한 관심이 많아져서 관련된 어플을 만들어봐야겠다. 어플이름은 실거주 1주택은 진리라고 가칭을 정했다. 대락적인 컨셉은 1. 내 상황을 입력한다(나이, 소득, 저축액, 결혼유무 등) 2. 입력한 정보를 바탕으로 현재 상황에 내가 버틸 수 있는 최대 대출 금액을 제시해준다 매우 심플한 구성으로 잡아봤다. 대출 금액을 계산하는 식은 유튜브에 부읽남님이나 너나위님이 얘기하는 걸 참고로 만들 예정이다. 사용하는 사람이 있을진 모르겠지만 일단 내가 사용한다는 생각으로 만들어 봐야겠다. ..

일단 언어는 react-native로 하기로 선택했고... 막막하다. 먼저 개발환경을 세팅하고 hello world라도 찍어보기로 했다. 아무래도 공식문서를 읽어보는게 제일 도움이 될거 같아 공식문서 페이지에 들어갔다. https://reactnative.dev/docs/getting-started Introduction · React Native This helpful guide lays out the prerequisites for learning React Native, using these docs, and setting up your environment. reactnative.dev 일단 The Basics 부분을 대충 쭉 훑었다. (영어는 못하는 관계로 구글 페이지 번역을 해가면서...) r..

어플을 하나 만들어봐야겠다고 생각했다. 한 번도 어플을 만들어본 적이 없어 일단 어플을 어떻게 개발하는지 검색해봤다. 검색을 좀 해보니 android, ios 특정 os에 종속적이지 않게 만들수 있는 방법이 2가지 있었다. react-native / flutter 뭔가 flutter가 좀 더 직관적이게 보였다. 하지만 dart라는 언어를 새로 배워야 했고 그 언어는 flutter에서만 사용할 수 있는 것 같았다. 그래서 결국 react-native로 결정했다. 결정근거는 1. 기존에 react를 조금 다를 줄 알았다. 2. react는 javascript를 이용하고 어차피 업무에 javascript를 사용하니 도움이 될거라 생각했다. 아이디어 따윈 없다 이렇게 만드는게 맞는지도 모르겠다 그냥 되는대로 만..