프로젝트 기간: 2024.11 - 2024.12역할: 백엔드언어: Java프레임워크: SpringBoot참고문헌: 스프링 부트와 AWS로 혼자 구현하는 웹 서비스담당 구현 기능: 책 실습 내용 기반 게시판 CRUD 서비스좋아요 기능기능 소개좋아요 하트 버튼 최초 클릭 시(좋아요 등록 시) Like_Table에 좋아요가 등록되고 해당 좋아요의 liked값이 true가 된다.좋아요 취소 시 Like_Table에 등록되었던 좋아요의 liked값이 false가 된다. 다시 해당 글에 좋아요를 클릭 시 좋아요의 liked값이 true가 된다. 핵심 코드1. 테이블 매핑ERD기반 Posts, Like_Table, User테이블 매핑Posts, Like_table 1:N mappingUser, Like_table 1..
Project
프로젝트 기간: 2024.01 - 2024.02역할: 프론트엔드언어: Javascript빌드도구, 프레임워크: React, Vite상태관리 라이브러리: Recoil담당 기능:약관동의 페이지게시글 작성, 수정, 삭제기능세부 게시글 조회 기능백엔드 - 프론트엔드 API 연결화면 구성1. HOME초기 화면: 회원가입, 로그인, 약관동의메인 화면: 전체 게시글을 한 눈에 볼 수 있는 페이지2. Survey설문조사 게시글 등록 및 삭제, 수정3. Market설문조사 데이터 판매4. My포인트 내역 확인작성한 게시글 히스토리 확인 구현 결과1. 약관동의 페이지 UI onButtonClick: 모두 동의 버튼(onAllBoxChange), 서비스이용약관/개인정보 수집 동의 버튼(onSingleBoxChange) 제..
AWS AI CV PROJECT2024/11/01 - 2024/11/30 프로젝트 내용두부 공장에서 생산되는 제품의 정상, NG 이미지를 받아 두부의 결함 여부를 탐지하는 컴퓨팅비전 프로젝트 프론트엔드, AWS 인프라, 모델 별 역할 나눠서 진행맡은 역할: 프론트엔드 화면 구현, AWS 아키텍처 설계 및 인프라 구현 구현 결과 정리1. 프론트엔드(Angular) 구현 목표실시간으로 두부가 나열되는 영상에서 이미지만을 추출해 양불여부를 판정하고, 통계 데이터를 확인할 수 있는 사이트를 구현한다. 세부 구현 내용프로젝트 초기 설정은 angular, typescript 기반 오픈소스 활용실시간 두부 영상을 받아 두부 이미지 캡처실시간 동영상을 받아서 brightness>50이면 brightPixel값을 1..
openAI의 ChatGPT를 평소 자주 사용하는 메신저에서도 만날 수 있다면 ..? 의 안내를 따라 AWS를 활용해 텔레그램 챗봇을 만들어 보았다.아마존 웹 서비스(AWS)란?아마존에서 제공하는 클라우딩 컴퓨팅 플랫폼으로, 아마존에서 컴퓨터를 유료로 대여해 주고 직접 컴퓨터를 동작까지 시켜주는 서비스이다. 간단한 챗봇 결과물을 만들기 위해 AWS람다와 AWS API게이트웨이를 사용해 보았다.AWS 람다: 메시지 정보를 받으면 API를 통해 챗GPT에 작업을 요청한다.AWS API게이트웨이: 텔레그램 서버와 AWS 람다 함수를 연결해 주는 연결고리 역할 실습에 앞서 openAI 서버와 연결할 수 있는 openAI의 API키와텔레그램의 botfather로부터 얻어낸 나만의 봇토큰이 필요하다.*봇 토큰과 A..
