티스토리

메모장

검색하기

블로그 홈

메모장

synclair.tistory.com/m

나는 내가 생각한 것보다 훨씬 강하다

구독자: 1

방명록 방문하기

주요 글 목록

[N+1] 문제를 겪었다. @Entity@Getter@NoArgsConstructor(access = AccessLevel.PROTECTED)@ToString@Table(name = "orders")public class Order extends BaseEntity { @Id @GeneratedValue(strategy = GenerationType.IDENTITY) private Long id; @ManyToOne(fetch = FetchType.LAZY) @JoinColumn(name = "user_id", nullable = false) @ToString.Exclude private User user; @Column(nullable = true) private String ti.. 공감수 0 댓글수 0 2025. 3. 13.
JPA - Lazy Loading, @Transactional에 관해 @Getter@NoArgsConstructor(access = AccessLevel.PROTECTED)@Entity@Table(name = "users")//@SQLDelete(sql = "UPDATE users SET deleted = true WHERE id = ?")//@Where(clause = "deleted = false")public class User extends BaseTimeEntity implements UserDetails { @Id @GeneratedValue(strategy = GenerationType.IDENTITY) private Long id; @Column(name = "user_id" , unique = true, nullable = false) .. 공감수 3 댓글수 2 2024. 11. 20.
연차 신청, 관리 시스템 만들기 #14 완성...? 일단 사이트를 만들었지만 추후 만들어야 할 것1. 마스터에게 어드민권한 계정 요청 시 이메일 혹은 디스코드 알람 기능2. 사원이 휴가를 신청 했을 시 팀장, 어드민에게 이메일 혹은 디스코드 알람 기능 아마 JMS로 해야할 것 같은데 그 전에 에러 케이스가 생기면 그것 부터 고치고 해야겠다.3. 엑셀로 출력 기능 poi로 할 것. https://tonyworld.kr/ Vite + Vue tonyworld.kr UI가 참 불편하게 모바일은 고려 안했다 .. 공감수 0 댓글수 0 2024. 10. 14.
연차 신청, 관리 시스템 만들기 #13 logback.xml 설정, 로그 cloudwatch로 전달, 디스코드로 알람 설정 로컬 pc에선 에러가 나면 그냥 내가 그대로 고치면 된다.하지만 ec2에 배포한 상황에서 로그 기록을 보려면iterm 켜서 ec2에 ssh 접속 하고 docker logs [컨테이너이름] 하고계속 이러다보니 현타가 와버렸다. 그리고 쓸데없는 INFO 레벨 로그도 내 귀찮음에 한 몫 했다.그래서 서버에선 에러 로그만 출력되고 에러가 뜨면 CloudWatch에 저장되게 하고, 디스코드로 웹 훅을 걸어두기로 했따.이전 회사에서도 이게 귀찮아서 slack에 알람 해뒀었는데 지금은 슬랙을 안쓰니.. 디스코드로 해보기로 했다. 그래들 // logback,cloudwatch implementation 'ca.pjer:logback-awslogs-appender:1.6.0' logback.xml .. 공감수 1 댓글수 0 2024. 9. 20.
연차 신청, 관리 시스템 만들기 #12 EC2 스웨거 http -> https EC2에 배포를 하고 요청을 하니 스웨거의 기본 요청이 http인 것을 발견..본 ec2는 nginx로 https SSL 발급을 하였다.그래서 스웨거 설정에서 https를 바라보게 해줘야한다.@Configuration@OpenAPIDefinition( info = @io.swagger.v3.oas.annotations.info.Info(title = "연차시스템 API 명세서", description = "연차 시스템 API 명세서", version = "v1"))public class SwaggerConfig { @Profile("dev") @Bean public OpenAPI devOpenAPI() { ... return new Ope.. 공감수 0 댓글수 0 2024. 9. 10.
연차 신청, 관리 시스템 만들기 #11 인프라 구축 블로그에 기록들을 적어두면 좋겠지만..이것도한 에너지 소비인 것을 생각해서.. 조금은 내려놓고 간략하게 하는 방향으로 정했다..우선## 마스터 , 관리자1. - [x] 기업 관리자 등록2. - [x] 기업 상호명 수정3. - [x] 기업 삭제## 모든 유저1. - [x] 로그인 \[아이디, 비밀번호\]2. - [x] 로그아웃3. - [x] 등록된 기업 상호 명 조회 (조건은 아직 안 정함) / 프론트 x4. - [x] 등록된 모든 기업 조회 / 프론트 x5. - [x] 기업 등록 (국세청 사업자등록번호 조회 OpenAPI 필요)6. - [x] 유저 정보 수정 / 프론트 x7. - [ ] 유저 프로필 사진 수정(S3) / 프론트 x8... 공감수 5 댓글수 0 2024. 9. 6.
연차 신청, 관리 시스템 만들기 #10 로그인에 캐시를 써보자 현 프로젝트는 로그인, 권한체크, 리프레시 토큰으로 액세스 토큰 재발급시 DB를 조회하게 된다.DB조회가 가장 많을 것으로 예상되는 파트이다. 그래서 고민 하게 되었다.DB가 너무 많이 부담된다. 이것을 캐시 히트가 된다면 DB조회가 많이 줄 지 않을까? 라는 생각에서 삽질이 시작되었다.public JwtToken refreshAccessToken(String refreshToken) {// if(!validateRefreshToken(refreshToken)){// throw new CustomException(ResponseCode.RefreshTokenValidException);// } Claims claims = parseClaims(re.. 공감수 0 댓글수 0 2024. 7. 30.
연차 신청, 관리 시스템 만들기 #9 공공데이터포털 국세청_사업자등록정보 진위확인 및 상태조회 서비스 OpenAPI 이용하기 (Vue #8 시리즈에서 백엔드를 구현 했다면 #9에선 프론트에서 연동을 해보았다. vue DatePicker 라이브러리를 이용해서 만들었다. 유저 회원가입과는 다르게 날짜 포맷을 YYYYmmDD로 하였다. 이전 방식은 나중에 자르고 그래야하니 두 번 일하는것 같았다. 화면과는 다르게 여기서 문제가 생겼었다 처음엔. 나는 2024년6월12일 달력을 눌렀는데 밑에는 20240611이 뜨는 것이였다. 이전 회사에서 aws 인프라를 하면서 UTC 타임존 때문에 먼가 설정한다고 삽질 했던 기억이 스쳐지나갔다.. 그렇다 여기서 시간 값을//return date.toISOString().substring(0,10); Timezone 이슈 이렇게 받아왔는데 이러면 Timezone이 UTC 기준으로 날짜 값을 반환 한다. 해당.. 공감수 0 댓글수 0 2024. 6. 12.
연차 신청, 관리 시스템 만들기 #8 공공데이터포털 국세청_사업자등록정보 진위확인 및 상태조회 서비스 OpenAPI 이용하기 1. 만들어야 되는 이유 : 회사 어드민이 회사를 등록 하기전에 회사가 실존하는지 존재 유무를 체크 하기 위해 공공데이터포털에 있는 사업자등록정보 조회 openAPI를 이용하여 검증 후에 등록을 하는 로직을 만들어야 했다. 2. openAPI 사용권한 요청 하기 우선 공공데이터포털에 해당 api 신청은 #2 에 올렸으므로 참고 바랍니다..https://synclair.tistory.com/entry/%EC%97%B0%EC%B0%A8-%EC%8B%A0%EC%B2%AD-%EA%B4%80%EB%A6%AC-%EC%8B%9C%EC%8A%A4%ED%85%9C-%EB%A7%8C%EB%93%A4%EA%B8%B0-2 3. 구현 하기 로컬서버(스프링) OPENAPI 간 HTTP 통신을 위해 스프링의 WebClien.. 공감수 1 댓글수 2 2024. 6. 11.
연차 신청, 관리 시스템 만들기 #7 로그아웃 구현 내가 만든 로그인 api중 일부분이다.우선 나는 JWT를 이용해 로그인,로그아웃을 구현 하였다.그중에서 AccessToken은 응답 헤더에 담아 클라이언트의 로컬 스토리지에 저장, RefreshToken은 쿠키안에 저장 하는 방식을 채택했다.그치만 이 방식으로 로그인을 하면 클라이언트(프론트)에서 개발자 도구를 들어가기만 하면너무나도 잘 보인다function getCookie(name) { const value = `; ${document.cookie}`; console.log("모든 쿠키: ", document.cookie); // 모든 쿠키 로그 출력 (디버깅 용도) const parts = value.split(`; ${name}=`); if (parts.length === .. 공감수 1 댓글수 1 2024. 5. 29.
연차 신청, 관리 시스템 만들기 #6 백엔드의 프론트엔드 삽질(Vue3) ├── package-lock.json├── package.json├── public│ └── vite.svg├── src│ ├── App.vue│ ├── assets│ │ └── vue.svg│ ├── components│ │ ├── HelloWorld.vue│ │ ├── Login.vue│ │ └── SignUp.vue│ ├── config│ │ └── axios.js│ ├── main.js│ ├── plugins│ │ └── vuetify.js│ ├── router│ │ └── index.js│ ├── store│ │ ├── counter.js│ │ └── userStore.js│ ├── style... 공감수 0 댓글수 0 2024. 5. 22.
연차 신청, 관리 시스템 만들기 #5 스웨거 만들기 ## 마스터 , 관리자1. - [x] 기업 관리자 등록2. - [x] 기업 상호명 수정 3. - [x] 기업 삭제 ## 모든 유저 1. - [x] 로그인 [아이디, 비밀번호]2. - [x] 로그아웃 3. - [x] 등록된 기업 상호 명 조회 (조건은 아직 안 정함)4. - [x] 등록된 모든 기업 조회5. - [x] 기업 등록 (국세청 사업자등록번호 조회 OpenAPI 필요)-- -- ## 사원1. - [x] 휴가 등록(신청) 2. - [ ] 휴가 신청 삭제(대기 상태일때 만)3. - [ ] 휴가 신청 수정(대기 상태일때 만)4. - [ ] 휴가 신청 조회5. - [ ] 본인 휴가 현황 상세 조회 페이지 테이블(년도, 월 1~12, 월 별 사용 휴가 개수, 총 남은 휴가 개수) ## 관리자 1. - [.. 공감수 0 댓글수 0 2024. 5. 22.
Java Excel 라이브러리 Poi로 엑셀 파일 데이터 불러오기 1. 라이브러리 추가 org.apache.poi poi 5.2.0 org.apache.poi poi-ooxml 5.2.0 org.apache.logging.log4j log4j-core 2.17.1 maven 기준 dependeny 추가 2. 활용 예제용 엑셀을 프로젝트에 저장 해둔다. public class ExcelExample { public static void main(String[] args) { try { FileInputStream file = new FileInputStream(new File("example.xlsx")); Workbook workbook = WorkbookFactory.create(file); Sheet sheet = workbook.getSheetAt(0); for .. 공감수 0 댓글수 0 2024. 3. 11.
StringUtils.isEmpty is deprecated StringUtils.isEmpty()는 deprecated 되었다고 경고창이 떴다. 대체제로 hasText(),hasLength()를 사용 하면 된다. 나의 경우 hasText를 써서 적용 하니 잘 동작 했다. 공감수 0 댓글수 0 2024. 2. 26.
연차 신청, 관리 시스템 만들기 #4 개발 서버 띄우기(EC2) AWS를 이용하여 개발 서버를 만들어서 배포까지 해두는게 같이 하는 우리 팀원과 멀리 있을 때 소통을 하기 쉽지 않을까 해서 개발 서버를 만들어보려고 합니다. 돈이 없어서 나중에는 운영서버로 대체될 서버 하하.. 공감수 0 댓글수 0 2024. 2. 5.
nginx letsencrypt 로 SSL 인증서 발급 후 사이트 https 적용하기 일단 처음에 특정 사이트 링크를 타고 들어갔는데 저렇게 뜨면 일단 불법 토토 사이트에 들어온 기분이 듦 ㄹㅇ. 정보가 탈취당할거같은 느낌이 온다.(진짜긴함) 1. http와 https 차이점 요약: HTTP와 HTTPS HTTP HTTPS 의미 Hypertext Transfer Protocol Hypertext Transfer Protocol Secure 기본 프로토콜 HTTP/1과 HTTP/2는 TCP/IP를 사용합니다. HTTP/3은 QUIC 프로토콜을 사용합니다. HTTP 요청 및 응답을 추가로 암호화하기 위해 SSL/TLS와 함께 HTTP/2 사용 포트 기본 포트 80 기본 포트 443 용도 이전 텍스트 기반 웹 사이트 모든 최신 웹 사이트 보안 추가 보안 기능 없음 퍼블릭 키 암호화에 SSL 인.. 공감수 0 댓글수 0 2024. 2. 1.
인텔리제이(intellij) nest.js 아이콘 띄우기 nest가 앵귤러 기반인지라 material-icon이 앵귤러로 인식하는게 영 보기 싫었다. 설정에서 앵귤러 아이콘을 끄면 Nestjs 아이콘으로 잘 보인다. 끗. 공감수 0 댓글수 1 2024. 1. 28.
권한제어 하는 여러가지 방법 1. @Secured('권한이름') @Operation(summary = "테스트", description = "권한 인가 테스트") @Secured("ROLE_Admin") // 해당 메서드에 대한 권한 설정 @PostMapping("/test") public String test() { return "success"; }2. 여러 권한을 접근 제어 하려면 @PreAuthorize @RestController @RequiredArgsConstructor @RequestMapping("/members") @Tag(name = "유저(멤버)", description = "유저 관련 api 입니다") public class MemberController { // ... @Operation(su.. 공감수 0 댓글수 0 2024. 1. 24.
연차 신청, 관리 시스템 만들기 #3 (커스텀 예외 만들기, @RestControllerAdvice) 기계가 말하는 말은 나랑 언어가 달라 이해하기가 어렵다. 내가 만든 코드에서 난 에러를 자기 나름 설명 해준다고 하는데 맘에 안든다. 기계도 날 이해 못시키는데 내가 만든 코드에서 난 에러를 남들이 이해를 잘 할까 라는 생각이 새삼 문뜩 생각났다. 만들어둔 스웨거를 프론트분이 테스트를 한다는 상상을 하고 내가 만든 api를 이해하기 쉽게 하고자 커스텀 에러를 만들었다. 물론 구글링해서 괜찮은것 복붙했음 ㅎ; 에러 메시지 형태는 이렇다. @RestControllerAdvice로 예외를 전역적으로 처리한다. 이제 이걸 활용해보자 이미 존재하는 아이디 인지 체크하는 예외이다. 스웨거로 예외를 발생하면 저런 메시지가 뜬다. 막 몇 십줄 무슨 말인지 못 알아먹는 에러메시지보다 보기 너무 쉬워서 좋은것 같다. 끝 공감수 0 댓글수 0 2024. 1. 19.
연차 신청, 관리 시스템 만들기 #2 .... 연차등록 시스템의 1단계인 기업 등록 로직에 실제로 사업자번호 조회를 하고 회사, 대표명 등을 진짜로 해보는 것이 어떻냐는 요구 사항이 왔다.. 그래서 공공데이터를 위해 Open API 활용 신청을 하였다. 어찌 프로젝트의 몸둥아리가 점점 풍선 근육처럼 커지는 것 같다... 살면서 공공데이터 OpenAPI 활용 신청은 처음 해봤다... 신청하자마자 바로 되었다. 개발 목적은 그냥 무조건 승인인가..? 1. Open API 테스트 하기 신청을 하면 일반 인증키를 두 개 부여 받는다. 신청 하면 이걸 부여하는것 같다. https://www.data.go.kr/iim/api/selectAPIAcountView.do#/%EC%82%AC%EC%97%85%EC%9E%90%EB%93%B1%EB%A1%9D%2.. 공감수 0 댓글수 0 2024. 1. 10.
docker 로 Spring boot 프로젝트 EC2에 배포하기 (맥북 빌드 시 에러 해결) 도커라는 것의 존재는 알았지만 처음 개념을 알았을 땐 쓰는 이유를 봐도 이해를 하지 못했다. 하지만 개발서버, qa서버, 운영서버 그리고 오토스케일링을 위한 인프라를 구축하면서 느낀게 각 서버마다 jdk 설치도 해야하고 배포를 codedeploy로 하기 때문에 code deploy-agent 를 각 서버마다 설치 해줘야한다. 귀찮다. 서버를 하나만 띄웠을 때는 몰랐으나 매우 귀찮다. 그래서 사람들이 도커 이미지 하나만 배포해서 끝내고싶었나보다 테스트용으로 프로젝트를 만들었다 1. DockerFile 만들기 dependency 로 Spring web만 추가 Spring boot 3.x 버전, JDK는 17 실행 테스트를 위해 간단한 api를 만들었다. 프로젝트 내부 루트경로에 DockerFile 이라고 파.. 공감수 0 댓글수 0 2024. 1. 10.
[AWS] CloudFront 캐시 비활성화 정책 설정 상황. QR코드를 통해 S3에 저장한 앱 사용자의 사진을 Cloudfront를 통해 주는 상황. 쉽게 말해 화면 단에서 유저가 app 나가기를 누르면 해당 유저 정보를 s3내에서 삭제 하도록 되어 있어 다시 cloudfront url로 들어가면 유저 사진이 안떠야 되는 상황.. 그러나 s3 내에선 객체(유저 정보 파일)가 삭제 되었지만, Cloudfront 내에선 해당 객체에 대한 캐시가 남아 있어 화면에서 나가고도 해당 QR코드를 통해 정보를 계속 볼 수 있었다.. 왜냐하면 Cloudfront(CDN)은 원본 데이터를 캐시 데이터로 복사해 저장해 둔다. 그렇지만 내 의도에선 계속 보이면 안되는 건데.. 그래서 첫 시도는 Cloudfront 배포 캐시 무효화(invalidation) 였다. 1. Clou.. 공감수 0 댓글수 1 2024. 1. 10.
[VSCODE] Tab으로 이동 하고 싶을 때(TabOut 플러그인) 인텔리제이나 이클립스를 쓸 땐 String test = "dd" 문자열 입력 후 Tab을 누르면 문자열 뒤로 가서 바로 세미콜론을 입력 할 수 있었다. JS를 배울 겸 해서 VSCODE를 이용 했는데 Tab 이동이 안되서 화나 죽을 뻔 했다. 이를 도와주는 플러그인이 있다. 설치하면 밑의 값이 true이 되며 탭으로 이동 하기 쉽다. 속이 뻥 뚫린다. 공감수 0 댓글수 1 2024. 1. 6.
SpringFramework StringUtils 제공 메서드 보호되어 있는 글입니다. 공감수 0 댓글수 0 2024. 1. 4.
연차 신청, 관리 시스템 만들기 #1 DayOffManager (연차 신청, 관리 시스템) 기술 스택 Spring boot, Spring Security, Spring Data JPA, MySQL, Thymeleaf JDK 17 이상 인프라 (예정) AWS Lamdba RDS S3(? 유저 증명사진 저장 시 약관 필요 할 듯) CloudFront System Manager GitHub, GitHubAction, CodeBuild, Codedeploy 구현 기능 공통 DB 스케쥴링 1월 1일 시 기본 연차를 유저에게 부여 한다. 다음 달 1일에 연차를 +1 개 모든 유저에게 부여 한다.(위의 전제랑 대립 됨) 유저 회원가입 로그인/로그아웃 휴가 신청(연차 신청 양식 form 필요) oAuth(네이버, 구글, 다음 아이디로 로그인 고려) 관리자.. 공감수 1 댓글수 1 2024. 1. 3.
[Mac] MySQL root 비밀번호 분실 시 초기화 하기 1. 서버중지 mysql.server stop # brew 이용 할 경우 brew services stop mysql2. 서버 재시작 mysql.server start --skip-grant-tables # brew brew services start mysql 3. 로그인 mysql -u root 4. 안 될 경우 재설치 (차라리 이게 더 빠를 수도..) brew services list # mysql 서비스 중인 지 확인 which mysql # mysql 설치 경로 확인 rm -rf mysql경로 brew uninstall mysql # mysql 제거 brew list | grep mysql # mysql 삭제 됐는 지 체크 brew install mysql # mysql 재설치 brew serv.. 공감수 0 댓글수 0 2024. 1. 3.
QueryDSL 설정 Querydsl 부트 3.x 설정 plugins { id 'java' id 'org.springframework.boot' version '3.2.0' id 'io.spring.dependency-management' version '1.1.4' } group = 'study' version = '0.0.1-SNAPSHOT' sourceCompatibility = '17' configurations { compileOnly { extendsFrom annotationProcessor } } repositories { mavenCentral() } dependencies { implementation 'org.springframework.boot:spring-boot-starter-data-jpa' imp.. 공감수 0 댓글수 0 2023. 12. 17.
aws cli를 통해 s3 버킷에 있는 객체 다운로드 받기 1. aws cli 다운로드 (WINDOW) https://awscli.amazonaws.com/AWSCLIV2.msi (다른 OS는 https://docs.aws.amazon.com/ko_kr/cli/latest/userguide/getting-started-install.html 여기 참조) 2. 설치 확인 powershell 들어가서 aws --version3. 설정 $ aws configure 입력 시 이렇게 뜬다. AWS Access Key ID [None]: ACCESS_KEY AWS Secret Access Key [None]: SECRET_KEY Default region name [None]: ap-northeast-2 Default output format [None]: jsonaws .. 공감수 0 댓글수 0 2023. 12. 5.
The maximum number of addresses has been reached. (탄력적 IP 할당 안 되는 오류) 프로젝트용 vpc를 설계하고 생성 버튼을 딸깍 눌렀더니 탄력적 IP를 더이상 만들 수 없다고 떴다. AWS가 공용 IP는 제한적인 자원이니 AWS계정안에 리전 별로 elastic IP 갯수를 5개로 제한 해놓았다. (옛날에는 ip의 범위가 2^32 정도면 충분 하다 생각했나보다) 1. 제한을 풀려면 2시 방향으로가서 Service Quotas를 클릭한다 2. 좌측의 AWS 서비스 클릭 3. ec2 검색 후 클릭 4. elastic ip 딸깍 증가 요청 눌러서 개수 늘리면 된다 끝 공감수 0 댓글수 0 2023. 11. 30.
[S3, CloudFront] S3 퍼블릭 액세스를 차단 했을 시 S3를 만들 시 퍼블릭 액세스 차단 설정을 할 수 있다. 막아 놓으면 직접 적으로 S3 객체 url로 접근이 불 가능 하다. 이때 필요한게 CloudFront 이다. CloudFront**는 CDN이다. CDN(Content Delivery Network)은 지리적으로 분산된 서버들을 연결한 네트워크로서 웹 컨텐츠의 복사본을 사용자에 가까운 곳에 두거나 동적 컨텐츠(예: 라이브 비디오 피드)의 전달을 활성화하여 웹 성능 및 속도를 향상할 수 있게 합니다. 내가 원하는 파일이 있는 S3가 한국 리전에 있다면, 내가 미국에 있다고 가정하에 한국 리전에 있는 S3로 접근 시엔 다운받는 속도가 느리다. 만약 미국 리전에 CDN이 있다면, 미국 리전 CDN에서 원본 파일을 캐싱 하여 빠르게 다운 받을 수 있다. .. 공감수 0 댓글수 0 2023. 11. 8.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.