전체보기

개요프로젝트 진행 중에 다이얼로그(= 모달)을 만들어야 하는 상황이 생겼다! 그래서 React에서 Dialog 만드는 방법을 찾던 중에 MUI Dialog라는 React UI 라이브러리가 있길래 이걸 사용해서 만들어보려고 한다 1. MUI Dialog란?Material-UI(MUI)는 React 애플리케이션을 위한 UI 컴포넌트 라이브러리이다. Material-UI Dialog 문서 이 MUI를 사용했을때, 구글의 머터리얼 디자인이라는 검증된 디자인 시스템을 사용하기 때문에 일관된 디자인의 앱을 만들 수 있고, UI 요소를 처음부터 직접 만들지 않아도 되니까 프로젝트 작업 시간을 줄일 수 있다. Dialog에 대한 내용은 왜 써야 하는지 알기 때문에! 따로 적지는 않겠다. 1-1. MUI Dialog ..

개요이번에는 안드로이드 앱 내에서 웹페이지를 표시할 수 있게 해주는 웹뷰에 대해 공부하고 정리해보려고 한다. 1. 웹뷰(WebView)란?웹뷰는 Android View 클래스의 확장으로, 안드로이드 앱 내에 웹페이지를 표시할 수 있도록 해주는 뷰 컴포넌트이다.즉, 사용자가 별도의 웹 브라우저 앱(=크롬, 사파리 등)을 켜지 않고서도 앱 안에서 웹 콘텐츠를 경험할 수 있게 해준다. 토스 페이먼츠 웹뷰 설명 웹뷰(WebView) | 토스페이먼츠 개발자센터웹뷰(WebView)는 네이티브 앱에 내재되어 있는 웹 브라우저입니다. 웹뷰를 사용하면 웹 콘텐츠를 네이티브 앱 뷰와 같이 사용자에게 보여줄 수 있어요.docs.tosspayments.com 안드로이드에서는 Android WebView를 iOS에서는 WKWe..

개요프로젝트를 진행하던 중에 여러 컴포넌트에서 공유해야 할 데이터가 생겼다. 그래서 React에서는 이걸 어떻게 해야하는지? 찾아보다가 전역 상태 관리를 해주는 다양한 라이브러리들을 알게 됐고, 그 중 Redux와 Zustand에 대해서 정리해보려고 한다. 1. 전역 상태 관리란?여러 컴포넌트에서 공유하는 상태를 한곳에서 집중적으로 관리하는 것을 의미한다.나의 경우는 로그인 한 회원의 정보를 여러 컴포넌트에서 공유해서 사용하기 때문에 전역 상태 관리가 필요하다! 추가로 전역 상태 관리를 사용해야 하는 이유들을 정리하면 다음과 같다. 1) props drilling-> 상위 컴포넌트에서 하위 컴포넌트로 데이터를 전달할 때, 중간 컴포넌트들을 거쳐야 하는 과정을 의미하는데 이것을 드릴에 빗대서 상위 컴포넌트..

0. 개요프로젝트를 진행하면서 프록시 설정이 되어 있는 것을 보고, 프록시 개념은 이해는 했는데 정확하게 어떤 과정을 거쳐서 가는지 단번에 떠올리기가 쉽지 않았다. 그래서 정리해본다. 1. 프록시(Proxy)란? 프록시는 라틴어 "procuratia"에서 유래되었으며, 대신, 앞에서 라는 뜻의 “대리”와 "관여하다, 조심하다"라는 의미가 합쳐진 단어라고 한다. 유래에서 알 수 있듯이 프록시는 어떤 객체 및 시스템에 대한 접근을 중간에서 대신 처리하고 제어하며, 부가적인 기능을 추가하는 디자인 패턴 또는 네트워크 구조이다. 이 글에서는 디자인 패턴이 아닌 네트워크 카테고리로서 프록시 서버에 대한 내용으로 프록시에 대해 정리할 것이다. 2. 프록시 서버 작동원리프록시 서버는 위에 그림처럼 클라이언트와 실제 ..