반응형 JavaScript19 React-native 시작하기.. 이제 드디어 React-native를 시작한다. 마침 개인 학습에 필요한 앱이 생겨서 공부하면서 개발을 해 보려고 한다. React-native를 위한 프로그램 및 안드로이드/IOS 셋팅은 아래 링크에 잘 나와있다. 이 링크를 보고 필요한 안드로이드/IOS 셋팅을 해 주자. (난 이미 환경 셋팅이 되어 있으므로 패스~) https://www.reactnative.dev/docs/environment-setup Setting up the development environment · React Native This page will help you install and build your first React Native app. reactnative.dev PC는 MAC을 주로 사용하고, 에디터는 Vis.. 2022. 10. 4. react-hook-form React에서 form 을 다루는 라이브러리 form validation Input 테그가 늘어나면 그 수만큼 변수 및 useState()를 생성해 줘야함 각 항목마다 일일이 검증이 필요함 이 기능들을 간단하게 처리해 줄 라이브러리... 까먹지 않게.. 1차 정리를 해 둔다.. 설치 npm install react-hook-form 사용 import { useForm } from "react-hook-form"; function ToDoList() { const {register, handleSubmit, formState: { errors }, setError,} = useForm(); const onValid = (data) => { if (data.password !== data.password1).. 2022. 8. 17. javascript post redirect 고객사의 웹사이트를 만드는 업체에서 우리가 제공하는 웹페이지를 임베디드 해서 보여주기로 했었는데.. 단순페이지가 아니라서 모바일에서 보여줄수가 없다고 연락이 왔다. 임베디드 해주겠다고 한지 한달이 지나서야.. ;;; 원래 location.href 로 넘길려고 했으나.. 제공한 URL이 GET방식이어서 변수값 노출을 막기위해 POST 전송 방식이 필요했다. 서비스 URL과 보여줘야할 URL의 도메인이 달라서 화면을 새로고침하면서 POST로 전송을 해야했다. 문자 OTP 인증 후 인증이 완료가 되면 아래의 코드를 실행하도록 안내했다. const form = document.createElement('form'); // form 태그 생성 let objs = document.createElement('inpu.. 2022. 8. 5. Recoil * Recoil은 React를 위한 상태관리 라이브러리이다. * 하나의 상태를 모든곳에서 공용으로 사용 가능 * 설치 npm install recoil * Recoil을 사용하기 위해 부모트리 어딘가에 RecoilRoot가 필요하다. function App(){ return( ); } * Recoil Atom 만들기 import {atom} from "recoil"; export const isDisplay = atom({ key : "isDisplay", default: true ); * isDispay 값 참조 : useRecoilValue const isDisplay = useRecoilValue(isDisplay); * 값 변경 : useSetRecoilState const setDisplayAt.. 2022. 7. 21. 알아두면 좋은 팁.. (React Query) * React Query - : fetch의 로딩 상태와 로딩 이후 데이터를 셋팅하는것을 자동으로 해 주는 라이브러리 npm i react-query * apexcharts : 각종 chart 제공 npm install --save react-apexcharts apexcharts * CSS 색 참조 사이트 https://flatuicolors.com * head 영역 부분을 변경하기 위한 component npm i react-helmet 2022. 7. 21. 날짜 함수 활용... 오늘해야 할 일은 로그인 아이디별로 설정한 로그인/로그아웃 시간에 따라 로그아웃 설정 시간 30분 전에 사용자에게 미리 알림 주기 로그아웃 시간이 되면 로그아웃 시키기 현재 사용중인 프로그램에 자동 로그아웃 기능이 없고 , 다만 로그인 시에 오전 8시 ~ 오후 9시 에만 로그인 가능 하도록 되어 있다. 즉, 로그인을 했다면.. 오후 9시 이후라도.. 로그아웃 하지 않으면 무한 사용 가능한 상황.. 이런걸 애려라고 할수는 없으나.. 혹시나 모를 보안 사고 방지를 위해 아이디별로 로그인/로그아웃 시간을 설정을 해 놓고.. 30분 전에 미리 알림을 주고.. 시간이 되면 로그아웃이 되게 해 달라는 클라이언트의 요청... getDate() 함수를 이용하면 날짜를 핸들링 할수 있다는 것은 누구나 알고 있지만... .. 2022. 6. 22. 이전 1 2 3 4 다음 반응형
