참고자료 [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..
참고자료 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..
참고 자료 쿠키와 document.cookie ko.javascript.info 🌐 악명 높은 CORS 개념 & 해결법 - 정리 끝판왕 👏 악명 높은 CORS 에러 메세지 웹 개발을 하다보면 반드시 마주치는 멍멍 같은 에러가 바로 CORS 이다. 웹 개발의 신입 신고식이라고 할 정도로, CORS는 누구나 한 번 정도는 겪게 된다고 해도 과언이 inpa.tistory.com 🍪 CORS 쿠키 전송하기 (withCredentials 옵션) 🤬 CORS를 허용했는데도 쿠키가 넘어가지 않는 현상 보통 웹을 구성할때 리액트(React)나 뷰(Vue)와 같은 라이브러리 / 프레임워크를 사용한다면 따로 프론트 서버를 실행하여 개발하게 된다. 만일 inpa.tistory.com 🌐 JWT 토큰 인증 이란? (쿠키 vs..
참고자료 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..
참고자료 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 확보 새로운 도메인을 구매하려고 하였으나, 현재 카드를 분실..
참고자료 [Linux] 리눅스 쉘(Shell) 간단한 스크립트 작성 및 실행 방법 쉘을 사용해서 프로그래밍도 할 수 있습니다. 주로 서버 작업 자동화 프로그래밍을 만들 때 사용하며 생각보다 자주 사용합니다.쉘 스크립트는 파일안에 스크립트를 작성 후 실행하는 방식을 coding-factory.tistory.com 과정 flutter로 실행하면 잘 동작하는데, build 후에 static파일을 실행하면 blank만 나오는 버그를 마주 했다. 일단 의심가는 라이브러리는 다 찔러봤는데 다 문제가 없었다. 그냥 flutter로 실행시키고, WAS 서버를 하나 더 두고 말까라는 생각이 들었으나, 이건 타협을 하기 싫어서 조금만 더 시간을 투자 하기로 했다. 개발 환경 구축 github와 google은 전전하며, 별..
참고자료 Building a web application with Flutter Instructions for creating a Flutter app for the web. docs.flutter.dev How to Deploy Flutter Web Application? Learn how to deploy Flutter web app, for Flutter developers. www.dhiwise.com 과정 flutter run -d chrome 위의 명령으로 확인을 하면서 개발을 해 왔고, 지난 번 글의 동영상과 같이 정상적으로 동작 했었다. 하지만 build를 하고 실행하니 위의 이미지 처럼, 텅텅 빈 widget만 출력되는 버그가 발생했다. 너무 당황스러웠다. 갑자기 왜? 라는 생각에 30초..
참고자료 BGMs - YouTube 플레이리스트 공유 및 원격 재생 BGMs (브금쓰)로 YouTube 플레이리스트를 공유하고, 공간에 음악을 채워보세요. bgms.live Zaddle Agency - Webflow HTML website template An agency template packed with sleek interactions, animations, parallax scrolling effects, and an interactive custom cursor to impress your clientele. zaddle.webflow.io 과정 이 영상을 보고 대충 그렸던, 내용을 좀 가다듬어서 만들었다. 뭔가 아름다운 방식으로 만들거라 생각 했는데, 실제로 보니까 아니였다. 백조는 발버둥친..
참고자료 youtube_player_iframe | Flutter package Flutter port of the official YouTube iFrame player API. Supports web & mobile platforms. pub.dev BGMs 개발기 (YouTube 플레이리스트 공유 및 원격 음악 재생 서비스) 회사 초창기부터 5년가량 내부에서만 사용하던 쥬크박스 시스템을 오픈하였습니다. 쥬크박스 개발기를 적어보려고 합니다. 이번 글에서는 어떻게 쥬크박스가 나오게 됐는지, 어떻게 개발했는 secondspaceinc.tistory.com 과정 BGMs의 개발기를 보다가 알게 된 정보이다. Youtube를 iframe으로 재생을 하게 되면, 광고가 나오지 않는다! 기존에는 Youtube-..
