프로젝트18

• [데이터 교환 방식] Json 타입? 객체(Object) 타입? 데이터 교환 방식에 대한 정리안녕하세요! 오늘은 RestController와 컨트롤러에서 데이터 교환 방식, 그리고 비동기 요청 및 데이터 전송 방식에 대해 정리해보겠습니다. 이 글은 개발자들이 실무에서 데이터 전송 방식을 이해하고 효과적으로 활용할 수 있도록 돕기 위해 작성되었습니다.1. RestController와 Controller에서 데이터 교환 방식RestController주고받는 데이터 타입: JSON설명: @RestController는 주로 RESTful 웹 서비스를 만들 때 사용됩니다. 이 경우, 클라이언트와 서버 간의 데이터 교환은 JSON 형식으로 이루어집니다. 클라이언트가 요청을 보내면, 서버는 JSON 형식으로 응답을 반환합니다. @RestController@RequestMappin.. 프로젝트/Springboot_MariaDB 2024. 7. 3.

• [AWS] 웹 호스팅을 위한 프론트엔드와 백엔드 분리 개발 방법 AWS에서 웹 호스팅을 위한 프론트엔드와 백엔드 분리 개발 방법 🌐안녕하세요! 오늘은 AWS에서 웹 호스팅을 할 때 프론트엔드와 백엔드를 분리하여 개발하는 방법에 대해 알아보려고 합니다. 😄 1. 프론트엔드와 백엔드 분리 🖥️보통의 개발 흐름은 다음과 같습니다:프론트엔드React, Angular, Vue.js 같은 자바스크립트 프레임워크를 사용합니다.백엔드Spring Boot와 같은 서버 사이드 프레임워크를 사용합니다.이렇게 분리하면 더 유연하고 확장 가능한 애플리케이션을 만들 수 있습니다. 💪 2. API 서버로 백엔드 구축 🚀Spring Boot를 사용하여 RESTful API를 구축합니다. 데이터를 JSON 형식으로 주고받기 때문에, 타임리프와 같은 서버 사이드 템플릿 엔진을 사용할 필요가.. 프로젝트/Springboot_MariaDB 2024. 7. 2.

