블로그

기존에 main브런치에서 작업 후 dev나 prod브런치로 pr시 배포하게끔 설정했으나개발서버, 운영서버를 별도로 할 필요가 없어 프론트와 백 전부 main 브런치를 배포브런치로 변경했다. 깃 워크플로의 브런치만 변경하여 배포했고 액션이 성공하길래 잘 되는줄 알았으나- name: Extract metadata id: meta uses: docker/metadata-action@v5 with: images: ${{ env.REGISTRY }}/${{ env.IMAGE_NAME }} tags: | type=ref,event=branch 여기서 대상 브런치로태그를 넣고있어서 이미지 갱신이 안되고있더라;;type=ref,value=dev태그는 쓰던대로 dev로 푸시하게 다시 수정하니 잘..

게임 api를 써보려고 한다. 프론트는 인프라 테스트하던 리액트 그대로 사용하고백은 노드 써볼려고한다. 리액트 배포는 클라우드 프론트 비용이 별로 안드니 그대로 하고노드 배포는 깃임 api를 써보려고 한다. 프론트는 인프라 테스트하던 리액트 그대로 사용하고 백은 노드 써볼려고한다. 리액트 배포는 클라우드 프론트 비용이 별로 안드니 그대로 하고노드 배포는 GHCR?, 랑 포테이너, 엔진엑스 프록시 매니저 사용해서 배포 우선 위에 홈을 위에 구조로 하고 poe2로 api있나 확인해보는데 아직 얼리라그런지 없는거같더라

이제 운영에 배포한다고 생각하고 Elastic Beanstalk에 올릴거다. 환경 구성가서애플리케이션 이름환경이름플랫폼은 서버니까 자바샘플 애플리케이션으로 만들고말이 운영이지 연습이니 단일 인스턴스 서비스 액세스는 새로만들어도되고 있던거 써도되고vpc는 디비나 다른거 공유할거로 맞추고 값싼 마이크로 ec2 롤링업데이트는 단일 인스턴스라 못하고 이건 환경을 미리 만들고 거기에 prod로 풀 리퀘스트 할때마다 배포하게 하는거니yml이 아닌 빈스톡 환경에 변수를 전부 입력했다.특별한 설정은 없었으니 잘 생성됫고 도메인누르면 샘플페이지 뜬다 이제 깃 액션 name: Deploy to AWS Elastic Beanstalkon: push: branches: - prodjobs: deploy: ..

앞서 만들어논 포테이너를 사용할 예정이다. name: Build and Push Docker Imageon: push: branches: - devenv: REGISTRY: ghcr.io IMAGE_NAME: ${{ github.repository }}jobs: build-and-push: runs-on: ubuntu-latest permissions: contents: read packages: write steps: - name: Checkout repository uses: actions/checkout@v4 - name: Log in to Container Registry uses: docker/lo..

@Overridepublic void addCorsMappings(CorsRegistry corsRegistry) { corsRegistry.addMapping("/**") .allowedOriginPatterns("*") .allowedMethods( HttpMethod.GET.name(), HttpMethod.POST.name(), HttpMethod.PATCH.name(), HttpMethod.PUT.name(), HttpMethod.DELETE.name() ) ..

백은 스프링부트에 시큐리티랑 jpa를 붙이긴할거다. 일단 테스트만 할거니@Configuration@EnableWebSecurity@EnableMethodSecurity(prePostEnabled = true)public class SecurityConfig { @Bean public SecurityFilterChain filterChain(HttpSecurity http) throws Exception { http .csrf(AbstractHttpConfigurer::disable) .httpBasic(AbstractHttpConfigurer::disable) .formLogin(AbstractHttp..

로그인 api를 만들었으니 로그인 요청할 화면을 만들어야된다.react써볼거고 reqct-query랑 zustand, react-bootstrap 써볼 예정 npm install @tanstack/react-querynpm install @tanstack/react-query-devtoolsnpm install zustandnpm install react-bootstrap bootstrap받고axios도 받고 main.jsximport { StrictMode } from 'react'import { createRoot } from 'react-dom/client'import App from './App.jsx'import queryClient from "./queryClient.jsx";import {..

jwt시크릿이나 디비정보등을 가리고 배포하기 편하게 github action을 등록하려한다. Environment: Variables:에 적어놧던거 다 저장시키고 name: Deploy to Dev Environmenton: push: branches: - devjobs: build-and-deploy: runs-on: ubuntu-latest steps: - name: Checkout code uses: actions/checkout@v3 - name: Setup Node.js uses: actions/setup-node@v3 with: node-version: '22' # Node.js 버전에 맞게 ..

테스트로 호출했으니 이제 디비를 연결시켜보자 Globals: Api: Cors: AllowMethods: "'POST, GET'" AllowHeaders: "'*'" AllowOrigin: "'*'" EndpointConfiguration: Type: REGIONAL GatewayResponses: DEFAULT_4XX: ResponseParameters: Headers: Access-Control-Allow-Origin: "'*'" DEFAULT_5XX: ResponseParameters: Headers: Access-Control-Al..

aws lambda를 한번 써보기로 했다.함수는 로그인 요청시 토큰발급, 갱신, 로그아웃 3가지로sam cli로 적용하기로 했다. 먼저 aws cli받고 sam이 파이썬 기반이라니 파이썬도 받고 sam cli받고 sam --version SAM CLI, version 1.142.1잘나오고 sam init AWS Quick Start Templates1 - Hello World Example Use the most popular runtime and package type? (python3.13 and zip) : nWhich runtime would you like to use 11 - nodejs22.xWhat package type would you like to use? 1 -..