본문 바로가기

프로젝트

 (11)
회사 신규 프로젝트 -1- 회사 신규프로젝트 작업 시작 언어: Java17프레임워크: SpringBoot 3.2.5DB: mariadb 10.11.7형상관리: Git Lablog: log4j2project: gradle  SpringBoot 3.2 버전 이상부터는 매개변수를 명시 해주지 않으면 오류가 발생할 수 있다.java.lang.IllegalArgumentException: Name for argument of type [java.lang.String] not specified, and parameter name information not available via reflection. Ensure that the compiler uses the '-parameters' flag.  오류 해결방안으로는 매개변수를 받을 때 v..
블라인드 채용사이트 (5) - 회원가입 버튼 눌렀을 때 검사 기능 추가 중 24 / 02 / 13 (화) Front 1. 회원가입 버튼 눌렀을 때 정규식 또는 인증번호 검사가 하나라도 안되어 있으면 가입 못하게 방지 기능 추가 중 2. 차크라 UI의 Toast 기능을 활용해 정규식 통과못한 곳 팝업 띄우기 Back 1. 메일 인증번호 응답 값을 ResponseEntity 로 200, 400 Return 토스트 팝업이 여러 개가 안되어 있으면 여러 개가 발생 나는 위에서 부터 아래로 확인해 제일 최상단 한 개 만 띄우고 싶음 문제의 로직 // 모든 정규식 및 인증번호 통과해야 가입하기 버튼 누를 수 있음 // 가입하기 // TODO: 인증번호 까지 맞아야 가입하기 됨 만들기 // TODO: 토스트 까진 띄웠는데 여러개 안되어 있으면 여러개 동시에 토스트가 나옴 그걸 해결해야함 하..
블라인드 채용사이트 (4) - 메일 인증번호 검증 완료 / Redis 활용 24/02/07 (수)Front1. 메일 인증번호 확인 버튼 생성 2. axios로 api 통신 url 설정 Back1. Redis 설치2. gradle Redis 의존성 추가3. Redis 제어를 위한 RedisUtill 클래스 생성 및 메소드 생성4. 인증번호 확인 클릭시 Email, 인증번호가 Controller 통해 인증관련 로직 실행5. 5분 지날 경우 인증번호 Redis에서 삭제 처리Redis 설치Redis gradle 의존성 추가implementation 'org.springframework.boot:spring-boot-starter-data-redis'Redis를 제어하기 위한 클래스 및 메소드 작성@Service@RequiredArgsConstructorpublic class Redis..
블라인드 채용사이트 (3) - 프론트 정규식 및 백엔드 이메일 인증코드 부분 구현 24/02/06 (화) 1. 프론트 쪽에서 정규식 검증 진행 (정규식 담당 컴포넌트를 따로 만든 후 거기에서 true / false 반환)2. 메일 인증번호 발송 구현 (메일 송수신 확인 및 인증번호 확인) 어차피 이메일과 휴대전화번호는 이상하게 입력해도 인증번호가 검증해주기 때문에 빡빡하게는 유효성처리 안함 유효성검증 컴포넌트 구성 Redux 사용하려다 백엔드 쪽 비중을 두고 공부할 목적이라서 우선 Context로 검증에 필요한 Props들 처리 정규식에 필요한 양식들을 변수 선언 useEffect로 로직 실행 Input의 값들이 변경될 때 마다 로직 실행 useEffect에 유효성 검증 로직을 안하면 랜더링 되기 전에 검증로직이 실행되어 오류가 발생 이메일 인증 메일 발송 백엔드 부분 gradle 의..
블라인드 채용사이트 (2) - 회원가입 화면 만들기 시작 2024-02-02(금) 회원가입 화면 만들기 시작 우선 api 구성하기전에 view 부터 처리하려고 회원가입 부분 제작 시작 완성 작업 1. 입력칸 눌렀을때 Input 생성시키고 타이틀은 작아지게 만들기 완성 2. 비밀번호 표시 기능 완성 3. 인증번호 전송 누르면 입력 칸 나오면서 거기에 맞게 전체 칸 늘어나기 완성 TODO 이제 각 Input에 정규식 추가 + 인증번호 전송시 이메일과 연동해 인증번호 날라가게 백엔드에서 설정 예정
블라인드 채용 (1) 사이트 프로젝트 24.02.01 ~ 학원 수료도 끝났고 개인 공부하기 위해 프로젝트 진행 시작 프로젝트 주제: 블라인드 채용 사이트 프로젝트 목적: 개인 공부용 + 내가 채용 잘 안되니깐 프로젝트 기술 프론트: React, Chakra UI, JavaScript, CSS, JSX ... 백엔드: Java 17, Spring Boot, JPA, S3 데이터베이스: MariaDB (AWS RDBMS) 배포 예정: AWS EC2 사실 JPA, Docker, Redis, Jenkins CI/CD 경험해보려고 시작 나중에 커지면 MSA 형태로 쪼갤예정
react에 웹소켓 적용시 어느 영역에 하느냐의 문제 웹소켓에 대해 아무것도 모르고 무작정 도입하려고 공부하면서 코드를 끄적이던 중 한 가지 큰 문제가 생겼다. 문제 발생 웹소켓에 필요한 컴포넌트 마다 연결할 경우 pc, 네트워크 환경에 따라 웹소켓 연결속도가 달라 누군 바로 되지만 어떤 사람은 소켓 기능을 사용하기 위해서 연결될 때 까지 기다려야 하는 수고스러움이 있다. 해결 방안 그래서 나는 맨처음에 우리 메인 홈페이지에 들어올 때 연결 시켜두고 어차피 NAV로 통해 이동되는 게시판은 리다이렉션형태로 이동되기 때문에 소켓이 계속 유지된다. (새로고침 하거나 주소창으로 이동하는 경우 재연결함) 그래서 처음부터 연결시켜두기 위해 웹소켓이 필요한 컴포넌트 영역이 아닌 전체 영역으로 하고 웹소켓만 관리하는 별도 컴포넌트를 만들어 Context를 이용해 prop..
CK 에디터 이미지 DB, S3에 저장시키기 문제 CK에디터 에서 이미지 업로드시 게시판이 저장되지 않는 상태에서 어떻게 그 이미지가 해당 게시판인지를 알게할 것인가? 우리가 학원에서 배운건 Input에 file을 이용해 첨부하고 게시판 상세보기를 할 때 이미지를 보여주는 방식이였다. 하지만 CK 에디터에서 이미지 업로드시 이미지가 먼저 보여야 하기 때문에 이걸 게시판이 저장되지 않은 상태에서 어떤 게시판인지 서로 매칭 시켜줘야 하는 문제가 생겼다. 해결 방법 우선 이미지 자체가 보여야 했기에 DB와 S3에 저장시키기로 했다. 우선 DB를 구축할 때 우리는 그 게시판과 이미지를 어떻게 매칭시킬 건지 고민 했다. uuid로 고유의 값을 부여해 게시판과 이미지를 서로 매칭하게끔 시도 했다. (추후 설명) 그리고 게시판 번호는 일단 0번으로 기본값을 설..

티스토리툴바