728x90 React12 React 새로고침 데이터 저장 리액트 작업 중 회원가입 페이지에서 새로고침했을때 기존에 input 태그에 입력했던 정보들이 전부 없어져버렸다.Redux 를 사용하고 있어서 새로고침되면 자동으로 저장되어 기존 데이터를 유지할 줄 알았는데 그게 아니였다.원래 새로고침시 특정 조치를 취하지 않는 이상 데이터가 휘발되어 버린다... persistance .. 단어 부터 영구적이다 Redux persistance 적용 후 원하던 대로 기능이 작동되었다. 새로고침해도 필요한 데이터는 남아있게 되었다. https://choyeon-dev.tistory.com/14 [Redux-persist] 새로고침에도 유지되는 store (with Redux-toolkit)🤔 1. redux-persist를 사용한 이유 프로젝트 중 로그인 기능을 구현하는데.. 2024. 6. 9. React 코드 난독화.. 정보가 아주 중요해진 부분 코드까지도 보안적인 부분에서 허점이 있을 수 있다..크롤링 경험이 있는 나에겐 아주 유용했다.. 개발자모드... 그래서 이러한 경험으로 인해 코드를 아예 보지 못하도록 하고 싶었다. 예전엔 javascript 로 했을때 js 파일 각각 난독화 사이트에서 난독화를 진행한 적이 있는데 .... 참... 리액트에서는 간단하게 package.json script 파일만 만져주면 바로 가능하다... 프로덕션 기준으로 적용이 된다. https://velog.io/@hazel123/%EC%86%8C%EC%8A%A4-%EC%BD%94%EB%93%9C-%EB%82%9C%EB%8F%85%ED%99%94code-obfuscation 소스 코드 난독화(code obfuscation)우선 코드난독화에.. 2024. 6. 9. React useMemo.. useCallback.. memo.. React Native 에서 useMemo , useCallback , memo 등 다양한 함수들을 써왔다. 불필요한 리렌더링을 방지하기 위한 일련의 대책으로 사용했다. 하지만 useCallback , useMemo 등 비슷한 기능들이여서 정확히 어떤 용도인지 잘 몰랐다. 그래서 이참에 한번 글을 읽어 보았다. 이 부분은 React Native 에서도 똑같이 적용된다. 크로스 플랫폼에서 처음 접했으며 이걸 토대로 공부해 나아가서 React 로 넘어가게 된 것이다. React Native 는 크로스 플랫폼으로 간단한 앱을 2가지 OS 로 하고 싶을땐 정말 좋은 언어이지만 깊이 들어가면 어쩔 수 없이 네이티브 코드를 건드려야 한다 그래서 나는 React Native를 하되 AOS, SWIFT 도 같이 공부하.. 2024. 6. 9. React 파일 업로드 React 사이트 작업 중 파일 업로드 관련해서 찾아보았다. 스프링 , 스프링부트 등 자바계열로 서버를 다루어왔었는데 요번엔 node.js 로 바꾸어 서버를 만들어보려고 했다.기존 자바스크립트를 했다보니 React 에서도 비슷하다고 많이 느꼈다 ...당연하지.. 같은 자바스크립트잖아 !! 약간 다른 부분들이 있긴 하지만 ReactNative 를 했다보니 바로바로 알게 되어 리액트 배우는데 크게 오래 걸리지 않았다.. 파일 업로드 관련해서 참조한 사이트이다 https://velog.io/@ksh4820/React-%EC%9D%B4%EB%AF%B8%EC%A7%80-%ED%8C%8C%EC%9D%BC-%EC%97%85%EB%A1%9C%EB%93%9C React 이미지 파일 업로드React에서 이미지를 업로드하는.. 2024. 6. 9. React Proxy 에러 React 에서 axios 로 url 통신할때 보통 http://localhost:xxxx 를 baseUrl 로 지정 후 뒤의 uri 로 파싱해서 통신하고 있는데 갑자기 안생기던 통신에러가 생겼다... 뭐지 ??? 그래서 이 사이트를 참조했다. React Proxy 에러https://blog.naver.com/dudu1104/221478052544 React 에서 Proxy관련 오류리액트와 express를 처음으로 같이 사용해서 개발할 때, 따로 서버를 실행시켜야 하는 줄 몰라서 아래와 같...blog.naver.com 그래서 React Package.json 에 "proxy":"http://localhost:3000" 을 추가해주었다. 이 React Proxy 는 axios 로 통신할때 기본적인 Ur.. 2024. 6. 9. React_ Centos 7 에 업로드 하기 리액트를 공부하면서 센토스 7 버전의 가상서버에 리액트 프로젝트를 올려 본격적인 배포 준비를 시작했다.그러기 위해선 node 환경을 만들어줘야 하고 typescript를 쓸 수 있는 환경 또한 구성해줘야 한다.그래서 많은 사이트들을 참조했다. 우선 구성해야할 환경들은1. mysql2.node.js3.typescript4.npm등등 있다. https://jackerlab.com/react-setting-in-centos8/ [React] 리액트 설치 및 환경 구성 in CentOS 8⋆ JackerLabCentOS 8에서 리액트(React) APP를 설치하고 기본적인 환경을 구성하는 내용을 정리합니다.jackerlab.com 밑의 사이트는 카페24 의 노드 서버를 구입한 경우에 해당되어 보인다.하지만.. 2024. 5. 12. 이전 1 2 다음 "이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다." 728x90
