Frontend

이번에는 모바일 앱 개발을 위한 React Native와 개발을 위해 필요한 React의 기본에 대해서 간단히 포스팅하겠습니다..! ✈ React Native?React Native는 React와 앱 플랫폼의 기본 기능을 사용하여 Android 및 iOS 애플리케이션을 빌드하기 위한 오픈 소스 프레임워크Javascript를 사용하여 플랫폼의 API를 액세스 하고 React의 Component를 사용하여 UI의 모양과 동작을 설명함. 뷰(View)와 모바일뷰(View)는 UI의 기본 구성 요소이며 text, image, 사용자 input 등을 담는 직사각형 element를 말함.뷰(View)는 뷰(View) 안에 또 다른 뷰(View)를 포함할 수 있음 주요 컴포넌트들React Native에는 컨트롤부터 ..

이 글은 코딩테스트에서 Context API를 사용한 문제를 마주하여 좌절하게 된 후,궁금증이 생겨 Context 방식에 대해서 알아보게 되었습니다. 🤣저는 props나 Zustand를 활용해서 각자 다른 컴포넌트에 데이터를 전달하는 방식만 알고 있었습니다..그런데 웬 느닷없는 context 가 나왔는지 모르겠네요..이게 왜 나왔고 필요한지에 대해서 적어봤습니다.  Context를 사용해 데이터를 깊게 전달하기보통의 경우는 부모 컴포넌트에서 자식 컴포넌트로 props를 통해 정보를 전달한다.하지만 중간에 많은 컴포넌트를 거쳐야 하거나, 많은 컴포넌트에서 동일한 정보가 필요한 경우 props를 전달하는 것이 번거롭고 불편해진다.context는 부모 컴포넌트가 트리 아래에 있는 모든 컴포넌트 깊이에 상관없..