프로젝트 10

[Next.js] TOAST UI POPUP(팝업 창) 활용 2편

들어가며이번에는 Toast UI 를 활용해서 간단하게 메인 페이지에 팝업창을 띄우는 예시를 포스팅하게 되었다. Toast UI 기본 설명https://hunseop2772.tistory.com/360 [Next.js] TOAST UI 이미지 Blob 처리 및 활용 1편들어가며해당 코드는 회사 코드는 아니고 간단하게 요약한 코드여서 바로 사용한다고 해도 퀄리티에 문제가 될 수 있다. 해당 Toast UI를 사용하게 된 이유는 기존 회사 업무를 진행하며 WEB, API, GWhunseop2772.tistory.com   POPUP 창 미리보기 제목은 헤더 쪽 문구를 표현하고 시작일과 종료일은 팝업이 뜨는 기간을 설정하게 하였다.   해당 설정한 날짜와를 DB에 저장하게 되고 이 날짜와 현재 날짜가 동일하면 ..

Next.js 2024.11.04

기술 면접 프로젝트 및 자기소개

자기소개 안녕하십니까 OOO 부서에 지원 한 OOO입니다 저는 대학은 정보통신공학과를 졸업하였습니다. 대학교에서는 통신 기술을 기반으로 프로그램을 학습하였고 다양한 분야를 활용하는 것에 흥미를 가지게 되었습니다. 졸업후에 Rotc로 통신장교로 복무하며 통신병과에서 지원해주는 대학원을 입학하여 거기서 추가로 통신분야만인 아닌 Ai 분야도 프로그램을 통해 접목할 수 있으면 좋겠다고 생각을 하게되어 대학원은 지능형소프트웨어학과를 졸업하였습니다. 졸엄후에는 실무분야의 부족함을 느껴 국비지원으로 웹 서버 기반 Ai 응용 개발자 구축과정을 약 5개월간 수강하며 추가로 2달간 파이썬 데이터분석과 영상처리 프로젝트를 진행하였습니다. 학원 수료 후 OOO회사 IDC 센터에서 웹, API 개발 및 유지보수와 AI 음성서비..

프로젝트 요약 정리 SpringBoot 와 Redis 연결 및 업데이트

들어가며 회사에서 URL 호출 방식의 API로 짧은 시간에 다량의 내용을 보내는 부분이 있다. 기존 웹서버는 jsp로 구현된 내용을 이번에 Spring Boot와 Node Expressjs 를 이용하여 DB와 Redis에 새로운 인증 API 키를 갱신하는 기능을 개발하게 되었다. 초기 Redis 값을 가저와 해당 필요한 부분만 Update 를 하는 방식을 생각하였지만 여러 문제가 있어 Json 형태의 Redis를 읽어와 해당 새로운 키 값을 만들고 가저온 정보에서 해당 필요 내용을 수정해 새로운 key, value를 만들기로 하니 여러 시행착오 끝에 문제를 해결할 수 있었다. Redis Config 여기서는 Redis Sentinel 및 Lettuce를 사용하여 Redis 데이터베이스의 고가용성을 확보하..

업무 기록/API 2023.10.25

프로젝트 요약 정리 SpringBoot 와 Node ExpressJs

들어가며 회사에서 하는 프로젝트는 SpringBoot 와 Node ExpressJs 를 사용하고 있다. 보안적인 기능은 제외하고 웹프로젝트를 간단하게 설명하겠다. 기존 코드는 회사에서 직접 사용하는 코드는 아니고 개인적으로 회사코드를 이해하기 위해 개인적으로 공부한 코드이다. 위 프로젝트는 Spring Boot 부분은 서버 사이드 코드로 데이터베이스와 상호 작용하고 비즈니스 로직을 처리하며, Node.js 부분은 클라이언트 사이드 코드로 사용자 인터페이스를 처리하고 서버와 통신한다. Spring Boot와 Node.js가 서로 협력하여 전체 애플리케이션을 구성하는 기능을 가지고 있다. 간단하게 업데이트하는 기능인 코드 실행 부분을 설명해보겠다. Node.js 부분 프론트 .ejs 등록부분 예시 하단 코드..

업무 기록/WEB 2023.10.21

SpringBoot 메세지 발송/조회 API 설계 1 (요구사항, 사용기술, application.properties, Log4j)

