티스토리

개발 공부하기

검색하기

블로그 홈

개발 공부하기

teresa88.tistory.com/m

똥쟁이핑크 님의 블로그입니다.

구독자: 0

방명록 방문하기

주요 글 목록

[2주 프로젝트] Trello 프로젝트 - PART 4 테스트 코드 Spring boot 테스트 코드 작성하기 단위 테스트 프로그램을 단위로 나누어서 각 단위가 정확하게 동작하는지 검사하는 테스트다 자바언어를 사용하는 단위 테스트 프레임워크는 Junit 이다. @ 을 써서 단위테스트를 지원한다. https://thalals.tistory.com/273 [Spring boot] 테스트 코드 작성 (1) - Junit을 이용한 Unit Test(단위 테스트) / Assert 메소드 Spring 테스트 코드 작성해보기! 목차 Junit 이란 Junit 사용설정 Junit 어노테이션 Junit 사용법 Assert 메소드 @Nest사용 엣지 케이스 확인 Junit을 이용한 단위테스트 1) 단위 테스트란 프로그램을 작은 단 thalals.tistory.com Given - When.. 공감수 0 댓글수 0 2023. 11. 18.
[2주 프로젝트] Trello 프로젝트 - PART 3 CI/CD 파이프라인 구축 CI/CD란? https://www.redhat.com/ko/topics/devops/what-is-ci-cd CI/CD(CI CD, 지속적 통합/지속적 배포): 개념, 툴, 구축, 차이 CI/CD는 애플리케이션의 통합 및 테스트 단계부터 제공 및 배포까지 애플리케이션 라이프사이클 전체에서 지속적인 자동화와 지속적인 모니터링을 제공하는 것을 뜻합니다. www.redhat.com https://www.servicenow.com/kr/products/devops/what-is-cicd-pipeline.html CI/CD 파이프라인이란? - ServiceNow CI/CD 파이프라인은 새로운 소프트웨어를 만들고, 배포하고, 운영하는 프로세스입니다. 이 프로세스의 모니터링 및 자동화는 효과에 핵심적인 역할을 합니.. 공감수 0 댓글수 0 2023. 11. 18.
Final Project - Random Navi - 트러블슈팅 - Jmeter 프로젝트의 1차 성능 테스트를 하기 위해 Jmeter를 사용하기로 했다. Jmeter는 Apache 에서 개발된 오픈소스 테스트 도구로 주로 웹 응용프로그램의 성능을 측정하고 평가하기 위한 기능을 제공한다. Jmeter를 사용하는 이유는 다음과 같다 Jmeter의 장점 1. 다양한 프로토콜 지원 - HTTP, HTTPS, JDBC, TCP등 다양한 프로토콜을 지원하고 데이터베이스, 메시징 시스텀, 이메일 서버등을 대상으로 테스트 할 수 있다. 2. 부하 및 성능 테스트 - 여러 동시 사용자가 웹 서버 또는 웹 서비스에 요청을 보내고 시스템이 어떻게 대응하는지 평가 할 수 있다. 3. 다양한 테스트 시나리오 - 스레드 그룹을 통해서 여러가지 시나리오를 구성 할 수 있다. 사용자 수, 루프 횟수, 램프업 시.. 공감수 0 댓글수 0 2023. 11. 8.
Final Project - Random Navi - 마커 표시하기 - 최근 목적지 - PART 4 네비게이션에서 경로 안내를 받으면 안내 받은 경로 그대로 저장이 된다. 경로가 저장이 되면 최근 목적지에 들어가서 확인이 가능하다. 최근 목적지를 클릭하고 들어가면 그동안 안내 받았던 경로 목록이 뜨고 그 경로를 다시 가고 싶다면 해당 목록을 클릭해서 그 경로 그대로 안내가 된다. 다만, 출발지, 도착지, 경유지 마커가 표시 되지 않아 경로만 본다면 어디서 출발하고 도착하는지 또 어디를 경유하는지 알수가 없다. 그래서 마커를 표시하기로 했다. 마커를 표시하기 전에 좌표를 알아야 해서 data를 확인했고 내용은 다음과 같다. 내용 대로만 본다면 histories.js에서 가능할 것 같아 코드를 다음과 같이 짰다. 1차 코드는 최근 목적지의 행의 route_id를 가져와서 코드를 구현했는데 다음과 같다. /.. 공감수 0 댓글수 0 2023. 11. 5.
Final Project - Random Navi - 마커 표시하기 - 경유지 표시 - PART 3 위의 사진은 수정하기 전 사진이지만 출발지와 도착지 마커는 표시가 되는데 경유지를 지날때는 위의 사진에서 보는 것처럼 어느 부분이 경유지인지 알기 어려워서 경유지인 곳에 마커를 넣기로 했다. 1. 정보 확인하기 마커에는 꼭 필요한 위도, 경도 좌표가 필요함으로 data에 정보가 담겨 있는지 확인해 봐야 하는데 navi.js 에서 function remakeRandomNavi(lat, lng) 함수에 아래와 같은 정보가 필요하다는 것을 확인했다. console.log("주소: " + currentAddress); console.log("경유지 y: " + waypointsY + ", 경유지 x:" + waypointsX); console.log("목적지 y: " + destinationLatitude + .. 공감수 0 댓글수 0 2023. 11. 1.
Final Project - Random Navi - 마커 표시하기 - 출발지와 도착지 - PART 2 지도에 마커를 잘 표시 했는데 수정사항에 맞춰 다시 코드를 고치려고 한다 수정사항으로 생각했던 것 중에 이미지를 넣어서 시각적으로 출발지와 도착지를 알 수 있게 하는게 더 좋을거 같아서 먼저 시행했다. 참고로한 예시 코드는 아래 주소를 첨부했다. https://apis.map.kakao.com/web/sample/markerWithCustomOverlay/, https://apis.map.kakao.com/web/sample/categoryMarker/, https://apis.map.kakao.com/web/sample/multipleMarkerImage/, https://apis.map.kakao.com/web/sample/markerWithCustomOverlay/. 이미지는 출발과 도착에 맞게 적.. 공감수 0 댓글수 0 2023. 11. 1.
Final Project - Random Navi - 마커 표시하기 - 출발지와 도착지 - PART 1 경로 안내 화면에서 위의 사진처럼 경로를 잘 안내해 주지만 어느 곳에서 출발하고 도착하는지 길 찾기 버튼을 누른 사람만 알 수 있었다 그래서 https://apis.map.kakao.com/web/sample/multipleMarkerImage/에 예제로 나와있는 코드와 프로젝트에서 구현된 코드를 사용하여 출발지와 도착지 마커를 표시하려고 한다. navi.js의 function makeLiveMap은 응답받은 객체를 가공해서 위의 사진처럼 경로안내를 해주는 함수를 이용하려고 한다. 위의 함수는 data라는 parameter를 입력 받는데 data에는 출발지와 목적지의 데이터가 담겨있다. function makeLiveMap(data) { waypointCount = 0; clearPolylines(); .. 공감수 0 댓글수 0 2023. 10. 31.
Final Project - Random Navi - 버튼 수정 하기 버튼을 수정하려는 곳은 안내 받은 경로를 저장해서 최근 목적지를 보는 화면이다. 화면은 점차 디자인을 바꿨었다. 화면은 사진을 첨부한 것처럼 색상과 버튼 위치를 바꿔서 아래 사진 처럼 만들었다. 그런데 문제가 생겼는데 저장된 경로가 많았을 경우는 괜찮지만 저장된 경로가 많이 없는 경우 로그아웃 버튼이 위로 올라와 있는 상태 였다. 이 부분도 css 코드를 고쳐서 해결 했는데 현재 직면한 문제는 로그아웃 버튼 글씨가 세로로 나오는 부분이였다. 해당 CSS 코드 이며 이 부분을 고치려고 구글링을 해봤다. /* 버튼과 관련된 코드 */ .app-footer button.logout-button { font-size: 10px; /* 버튼의 텍스트 크기를 작게 조절 */ padding: 0.3rem 0.7rem.. 공감수 0 댓글수 0 2023. 10. 31.
Final Project - Random Navi - 기본 길 찾기 경로 이탈 처리하기 내비게이션 안내에 따라 이동하다가 길을 잘 못 들었을 때를 경로 이탈로 간주하고 현재 있는 위치 정보를 받아서 (api로 요청 받기) 현재 위치로부터 경로를 재 생성 해주는 알고리즘을 구현하고자 한다. 정보를 입력 받고 경로를 안내 받고 안내 시작을 누르면 경로 안내가 시작이 된다.. 그런데 운전을 하다 보면 경로를 이탈하는 경우가 아주 가끔 생긴다. 1) 옆 사람과 이야기하다가 경로를 이탈한 경우 2) 안내받은 경로가 갑자기 막히는 경우 → 도로에서 사고가 나는 경우 혹은 공사를 하는 경우 이것 말고도 더 있겠지만 결과적으로 경로를 이탈했을 때 이탈 한 곳으로부터 경로를 다시 안내해 줘야 하는데 그 부분에 대한 구현이 안되어 있어서 구현 하고자 한다. 내가 생각한 재 생성 방법으로는 출발지 → 목적지로.. 공감수 0 댓글수 1 2023. 10. 30.
Final Project - Random Navi - Swagger적용하기 https://velog.io/@kjgi73k/Springboot3%EC%97%90-Swagger3%EC%A0%81%EC%9A%A9%ED%95%98%EA%B8%B0 Springboot 3.x에 Swagger를 적용시켜보자! Springboot 3.0.1에서 Swagger 3.0.0을 적용 중 발생하는 에러들을 해결해 보자 velog.io 위의 블로그 내용은 현재 1번째로 직면하고 있는 문제가 그대로 적혀 있어서 이렇게 빌드 내용을 적어주고 Application을 실행했는데 //swagger implementation 'org.springdoc:springdoc-openapi-starter-webmvc-ui:2.0.2' 이런 에러가 떴다. 맨 밑에는 Unable to determine Dialect wit.. 공감수 0 댓글수 1 2023. 10. 19.
[2주 프로젝트] Trello 프로젝트 - PART 1 배포하기 HTTPS로 배포하기 배포하기 전에 HTTP와 HTTPS의 차이점을 알고 싶어서 알아봤다. SSL 혹은 TLS 인증서 유무인데 인증서가 있으면 HTTP의 요청 및 응답을 암호화하고 HTTP보다 더 안전하게 사용할 수 있는 프로토콜이다. HTTPS를 사용하는 웹페이지에서 서로 주고받는 모든 데이터들은 암호화되고 변경되거나 손상될 수 없다. https://www.ascentkorea.com/difference-between-http-and-https/ HTTP HTTPS 차이: 당신의 웹 사이트는 안전한가요? - 어센트 코리아 HTTP와 HTTPS의 차이점과 각각의 정의 및 Google 랭킹 팩터 여부에 대한 자세한 내용을 알아보겠습니다. www.ascentkorea.com 배포 단계 정리 https://i.. 공감수 0 댓글수 0 2023. 9. 19.
[Java Spring] CascadeType.REMOVE와 orphanRemoval = true Level.3 과제를 하면서 게시글과 댓글을 구현하고 삭제하는 과정에서 생긴 궁금증이다. 게시글을 삭제할때 해당 게시글에 달린 댓글 까지 같이 삭제하는 과정에서 CascadeType.REMOVE와 orphanRemoval = true의 차이점이 뭘까라는 궁금증이 생겼다. 그래서 기술매니저님께 질문했다. 자세하게 답변해주셨고 그걸 토대로 자료도 첨부해서 정리해 보았다. 아래는 코드를 실행한 결과다. // 댓글 코드 // 게시글 하나에 댓글이 여러개 생성할 수 있다. // 게시글 : 댓글 = 1 : N -> 양방향 관계다 @Getter @Entity @NoArgsConstructor public class Comment extends Timestamped { @Id @GeneratedValue(strateg.. 공감수 0 댓글수 0 2023. 9. 9.
[Java Spring] 숙련 1 주차 강의 - PART 2 JWT 다루기 build.gradle에 JWT dependency를 추가한다. application.properties에 가서 추가할 부분 추가한다. JWTUtil을 만들어서 JWT 관련 기능을 동작하게 한다. JWT 관련 기능은 5가지가 있다. JWT 생성하기 - 생성할 때 사용자의 권한 정보를 넣는데 Key - Value 형식으로 정보를 넣는다. 확인할 때는 Key 값으로 확인하면 된다. 생성된 JWT를 Cookie에 저장하기 Cookie에 들어있던 JWT 토큰을 Substring 한다. - 토큰의 시작값이 Bearer이 맞는지 확인하고 맞으면 순수 JWT를 반환하기 위해 Substring을 사용해서 Bearer을 잘라낸다. JWT를 검증한다. - secretKey에 key 값을 넣어서 JWT의 위변.. 공감수 0 댓글수 0 2023. 9. 1.
[Java Spring] 숙련 1 주차 강의 - PART 1 Bean을 수동으로 등록하는 방법 @Component를 사용하면 해당 클래스를 자동으로 등록을 해줬다. 프로젝트가 커지면 커질수록 Bean이 많아져서 저렇게 자동으로 등록하는 것이 좋다고 배웠다. 기술적인 문제 혹은 공통적인 관심사를 처리할 때는 수동으로 등록하는 것이 좋다고 한다. 공통 로그처리처럼 부가적이고 공통적인 기능들을 기술지원 Bean이라 부르고 수동등록 한다. 수동등록한 Bean 은 문제가 발생하면 그 위치를 파악하기 쉽다는 장점이 있다. 인증과 인가 인증 - 해당 유저가 실제 그 유저가 맞는지 확인(인증) 하는 개념이다. 인가 - 접근의 범위를 허가하는 것이다. 쿠키-세션 방식의 인증 '특정 유저가 로그인 되었다 '는 상태를 저장한다. 정보를 다 가지고 있는 것이 아닌 일부분의 정보만 서버.. 공감수 0 댓글수 0 2023. 8. 31.
[Java Spring] 입문 2 주차 강의 - PART 2 Entity 상태 Transient - 비영속 상태로 영속성 컨텍스트에 저장되지 않았기에 JPA의 관리를 받지 않는다. Managed - 영속 상태로 persist(entity)를 사용하면 EntityManager를 통해 영속성 컨텍스트에 저장하고 관리되는 상태로 만들어 준다. Detached - 준영속 상태로 영속성 컨텍스트에서 저장되어 관리되다가 분리된 상태를 말한다. detach(entity) - 특정 Entity만 준영속 상태로 만들어준다. - 준영속 상태가 되면 1차 캐시 즉, 캐시 저장소에서 제거 된다. clear() - 영속성 컨텍스트를 초기화 시키는데 영속성 컨텍스트에 있는 모든 Entity를 준영속 상태로 바꿔준다. - 영속성 컨텍스트 틀은 유지하지만 내용이 비워져 새로 만든 상태 처럼 .. 공감수 0 댓글수 0 2023. 8. 30.
[Java Spring] 입문 2 주차 강의 - PART 1 Layer Architecture 하나의 controller에서 모든 API를 처리하면 코드 이해하기도 힘들고 변경을 할 때 문제가 발생할 수 있다. 그래서 Spring 에서는 3개로 분리했는데 Controller, Service, Repository다. Controller Client에게서 오는 요청을 받는다. 요청을 받으면 Service에 전달한다. - request 데이터가 있으면 같이 전달하게 된다. Service에서 처리한 결과를 Client에게 응답한다. Service 강의에서는 실세라 했다. 비즈니스 로직을 처리하고 코드의 양이 점점 많아진다. DB에 저장하거나 조회가 필요하면 Repository에 전달한다. Repositoty DB를 관리한다. DB CURD 작업을 처리한다. CRUD = .. 공감수 0 댓글수 0 2023. 8. 29.
[미니프로젝트] 여긴 어때? 프로젝트를 진행하는 동안 내가 맡았던 역할 및 기능 구현을 중심으로 일지를 작성했다. 프로젝트명 여긴 어때? 프로젝트 설명 검색한 지명으로 주변 주차장 찾기 프로젝트 환경 VScode Python 가상환경생성 jQuery jinja2 프로젝트 참여한 인원 5명 프로젝트 진행사항 Day - 1 회원가입 기능 구현 과정 join.html이라는 파일에 기능구현을 하였다. 이름, ID, PW, 닉네임으로 회원가입을 진행하기로 하였고 정규식과 조건식을 이용하여 가입 정보에 제한을 두었다. 이름 : 한글 혹은 영어(대소문자)로 2자리 이상 15자리 이하인 정보 기입하기 ID : 영어(대소문자)와 숫자를 이용하여 4자리 이상 12자리 이하인 정보 기입하기 PW : 영어(대소문자)와 숫자를 이용하여 4자리 이상 20자.. 공감수 0 댓글수 0 2023. 8. 12.

문의안내

티스토리
로그인
고객센터

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