일단 화면 개발에 앞서리액트 네이티브가 어떻게 동작하는지, 각 파일의 의미 등등에 대해서먼저 공부해 보면 좋을 것 같아요!!그래야 이 리액트 네이티브를 좀 더 잘 이해하고 코드를 구현할 수 있으니까요!  Dom 이란?가상 DOM 을 사용해서 렌더링을 하는 React NativeThread 란? 리액트 네이티브의 4가지 ThreadReact Native 의 핵심 아키텍처 BridgeJavascript와 네이티브 코드 간의 브리지 통신 React Native 에서 상태관리가 이루어질 때, Thread의 동작은?  가상 DOM이란 개념 이전에 그냥 DOM은 뭘까요?  DOM 이란?  Document Object Model 즉 한국어로 풀어 말하면 문서 객체 모델입니다.웹 문서의 구조화된 표현!웹 페이지와 스크..

안녕하세요~~!!오늘 벌써 저의 캡스톤을 소개하는 6째 시간이네요 크크크오늘은 어떤 글을 남길까~~ 하다가우선우선 아무래도 상태관리만큼 또 중요한게 없잖아요~? React Native에서의 '상태'란 두가지로 구분이 되는데, 로컬 상태와 글로벌 상태   [왼쪽 트리 그림]- useState 등의 로컬 상태관리 : 후크는 로컬 구성 요소 상태에 사용해요.상태를 특정 구성 요소에 로컬로 유지하고 해당 구성 요소가 자체 상태를 제어할 수 있도록 합니다.이 상태는 명시적으로 props로 전달하거나 전역 상태 관리 형식을 사용하지 않는 한 구성 요소 간 공유되지 않습니다!! [오른쪽 트리 그림]- Redux store의 전역 상태 관리 : Redux 스토어는 연결된 앱의 모든 구성 요소에서 액세스 할 수 있는 전..

안녕하세요!저번 포스팅에서  https://dlawlgus40.tistory.com/136 Capstone#4. Axios instance 생성하기 / Axios interceptors안녕하세요!오늘은 벌써!! 저의 캡스톤을 소개하는 네 번째 시간이네요~~ 음.. 다음 글은 상태관리를 할까... 화면 구성하는 걸로 할까..뭘로 할까 하다가.. 우선 어플이 딱 처음에 실행되었을 때dlawlgus40.tistory.com interceptors의 기능 설명하면서 코드가 잠깐 나왔었었는데,여기서  Axios.interceptors.request.use(async config => { if ( config.headers.Authorization === '' || config.headers.Autho..

안녕하세요!오늘은 벌써!! 저의 캡스톤을 소개하는 네 번째 시간이네요~~ 음.. 다음 글은 상태관리를 할까... 화면 구성하는 걸로 할까..뭘로 할까 하다가.. 우선 어플이 딱 처음에 실행되었을 때사용자의 유저 정보를 확인하거나로그인을 하거나, 회원가입을 먼저 하게 되잖아요! 그때 사용하는 Axios에 대한 http 통신에 대한 글을 먼저 적는 게 순서상 좋을 것 같았어요!  Axios instance  Axios instance를 정의하는 이유는 반복적으로 사용하는 기본 설정들을 한 곳에서 관리해 코드의 재 사용성을 높이고 유지보수를 용이하게 하기 위해서입니다. 특히 인스턴스를 설정하면 여러 요청에 공통으로 필요한 기본 URL, 헤더,타임아웃 등의 옵션을 지정해 줄 수 있어 매번 설정할 필요가 없어져요..

안녕하세요.오늘은 벌써 저의 Capstone을 설명하는 세 번째 시간이네요!일단 저희는.. 어떠한 커뮤니티 어플을 제작하였어요어떤 커뮤니티인지는 나중에 따로 포스팅할게요 ^__^ 암튼 저는 프론트 개발을 전부 맡게 되었는데그래서 제가 어떤 스택을 사용할지 결정할 수 있는 결정권이 있었어요. 지금까지 안드로이드 어플을 만드는 스택은 Kotlin, React Native 두 가지를 경험해 보았는데둘 중에 뭘로 할까... 고민하다가 React Native 를 선택하게 되었어요. 왜냐하면 왜 React Native를 선택하였는지?  저는 React Native보다 Kotlin이 좀 더 미숙했어요.그래서 기회에 좀 더 깊게 공부해 보자!라는 느낌으로Kotlin을 외쳤지만 막판에 React Native로 해야겠다...