WW09

240226

 
 
오늘은 Docker로 [ 스프링부트 + postgre + react ] 돌리고
리액트로 진행했던 ToDoList에
헥사고날 아키텍처와 jpa 적용한 스프링 연동했다.
 
이제 조금은 알 것 같은 헥사고날 아키텍처..!

 
하지만.. 여러 문제 발생 ㅎ.ㅎ
 

 

새로 배운 것

 
- docker network
networks:
  study:
      name: study
      driver: bridge

- dotenv (react env 사용법)
    "docker-start": "env-cmd -f ./docker.env react-scripts start",

[React] React에서 .env 환경변수 사용하기

- pm2 : node 프로젝트 관리. 자체 클러스터 기능
 
 
 
 
 
 
 

240227

  
 
- env 변경

spring boot profile 환경변수 분할 적용

- 서버사이드렌더링(SSR) : 클라이언트 요청 시 서버에서 페이지의 HTML을 생성하고 렌더링한 후에 클라이언트에게 전송
- 클라이언트사이드렌더링(CSR) : 초기 페이지 로딩 시에는 빈 HTML을 받고, 이후 JavaScript를 사용하여 클라이언트 측에서 동적으로 페이지를 렌더링

- Server-Sent Event(SSE):서버에서 클라이언트로 단방향으로 데이터를 전송하는 웹기술. 웹에서 실시간 업데이트 수신하고 처리 시 사용
ㄴ 특징 : 단방향 통신, 서버에서 클라이언트로 자동 푸시(클라이언트는 새로운 데이터 도착할때마다 자동으로 업데이트 받음)

- emotion :  JS 로 css 스타일을 작성하도록 설계된 라이브러리

- JHipster? 자바 기반 생성(generate) 개발 플랫폼.  웹 어플리케이션과 MSA 프레임워크를 생성할 수 있는 플랫폼 

- GRPC : 구글이 오픈소스로 공개한 원격 프로시저 호출을 위한 바이너리 프로토콜

- Grafana : 오픈소스 인터랙티브 데이터 시각화 플랫폼으로, 사용자가 하나의 대시보드(또는 여러 대시보드)로 통합된 차트와 그래프를 통해 데이터를 확인할 수 있어 데이터를 손쉽게 해석하고 이해할 수 있습니다. 

- JPA Buddy : DB 형상관리 가능

- Istio : Kubernetes 클러스터에서 컨테이너를 연결, 모니터링, 보호하는 구성 가능한 오픈 소스 서비스-메시 계층

- web flux? java virtual threads? kotlin? 공부 필요
 
 
- 리액트 Cors 에러에서 setupProxy 위치는 src 아래
- 스프링 Cors 에러 해결

@Configuration
public class WebConfig implements WebMvcConfigurer {

    @Override
    public void addCorsMappings(CorsRegistry registry) {
        registry.addMapping("/**")
                .allowedOriginPatterns("*")
                .allowCredentials(true)
                .allowedMethods("*")
                .maxAge(3600);
    }
}

 
 
 
 
 
 
 

240228

 
 
 
오늘은 하루 종일 MapStruct 공부하며 POC했다.
실제로 적용 해보면서 테스트코드도 작성할 수 있어 좋았다.
출근해서 매일 새로운 것을 배우고 퇴근할 수 있어 기쁘다.
 
 
 
 
 

240229

- todo 프로젝트에 mapstruct 적용하기
- 코드 부적절한거 수정 (post는 todo반환으로, 리액트 경고 해결)

- 리액트 빌드 + nginx 시도 중 에러 발생

- 카프카 공부 중

자바 스프링에서 Profile 정보 가져오기 (Spring Profiles Active)