개발

리액트에서 버튼 컴포넌트를 만들어보자.그냥 버튼은이런 식으로 작성하면 되지만,리액트의 장점을 최대한 살릴려면 이렇게 컴포넌트를 따로 빼서 작성하면 좋다.그래서 처음에이런식으로 작성하고 말았다.이 을 부르는 index.js에서 이런식으로 import만 해주면 되는줄 알았

이제 텍스트 입력칸을 만들고, 이를 가운데 정렬하려고 한다.사실 처음에 가운데정렬을 할 때 굉장히 애를 먹었다.처음 react 컴포넌트 가운데 정렬을 검색했을 때 나오는 방법은width속성을 지정하고,이었다. 이렇게 ' ' 안에 씌워주면 작동이 잘 되지 않으니 주의하자

전체 : https://e-room.tistory.com/171 참고./gradlew clean bootJar 했는데 오류발생https://breakcoding.tistory.com/394ec2 ubuntu에 도커 설치https://velog

싸피에서 2학기 계절방학 필수과제로 RestTemplate이라는 것을 사용해보고자 한다. 우선 스프링환경이 아닌 쌩 Java환경의 경우는 HttpURLConnection도 사용가능하다. 그냥 블로그에 있는 코드를 다 가져왔다.이와 같은 방식으로 RestTemplate을

저번에는 ec2를 이용한 수동배포만을 해봤으니, 이제 github actions를 이용한 CI/CD를 진행해보려고 한다. Github프로젝트가 있다는 것을 전제로 시작하고, 전체적인 그림을 우선 파악할 필요가 있다. 먼저 큰그림을 파악하지 못해서 나도 삽질을 오래 했다

싸피 2학기 프로젝트로 MediaPipe라는 라이브러리를 사용하게 되었다. MediaPipe는 동작인식 AI모델로, 아래 사진처럼 사진 혹은 동영상에 저렇게 스켈레톤을 그려준다. 아래와 같은 사진은 그렇게 신기하지 않을 것이고, 그만큼 레퍼런스도 많다. 이번 프로젝트는

작년 말에 Github Actions을 사용해 CI/CD를 구축해 본 경험에 이어, 이번에는 Jenkins를 사용하려고 한다. 다만 이번에는 싸피 환경 상 깃헙이 아닌 GitLab이다.Docker 안에 Jenkins를 설치하는 느낌이다. 그러기 위해서는 docker을

static메소드는 객체를 생성하지 않고도 호출할 수 있다. 까지 알고있었다. 그런데 같은 패키지에 있는 다른 클래스에서 import도 안하고 그냥 메소드 이름만으로 호출할 수도 있었다. (처음알았다.)예를 들어 에서 에 있는 makeErrorResponse를 호출하는

ec2에 docker 설치하고 docker pull을 이용해서 jenkins도 설치했는데 :8080 포트가 안 열렸다. 해결 : 그냥 서버에 포트를 열지 않아서였다.. 젠킨스 기본포트도 8080인데 스프링부트도 8080이니가 젠킨스를 9090으로 바꿨다.보통 블로그들

많은 블로그에서 Vue.js와 Spring Boot를 연동하는 방법과 필요성에 대해 쉽게 설명하고 있다. 그러나 나는 블로그들을 보며 한 가지 의문때문에 고생했다. 그 의문은 바로였다. Spring boot 프로젝트를 서버에 띄우면, 해당 서버 ip를 vue 프로젝트에

저번 포스팅에서 Vue에서 npm run build를 통해 Spring Boot 폴더에 정적파일로 넣는 것을 해봤다. 그렇게 서버 빌드까지 아무 이상이 없을줄 알았는데 아니었다. Vue에서 페이지 이동하거나 새로고침 하는 등 여러 경우에 404에러가 뜨는 것이다. 저번

오늘은 비동기 처리와 관련하여 포스팅을 하려고 한다.우선 하기 전에 아무 API부터 불러와보자.가장 간단해 보이는 okhttp3 를 사용하려고 한다.앱 수준의 gradle에 을 추가해주자.그리고 MainActivity 외에위와 같은 클래스를 추가해주었다.또한 MainA

예전에 학교 프로젝트에서 MVVM과 RxJava을 사용해 본 적이 있었다. 내가 아니고 내 팀원이.. 그 당시에는 내가 할 수 있었던 건 레이아웃 그리기 정도였기 때문에 어느 순간 코드를 이해하는 것을 멈출 수 밖에 없었다.이번에 네부캠 8기를 지원하며 '개발을 잘 하

옛날에는 로그인/회원가입 관련 기능 개발 시 세션 방식을 많이 사용했다고 한다. 그런데 이제는 이런저런 이유로 JWT 토큰이라는 것을 사용한다고 하는데.. JWT 토큰과 Spring Security 개념이 섞이니까 쉽게 설명한다는 블로그들도 어렵.. 기에 일단 가장 아

개요 저번 편에서는 RefreshToken은 사용하지 않았다. 물론 AccessToken만으로 로그인/로그아웃을 구현할 수는 있지만 AccessToken만 쓰면 토큰이 탈취당했을 때 위험이 크고, 유효시간을 짧게 가져가자니 사용자 경험이 나빠진다는 단점이 있다. Ref

처음에는 그냥https://m.blog.naver.com/PostView.nhn?blogId=ambidext&logNo=220664344209&proxyReferer=https:%2F%2Fwww.google.co.kr%2F

JWT 맛보기의 마침표를 찍을 수 있는 포스팅이다. 이번에는 기존에 구현해놓은 기능들을 MariaDB와 JPA를 사용하여 완성해보고자 한다.MariaDB 세팅JPA로 User 테이블과 RefreshToken 테이블 정의 및 활용logout 완성윈도우 로컬에 MariaD