| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | ||
| 6 | 7 | 8 | 9 | 10 | 11 | 12 |
| 13 | 14 | 15 | 16 | 17 | 18 | 19 |
| 20 | 21 | 22 | 23 | 24 | 25 | 26 |
| 27 | 28 | 29 | 30 |
- RCPS
- 공통메서드
- 빌드 및 배포
- 밸류즈 홈페이지
- 이미지 업로드
- Update
- 밸류즈
- 파생상품평가
- 회원가입로직
- userManagement
- Typesciprt
- 배포
- 마이페이지
- react
- register
- ui탬플릿
- 로그인
- 인증처리
- 달력 라이브러리
- mypage
- MRC
- stock option
- 스프링시큐리티
- Ajax
- 로그인 로직
- jsonwebtoken
- 관리자페이지
- Token
- 캘린더 라이브러리
- Styled Components
- Today
- Total
목록react (3)
I T H
[MySchedule project] 4. frontend - 회원가입 로직
frontend의 회원가입의 흐름과, 어떤함수들을 사용하고, 타입스크립트를 어떻게 적용하는지에 대해 작성할 것임. 들어가기에 앞서 이번챕터의 사용할 훅들과 함수들을 미리 알아보자! - useForm: form을 관리하는 커스텀훅으로 state와 onChange함수의 많은 양을 줄이고 반복적인 코드의 양을 줄일 수 있다. 회원가입과 같이 입력받을 컬럼들이 많을 경우 사용하면 유용할 훅이라고 볼수있다. useFrom은 여러가지의 리턴 props을 가지고 있다. 필자는 register, handleSubmit, reset, watch 등을 사용했다. - 입력받을 변수 타입들에 대한 ts파일을 만들어서 import해서 사용함. - 지난 챕터에서 미리 만들어둔 useAddDispatch를 사용해 리듀서를 호출할 ..
[MySchedule project] 2. frontend - 레이아웃 / react- router 설정
이번시간에는 전체 레이아웃 틀을 만들고, react-router-dom hooks를 사용해보겠다. 레이아웃을 설정하기에 앞서 사용할 css 라이브러리를 선택하고, 적용시켜보자! 필자는 tailwindCss를 적용시켜보겠다. 1. TailwindCss 라이브러리 적용 https://tailwindcss.com/docs/installation Installation - Tailwind CSS The simplest and fastest way to get up and running with Tailwind CSS from scratch is with the Tailwind CLI tool. tailwindcss.com 해당 사이트에 들어가면 친절하게 install과정부터 사용법까지 나와있다. - Using ..
[React_Basic 1] 기본환경설정 - Node.js설치/ VS Code설치/ 리액트 앱 설치
Node.js를 설치해준다. Node.js는 웹 브라우저환경이 아닌곳에서도 자바스크립트를 사용할 수 있는 자바스크립트 런타임이다. 런타임이란 - 프로그래밍 언어가 구동되는 환경을 말한다. 1. node.js 설치 https://nodejs.org/ko Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 2. 설치완료 후 CMD 창에 들어가서 제대로 설치되었는지 확인 (단축키는 윈도우키 + R) 3. Visual Studio Code를 설치 https://code.visualstudio.com/ Visual Studio Code - Code Editing. Redefined Visual Stud..