[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

[Docker] DockerFile build & run

안녕하세요! 이번에는 Linux 환경에서 Tomcat을 설치하는 Dockerfile 예제를 공유해드리려고 합니다. Dockerfile은 Docker 컨테이너를 빌드하는 데 사용되는 스크립트 파일입니다. 이 예제를 통해 간단하게 Tomcat을 컨테이너화하여 배포할 수 있습니다. 그러면 시작해보겠습니다. Dockerfile 생성 먼저, 원하는 위치에 Dockerfile을 생성합니다. 다음 내용을 Dockerfile에 작성해주세요. ```dockerfile # 베이스 이미지 선택 FROM ubuntu:latest # 환경 변수 설정 ENV TOMCAT_VERSION 9.0.50 ENV CATALINA_HOME /opt/tomcat # JDK 설치 RUN apt-get update && apt-get insta..

• format_list_bulleted Programming/Docker
• · 2023. 7. 16.
• textsms

zsh: command not found: docker

맥에서 docker desktop을 설치했는데도 command에서 docker를 입력하니 아래와 같은 에러메세지가 출력된다 zsh: command not found: docker 해결방법 vi ~/.zshrc alias docker="/Applications/Docker.app/Contents/Resources/bin/docker" 편집후에 source ~/.zshrc 실행해보니

• format_list_bulleted Programming/Docker
• · 2023. 7. 15.
• textsms

[SpringBoot] spring cloud gateway - 1

@SpringBootApplication @RestController public class Scg1Application { @GetMapping("/user/test") public String user() { return "user"; } public static void main(String[] args) { SpringApplication.run(Scg1Application.class, args); } }​ spring: cloud: gateway: routes: - id: user-api uri: http://localhost:8081/ predicates: - Path=/user/** 스프링부트에 scg(spring cloud gateway)를 이용해서 gateway구성을 해보자 springb..

• format_list_bulleted Programming/Springboot
• · 2023. 7. 15.
• textsms