• [AWS] 우분투 서버에 파이썬 유비콘(uvicorn) 서버 띄우기 AWS 우분투 서버에 파이썬 유비콘(uvicorn) 서버 띄우기 🚀 (포트 8000번으로!)좋은 아침입니다! 🌞 오늘은 AWS 우분투 서버에 파이썬 유비콘(uvicorn) 서버를 띄우는 방법을 알려드릴게요. 웹 프레임워크(FastAPI 등)로 만든 멋진 웹 애플리케이션을 AWS에서 실행하고 싶을 때 딱 필요한 정보랍니다! 😉준비물:AWS 계정 (EC2 인스턴스 생성용)PuTTY 또는 터미널 (SSH 접속용)웹 프레임워크 (FastAPI 등) 로 만든 파이썬 애플리케이션 (.py 파일) 1단계: AWS EC2 인스턴스 생성 🖥️AWS 콘솔에 로그인하고 EC2 대시보드에서 "인스턴스 시작" 버튼을 클릭! 우분투(Ubuntu) AMI를 선택하고 인스턴스 유형, 키 페어 등을 설정해 주세요. (혹시 자세.. 프로젝트/Springboot_MariaDB 2024. 6. 29.

• [AWS_Ubuntu] 우분투에서 Matplotlib 한글 폰트 설정하기 우분투에서 Matplotlib 한글 폰트 설정하기 📊 (깨짐 없는 한글 그래프!) Matplotlib으로 데이터 시각화할 때 한글 폰트가 깨져서 고생하셨나요? 😭 이제 걱정 끝! 우분투 환경에서도 깔끔하게 한글 폰트를 설정하고, 깨짐 없는 그래프를 만들 수 있습니다. 😎  1단계: 한글 폰트 설치하기 📥우선, 시스템에 한글 폰트를 설치해야 합니다. 다양한 한글 폰트가 있지만, 여기서는 무료로 사용 가능한 나눔 폰트를 설치해 볼게요. sudo apt update # 패키지 목록 업데이트sudo apt install fonts-nanum # 나눔 폰트 설치  2단계: 설치된 폰트 경로 확인하기 🔍설치된 폰트 파일의 경로를 알아야 Matplotlib에서 사용할 수 있습니다. 터미널에서 다음 명령어.. 프로젝트/Springboot_MariaDB 2024. 6. 27.

• [AWS] 무료 한국 도메인 등록 및 설정 방법 무료 한국 도메인 등록 및 설정 방법1. 한국 도메인 등록 사이트 접속먼저, 한국 도메인 등록 사이트에 접속합니다.2. 도메인 검색 및 등록도메인 검색:메인 페이지에서 원하는 도메인을 검색합니다.예를 들어, 내도메인.한국을 검색합니다.도메인 선택:검색 결과에서 사용 가능한 도메인을 확인하고, 무료로 제공되는 도메인을 선택합니다.회원 가입 및 로그인:회원 가입이 필요한 경우, 사이트에서 요구하는 정보를 입력하여 회원 가입을 완료합니다.이미 회원인 경우, 로그인합니다.도메인 등록 신청:원하는 도메인을 선택한 후, 등록 신청 버튼을 클릭합니다.필요한 정보를 입력하고, 도메인 등록을 완료합니다.3. 도메인 네임서버 설정도메인을 등록한 후, 해당 도메인을 사용할 서버의 네임서버 정보를 설정해야 합니다.네임서버 정.. 프로젝트/Springboot_MariaDB 2024. 6. 27.

• [AWS] Nginx와 Certbot을 사용하여 HTTPS 설정하기 ※ Nginx와 Certbot을 사용하여 HTTPS 설정하기 1. Nginx 설치먼저 Nginx를 설치해야 합니다.   1. 패키지 목록 업데이트:sudo apt update   2. Nginx 설치:sudo apt install nginx  3. Nginx 시작 및 활성화:sudo systemctl start nginx sudo systemctl enable nginx  2. Certbot 설치Certbot은 Let's Encrypt에서 무료 SSL 인증서를 발급받을 수 있게 해주는 도구입니다.Certbot 및 Nginx 플러그인 설치:sudo apt install certbot python3-certbot-nginx 3. Nginx 설정 파일 수정Certbot이 SSL 인증서를 자동으로 설정할 수 있.. 프로젝트/Springboot_MariaDB 2024. 6. 27.

• [AWS] 아마존 웹 서비스에 스프링부트를 웹 호스팅 하는 방법 AWS 회원 가입 및 리전 설정1. AWS 회원 가입AWS 웹사이트 접속: AWS 공식 웹사이트에 접속합니다.계정 생성: 오른쪽 상단의 "Create an AWS Account" 버튼을 클릭합니다.이메일 및 비밀번호 입력: 사용하실 이메일 주소와 비밀번호를 입력하고 "Continue" 버튼을 클릭합니다.계정 정보 입력: 이름, 주소, 전화번호 등 필요한 정보를 입력합니다.결제 정보 입력: 신용카드 정보를 입력합니다. 무료 티어를 사용해도 결제 정보는 반드시 입력해야 합니다.전화 인증: 입력한 전화번호로 인증을 진행합니다.플랜 선택: 기본 무료 플랜을 선택하고 가입을 완료합니다.2. 리전 설정AWS 관리 콘솔 접속: 가입 후 AWS 관리 콘솔에 로그인합니다.리전 선택: 오른쪽 상단의 리전 선택 드롭다운 메.. 프로젝트/Springboot_MariaDB 2024. 6. 26.

• AWS(Amazon Web Services)란? ☁️ AWS(Amazon Web Services)란 무엇인가요?안녕하세요, 여러분! 오늘은 클라우드 컴퓨팅의 선두주자인 AWS(Amazon Web Services)에 대해 알아보겠습니다. 🌐☁️AWS란? 🤔AWS는 아마존이 제공하는 클라우드 서비스 플랫폼입니다. 서버, 스토리지, 네트워크, 데이터베이스, 인공지능 등 다양한 서비스를 제공하여, 기업과 개발자가 인프라를 보다 쉽게 관리하고 확장할 수 있도록 도와줍니다. 💻🔧AWS의 주요 서비스 🛠️EC2 (Elastic Compute Cloud) 🖥️확장 가능한 가상 서버를 제공하여 사용자가 원하는 대로 컴퓨팅 파워를 사용할 수 있습니다. 필요에 따라 서버를 쉽게 추가하거나 제거할 수 있습니다.S3 (Simple Storage Service) ?.. 프로젝트/Springboot_MariaDB 2024. 6. 24.

• [Springboot_MariaDB_thymleaf] 웹페이지에서 이미지 업로드, DB에 저장, 이미지 다운로드 @Controller // Spring MVC 컨트롤러임을 나타내는 어노테이션public class FileController { @Autowired // FileService 의존성 자동 주입 private FileService fileService; @GetMapping("/") // 루트 경로("/")에 대한 GET 요청 처리 public String index(Model model) { // 모든 파일 목록 조회하여 모델에 추가 List files = fileService.getAllFiles(); model.addAttribute("files", files); // index 템플릿 렌더링 return "in.. 프로젝트/Springboot_MariaDB 2024. 6. 13.

• 

  [Springboot_python_openai] 스프링부트&파이썬으로 ChatGPT 연결 1. Springboot 디렉토리 2. 요약MainController에서 main/question HTML파일을 웹 페이지에 get 방식으로 열어준다.http://localhost:8080/main/question 페이지에서 질문을 입력 받는다.get 방식으로 form에 담아 http://localhost:8080/main/ask?question=질문내용 페이지를 호출한다.QuestionController에서 질문을 JSON 형태로 파싱한다.파이썬에서 Flask를 사용해서 5000번 포트에 서버를 열어두고 url로 오는 post 요청을 대기한다.ResponseEntity response = restTemplate.postForEntity(url, entity, String.class); 로 파이썬 Fla.. 프로젝트/Springboot_MariaDB 2024. 6. 10.

• 

  [Springboot_ajax] 웹 알람 서비스 구현 1.  프로젝트 구조웹 브라우저에서 음악 파일 재생하기 편을 봐주세요(링크 : https://cbjh-4.tistory.com/148)WebConfig : static 파일 path 지정controller : get, post, put, delete 방식으로 알람 생성, 수정, 제거, 페이지 열기, 알람 리스트 서버에 저장 기능 구현dto : AlarmTime을 웹 브라우저와 Springboot가 http 형식으로 주고 받는 객체 (멤버로 String 타입의 time 변수를 사용)service : 사용 안함(script 쪽에서 구현함)static/alarm.mp3 : 알람음templates/alarm.html : HTML + CSS + Script + Ajax로 화면 구현HTML에서 Post 방식으로 F.. 프로젝트/Springboot_MariaDB 2024. 5. 28.

• 

  [Springboot] 웹 브라우저에 음악 파일 재생하기 1. 목적Springboot에서 컨트롤러를 만들고 html에서 서버에 저장된 mp3파일을 재생한다.(버튼 클릭 없이)1분마다 mp3파일을 재생한다.MP3 파일 재생 테스트알람 소리 재생new Audio('/alarm.mp3');인텔리제이 src/main/static/alarm.mp3 오디오 파일 객체 인스턴스를 생성한다.audio.play();오디오를 실행한다.setInterval(함수명, 시간);일정 시간마다 함수를 실행한다.이 코드를 실행해도 알람은 울리지 않는다. chrome의 자동재생 정책 때문에, 사용자가 직접 재생 버튼을 누르지 않으면 음악 파일이 자동재생되지 않는다.링크: https://developer.chrome.com/blog/autoplay?hl=ko알람 소리 재생 버튼을 누른 후 기.. 프로젝트/Springboot_MariaDB 2024. 5. 28.