[springboot+jwt+react#3] login / React Hook Form

이전 포스팅 2023.07.21 - [spring+jwt+react] - [springboot+jwt+react#1] react cra frontend 초기설정 2023.07.22 - [spring+jwt+react] - [springboot+jwt+react#2] react layout / react-dom 오늘 만들것 React Hook Form을 이용한 로그인 폼 사전에 알아야 할것 react-hook-form 걸리는 시간 20분 실습 저번시간에 이어서,, login 기능을 만들어보도록 하자 우선 로그인form을 만들어야하므로 router에 login path를 추가하고 page를 하나 생성하도록 한다. 로그인 빈껍데기부터 만들고 /pages/LoginPage.tsx const LoginPage =..

• format_list_bulleted Programming/spring+jwt+react
• · 2023. 7. 23.
• textsms

[TIP] 유튜브 채널 핸들 @(골뱅이) 이름 바꾸기

유튜브 채널은 생성하면 랜덤하게 이름이 생성되는데요. 그 이름을 바꾸는 방법을 알아보겠습니다.. 유튜브에서 프로필을 누르고 내채널로 들어갑니다. 채널 맞춤 설정을 들어갑니다. 채널 맞춤설정에서 핸들부분을 변경하시면 변경이 완료됩니다. 끗!

• format_list_bulleted Life/Tip
• · 2023. 7. 22.
• textsms

[springboot+jwt+react#2] react layout / react-dom

2023.07.21 - [spring+jwt+react] - [springboot+jwt+react] react cra frontend 초기설정 오늘 만들것 리액트 react-dom과 layout 잡기 (아래와 같이) 사전에 알면 좋은것 react-dom 실습 우선 src 폴더 아래에 compoenents 폴더를 생성하고 다시 Layout 이라는 디렉토리를 만들어준다 여기에 Layout.tsx 파일과 Navigation.tsx 파일을 생성해준다. Layout.tsx import React, {Fragment} from "react"; import Navigation from "./Navigation"; import Footer from "./Footer"; type Props = { children?: ..

• format_list_bulleted Programming/spring+jwt+react
• · 2023. 7. 22.
• textsms

[springboot+jwt+react#1] react cra frontend 초기설정

시작전에 백엔드부터 진행했어야하나,, 백엔드는 추후에 다시 블로그로 포스팅하겠습니다. 작업의흐름대로 남겨놓는 블로그라 추후에 재편집해서 재포스팅될수 있습니다. 본 프로젝트는 springboot + jwt + react.js + typescript를 이용하여 회원기능이 있는 간단한 메모장을 만드는것을 목표로 합니다. 진행하다 궁금한점은 댓글로 문의주세요~ 오늘 만들것 cra를 이용한 react + typescript 프로젝트 생성 twailwind css 적용 필요한것 약간의 시간 react cra를 시작할수 있는 환경 (node, npm etc....) 설치 (with typescript) 프로젝트 생성을 원하는 경로 밑에서 아래 명령어로 설치 (중간에 client는 원하는 프로젝트명으로 설정) npx ..

• format_list_bulleted Programming/spring+jwt+react
• · 2023. 7. 21.
• textsms

맥(mac)에서 global protect 삭제하는 방법

응용프로그램에서 휴지통에 넣어 삭제하려고 했더니 계속 실행중이다라고 나와서,,,삭제 실패 teminal 실행후 아래와 같이 입력하여 삭제 sudo /Applications/GlobalProtect.app/Contents/Resources/uninstall_gp.sh

• format_list_bulleted Programming/Mac
• · 2023. 7. 21.
• textsms

가민엣지 워크아웃으로 탁스 NEO2T ERG 설정

평소에 즈위프트를 이용해서 워크아웃을 진행하고 있었는데, ERG모드를 이용해서 거의 존2 운동만 진행하고있어서 월비용이 아깝더라구요 [ERG모드 설명] 가민으로 워크아웃시 ERG를 실행시키는 법을 찾아봤는데 결국엔 tacx training 앱을 설치하고 실행만 시키면 알아서 erg모드로 진입한다 다만 워크아웃을 가민에서만 만들었더니.. 연동되어서 조절되는게 아니라 워크아웃을 만들어서 시작하면 될거같습니다. 워크아웃은 앱에서 생성이 아니라... cloud.tacx.com 사이트에서 가능하다, 사이트에서 생성하고 앱에서 refresh해보면 나의 워크아웃에 잘 들어와있는것을 확인할수 있다.

• format_list_bulleted 카테고리 없음
• · 2023. 7. 21.
• textsms