목록전체 글 (69)

개발 기록

[Vue JS] Cookie 가져오기

vue-cookies 패키지를 사용해서 브라우저에 저장된 쿠키를 가져올 수 있다. 설치 npm install vue-cookies 추가 // main js ... import VueCookies from 'vue-cookies'; Vue.use(VueCookies); ... 사용 F12(개발자 도구) > Application > Storage > Cookies 에 들어가서 테스트를 위한 쿠키 생성 example // test.vue ... mounted() { const cookieKey = 'test'; const cookieValue = this.$cookies.get(cookieKey); console.log(cookieValue;) } ... 결과
Front-end/vue js 2022. 10. 21. 08:58
크롬 모바일 디버깅

현재 ssh 웹을 개발하고 있는데, 모바일로 접속하면 입력이 이상한 버그가 있었다. 원인을 찾고자 모바일에서 테스트를 하던 중 크롬에서 제공하는 디버깅모드를 발견했다. 1. 먼저 PC와 스마트폰을 USB로 연결한다. 2. 설정 > 개발자 옵션 > USB 디버깅 활성화 - 간혹 활성화 상태에서 인식을 못할 때가 있는데, USB 디버깅 옵션을 비활성화 했다가 다시 활성화 하면 된다. 3. 크롬에서 chrome://inspect/#devices 에 접속한다. 4. 다음처럼 화면에 기기명이 보일 것이다. 이 때 스마트폰에서 크롬으로 디버깅하려는 웹에 접속하면 된다. 5. 그럼 페이지 목록이 뜨고, "inspect"를 누르면 디버깅할 수 있는 창이 활성화 된다. - 페이지 목록이 뜨지 않으면 스마트폰에서 웹을 새..
카테고리 없음 2022. 9. 7. 18:31
[@Validated groups] 그룹 별 유효성 검사

하나의 객체를 가지고 여러 상황에서 @Valid 유효성 검사를 할 때 문제가 생기는 부분이 있다. public class User { @NotEmpty(message = "사용자명은 필수 값입니다.") private String name; @NotEmpty(message = "이메일은 필수 값입니다.") private String email; @NotEmpty(message = "그룹명은 필수 값입니다.") private String groupName; } 위 객체를 보면 사용자명과 이메일, 그룹명은 @NotEmpty 필수 값이다. 사용자를 직접 추가할 때는 사용자명, 이메일을 입력하고 부서를 선택해주기 때문에 문제가 없다. @PostMapping(value = "/user") public Respons..
spring 2022. 6. 20. 10:04
인텔리제이 Thymeleaf 자동 리로드

Spring boot + Thymeleaf 로 프로젝트를 진행 하는데 html만 수정해도 서버를 껐다 켜야되는 상황이 너무 귀찮았다... 타임리프의 장점인 html 만으로 화면을 구성할 수 있는 기능은 th:문법만 도배되어 있는 프로젝트에겐 사실상 없는 기능이었다. (다 깨짐..) 지금부터라도 서버없이 html만 켰을 때 화면이 구성되게 리팩토링하는게 맞지만, 그럴 여유가 없을 뿐더러 손을 대기에는 이미 너무 거대한 코드였다. 서버를 계속 껐다 켜는 작업은 너무 귀찮으므로 html 저장만으로 reload 되는 방법이 필요했다. devtools Dependencies 추가 build.gradle 파일에 다음 의존성을 추가 dependencies { developmentOnly("org.springframe..
카테고리 없음 2022. 6. 12. 00:52
Prev 1 2 3 4 ··· 18 Next