프로젝트
프로젝트
16. Flutter의 State관리
과정 Flutter의 stateless와 stateful Flutter의 개발을 하면, Widget을 만들고 이들을 조합하는 형태로 개발을 하게 된다. 여기서 build를 다시 해야 하는(다시 그려져야 하는) Widget이 존재하고, 그럴 필요가 없는 widget이 존재하는데 이를 stateless, stateful widget으로 구분한다. 내가 헷갈렸던 점은 Stateless Widget안에, Stateful Widget이 있으면, StatefulWidget이 변할테니 부모는 Stateful 해야 하는가? 라는 고민을 잠깐 했다. 고민을 해보니 그럴 필요도 없고, 그럼 Stateless widget을 만들지 않았을 것이다. StatefulWidget을 "한" 번만 빌드 해 놓으면, 내부의 상태가 bu..
프로젝트/Beatn-beat [비튼 - 비트]
15. Local, Dev, Prod 설정 분리하기
참고자료 [Spring boot] @Value 어노테이션으로 application.properties의 값 가져오기 @Value Spring boot에서 제공하는 어노테이션 중 하나로, 빈(Bean) 생성 시점에 값을 주입하기 위해 사용된다. 주로 개발하면서 application.properties에 설정한 값들을 가져오기 위하여 사용되고, 개발하는 olrlobt.tistory.com [스프링 부트, Spring Boot] 환경변수 파일(application.yml) local, dev, prod 환경 분리 [Spring Boot] 환경변수 파일(application.yml) local, dev, prod 환경 분리 스프링 부트에서 로컬(local), 개발(dev), 운영(prod) 등의 환경을 분리해야..
프로젝트/Beatn-beat [비튼 - 비트]
14. EC2 + Route53 배포
참고자료 [AWS] 📚 EIP(탄력적 IP) 개념 & 사용 세팅 정리 Elastic IP (탄력적 IP) EIP(Elastic IP Address)는 인터넷을 통해 접속할 수 있는 고정적인 공인 IP 주소를 할당할 수 있고, 인스턴스에 연결할 수 있는 서비스다. 모든 인스턴스 또는 네트워크 인터페이스 inpa.tistory.com EC2와 도메인 연결하기 Route53은 AWS의 도메인 이름 시스템(DNS), 도메인 이름 등록, 상태 확인 웹 서비스이다. 📌 DNS : 도메인 이름을 IP 주소로 변환하여 도메인 이름을 브라우저에 입력할 때 사용자를 어느 서버에 연결 velog.io AWS EC2에 JDK 17 설치하기 // 설치 명령어 sudo yum install java-17-amazon-corret..
프로젝트/Beatn-beat [비튼 - 비트]
13. S3 bucket에 Image 위임하기
참고자료 [Spring Boot] AWS S3를 이용한 파일 업로드 AWS S3 란? AWS Simple Storage Service의 줄임말로 파일 서버의 역할을 하는 서비스 프로젝트 개발 중 파일을 저장하고 불러오는 작업이 필요한 경우에 프로젝트 내부 폴더에 저장할 수 있지만, AWS S3를 chb2005.tistory.com 멀티파트(Multipart)란? Multipart 전송과 MultipartResolver 를 통한 요청 처리 1. 멀티파트(Multipart)란?멀티파트는 클라이언트와 서버 간에 전송되는 HTTP 요청 또는 응답에서 여러 종류의 데이터를 동시에 전송하기 위해 사용되는 방식이다.일반적으로 파일 업로드와 관련된 sharonprogress.tistory.com image_picker..
프로젝트/Beatn-beat [비튼 - 비트]
12. Nginx로 같은 host에서 운영하기
참고자료 Developing inside a Container using Visual Studio Code Remote Development Developing inside a Container using Visual Studio Code Remote Development code.visualstudio.com 03. Nginx 기초 사용법 정리 1 (conf, directives) nginx의 매우 기본적인 부분에 대해서 정리한다. 이 전에 문서를 보고 번역 & 정리해 놓은 자료를 다시 한 번 정리한다. 'nginx를 사용할 줄 안다' 함은 결국 'conf 파일을 설정/이해할 줄 안다'로 귀결 aimaster.tistory.com velog velog.io enable cross-origin resou..
프로젝트/Beatn-beat [비튼 - 비트]
11. 인증과의 전쟁
참고 자료 쿠키와 document.cookie ko.javascript.info 🌐 악명 높은 CORS 개념 & 해결법 - 정리 끝판왕 👏 악명 높은 CORS 에러 메세지 웹 개발을 하다보면 반드시 마주치는 멍멍 같은 에러가 바로 CORS 이다. 웹 개발의 신입 신고식이라고 할 정도로, CORS는 누구나 한 번 정도는 겪게 된다고 해도 과언이 inpa.tistory.com 🍪 CORS 쿠키 전송하기 (withCredentials 옵션) 🤬 CORS를 허용했는데도 쿠키가 넘어가지 않는 현상 보통 웹을 구성할때 리액트(React)나 뷰(Vue)와 같은 라이브러리 / 프레임워크를 사용한다면 따로 프론트 서버를 실행하여 개발하게 된다. 만일 inpa.tistory.com 🌐 JWT 토큰 인증 이란? (쿠키 vs..
프로젝트/Beatn-beat [비튼 - 비트]
10. Spring-boot와 OAuth2.0
참고자료 Spring Security + JWT를 이용한 자체 Login & OAuth2 Login(구글, 네이버, 카카오) API 구현 (7) - OAuth 2.0 로그 본격적으로, 프로젝트에 사용된 OAuth 2.0 로그인 관련 클래스 코드를 설명드리고자 합니다! 들어가기 전 OAuth 관련 패키지 구조는 다음과 같습니다. OAuth2Service를 생성하기 위해 spring-boot-starter-oauth ksh-coding.tistory.com Spring Boot 3.x 버전에서 OAuth2 라이브러리를 이용하여 카카오 로그인 구현 및 OAuth2 동작원리 살펴보 회사에서 소셜 로그인을 구현해야 할 업무가 생겼는데 마침 진행하고 있는 프로젝트의 Spring Boot 버전이 3.0.4여서 Spr..
프로젝트/Beatn-beat [비튼 - 비트]
9. Flutter web CI/CD 적용
참고자료 Netlify Actions - GitHub Marketplace Netlify deploy from GitHub Actions github.com [DevOps] Netlify에 CloudFlare DNS 연동하기 1. 서론 이번 포스팅에서는 Netlify에 올린 서비스에 CloudFlare 네임서버로 연결된 자신의 도메인을 등록하고 CloudFlare에서 TLS 인증서를 생성해 Netlify에 등록하는 방법까지 소개한다. Netlify는 자체적 blog.betaman.kr 진행과정 Dockerfile과 build.sh를 통해서 개발 환경을 구축 하였다. 그리고 build 버그를 해결 했으므로, 배포 환경을 구축 하였다. Domain 확보 새로운 도메인을 구매하려고 하였으나, 현재 카드를 분실..
