반응형 분류 전체보기85 useReducer란?(+ 사용하는 이유, Reducer는 무엇인가) useState로만 상태를 관리하는데에는 문제점이 두 가지가 있다. 1. 컴포넌트 내부에 객체를 업데이트하는 로직이 섞여있다. 2. state의 상태를 변경하는 로직을 다른 컴포넌트에서 사용이 불가하다. 이런 문제를 해결하기 위해 useReducer를 사용한다. "useReducer는 컴포넌트에 Reducer(줄이는 것)을 할 수 있도록 해준다." 라고 하고있다. 그렇다면 그 Reducer는 무엇일까? 위에서 말했던 1, 2번의 문제와 같이 재사용할 수 없이 반복적으로 퍼져있는 상태 변경을 하나의 로직으로 합쳐주는 것이 바로 리듀서이다. 매번 같은 로직의 setState()를 여러 컴포넌트에서 반복해 작성하는 것이 아닌, 재사용 가능한 상태 변경 함수를 만드는 것이 핵심이다. 코드를 보고 이해해보자! R.. 2023. 6. 19. [React Native] WebView 적용하는 방법(localhost 안될때,nsurlerrordomain) WebView를 어떻게 App에서 적용할 수 있는 건지 항상 궁금했었는데, 이번 프로젝트를 통해서 알게됐다. WebView란 웹 프로젝트 그 자체를 그냥 앱에서 띄우는 것이다. Naver도 WebView로 만들어진 앱으로 유명한데, 웹뷰는 즉, naver.com을 치면 나오는 화면을 그대로 앱에서 보여주는 것이다. React Native에서 적용하는 방법은 엄청 간단하다! import React from 'react'; import {WebView} from 'react-native-webview'; export default function Home() { return ( ); } 이렇게 해주면? 나도 네이버앱 완성이다!ㅋㅋㅋㅋ 다만 WebView를 보여줄 때, 고려해야할 점은 바로 Stack이다. A.. 2023. 5. 19. XCode 빠르게 다운로드, 업데이트하는 방법 Xcode를 App Store에서 다운받으면 가끔 로딩바가 나온채로 얼어버리는 경우 또는 엄~청 오래 걸리는 경우가 있다. 그래서 내가 빠르게 업데이트를 하는 방법은 공식 홈페이지를 이용하는 것이다! https://developer.apple.com/download/all/ 로그인 - Apple idmsa.apple.com 1. 애플 개발자웹에서 로그인 후, 다운로드로 들어간다. (상단링크) 2. Xcode로 검색하면 하단에 Xcode 최신버전이 뜬다. 3. xip파일을 클릭 후, 다운받아 실행하여 압축을 푼다. 4. Xcode file을 옮기면 교체(대치)할 것인지 묻는 창이 뜹니다. Replace 클릭! 그럼 끝~~~!! 2023. 4. 4. [AWS Lambda + API Gateway] CORS cookie 설정하기(+header에서는 보이지만 application에서는 보이지 않는 현상) 쿠키를 사용하게 된 배경 나는 현재 Web Storage에 JWT를 보관하여 사용자의 인가를 확인하는 방식으로 사이트를 운영중이었다. 백오피스이며, 실사용자가 많지 않고, 가입은 웹 상에서 불가했기 때문에 해당 방식으로도 보안상 큰 문제는 없을거라 판단했기 때문이다. 하지만, 점점 사용자가 늘어나고 권한에 따른 제약 기능이 생겨남으로 강화된 보안이 필요해졌다. Web Storage는 브라우저에서도 확인 및 조작이 가능하기 때문이다. 이렇게 콘솔에 storage만 쳐봐도 어떤 정보들이 저장되어있는지 확인할 수 있다. 그래서 조작이 불가능한 Cookie로 JWT 저장소를 변경하기로 했다. Cookie도 물론 조작이 가능하지만, 그 조작을 불가능하게 하는 옵션들이 있기에 가장 안전한 방법이 cookie에 저장.. 2023. 1. 26. 이전 1 2 3 4 5 6 7 ··· 22 다음 반응형