✔ 프로젝트 요구사항과 필요성 ✔ Maven 사용기술 부연설명 - •log4j-core는 로깅 프레임워크의 구현입니다. 로거 생성 및 관리, 로그 이벤트 처리, 적절한 어펜더에 로그 메시지 발송과 같은 로깅의 핵심 기능을 제공합니다. 또한 다른 대상에 로그를 작성하는 데 사용할 수 있는 구성 가능한 추가기 세트를 제공합니다. •log4j-api는 개발자가 로깅 프레임워크와 상호 작용하는 데 사용하는 API입니다. 개발자가 로거를 만들고 메시지를 기록하고 로깅 시스템을 구성하는 데 사용하는 로깅 인터페이스와 클래스를 제공합니다. 타사 라이브러리에서도 사용하도록 설계되어 Log4j 로깅 시스템과 통합할 수 있습니다. ✔ application.properties 부연설명 - 1.여기에서는 테스트 서버접속과, ..

업무 기록/API 2023.05.18

데이터분석 프로젝트 (파이썬 Covid-19 사진 학습(분류) 3)

11. 모델 검증을 위한 Accuracy 생성하기 @torch.no_grad() # 아래 붙어 있는함수가 작동을 할때 def get_accuracy(image, target, model): batch_size = image.shape[0] prediction = model(image) _, pred_label = torch.max(prediction, dim=1) is_correct = (pred_label == target) return is_correct.cpu().numpy().sum() / batch_size 12. 모델 학습을 위한 함수 구현하기 # 모델을 학습하기 위한 함수를 만들어보자 device = torch.device('cpu') # epcoh: 데이터 전체를 한바퀴를 돌리는것? # m..

데이터분석 프로젝트(파이썬 Covid-19 사진 학습(분류) 1)

✔ 설치 !pip install torch !pip install torchvision !pip install ipywidgets 1. Torch를 기반으로 하며, 자연어 처리와 같은 애플리케이션을 위해 사용된다. GPU사용이 가능하기 때문에 속도가 상당히 빠르다 2. 파이토치가 제공하는 다양한 모델을 가져다 쓰기 위해 사용되는 라이브러리 3. 이미지를 커서를 가지고 이동하면서 이미지를 볼 수 있게하는 라이브러리(슬라이딩 등) ✔ import import torch import copy import os import cv2 import matplotlib.pyplot as plt from torch.utils.data import Dataset, DataLoader from torchvision impo..

Spring 클론코딩 프로젝트 콘텐츠 DetailPage( 비슷한 장르의 작품 추천)

🎬 MovieRespose - Containing 이용하여 유사 장르 뽑기 List findByMovGenreContaining(String genre); 🎬 MovieService @Transactional(readOnly = true) public List similarGenre(String genre, Long movieIdx){ List result = new ArrayList(); List movieIdxList = new ArrayList(16); if(genre.contains("/")){ List genreList = Arrays.stream(genre.split("/")).toList(); HashMap containMovie = new HashMap(); for(String idx: g..

Spring 클론코딩 프로젝트 콘텐츠 DetailPage(별점,별점 그래프, 해당 유저 별점 달았는지)

✔ MovieController - @RequesdtMapping("/movie") 기본 주소 @Controller @RequestMapping("/movie") @RequiredArgsConstructor ✔ @GetMapping("/{movieIdx}") // http://localhost:8080/movie/1 @GetMapping("/{movieIdx}") // http://localhost:8080/movie/1 public String movieDetail( @PathVariable Long movieIdx, @PageableDefault(size = 5, sort = "commIdx", direction = Sort.Direction.DESC) Pageable pageable, ModelMa..

[Error] 포트 충돌, 중복 오류

프로젝트를 하면서 이클립스 사용에는 포트 오류가 많이 발생하였지만, Intellij 사용 간 포트 충돌이 많이 발생하지는 않았다. 가끔 충돌하는 경우가 있어 오류 해결 방법을 기록 1. 프로그램 종류 후 재 시작 2. Intellij 경우 Server: port : (포트번호) 변경하기 3. CMD 창 이용하기 - (위 방법이 적용이 안되는 경우 대부분 해결) 가. Window 키 + R -> cmd 검색 (입력 창에서 cmd 입력 해도 무방) 나. CMD 창에 -> netstat -ano 입력 -> 로컬주소와 PID 확인 다. 내가 0.0.0.0:9999(여기서 9999가 포트 번호이다) -> 제거할 번호는 PID 6904 이다 라. CMD 창에 taskkill /f /pid (pid번호) 입력 다. ..

Error 2023.01.07