분류 전체보기 (199) 썸네일형 리스트형 Spring에 Kakao 지도 API 적용해보기_1 게시글에 위치 정보까지 추가하고 싶어서 kakao 지도 api를 적용해보려고 한다. https://developers.kakao.com/ Kakao Developers 카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다. developers.kakao.com 먼저 위 사이트에 가입해서 키를 받아와야한다. https://apis.map.kakao.com/web/ 위 사이트에 아주 친절하게 잘 설명되어있다. 그날 작성하는 게시물과 관련된 지도를 나타내주려 한다. 나는 장소를 검색하면 그 근방의 지도가 나타나지고 거기서 내가 원하는 위치에 마커를 표시하는 기능을 구현하고 싶다. 그래서 sample 중에서 위 두개의 samp.. 자주 쓰이는 정규식 패턴 자주 쓰이는 정규식 패턴 숫자 ^[0-9]*$ 영문자 ^[a-zA-Z]*$ 한글 ^[가-힣]*$ 영어&숫자 ^[a-zA-Z0-9]*$ 비밀번호 (숫자, 문자 포함의 6~12자리 이내) ^[A-Za-z0-9]{6,12}$ 비밀번호 (숫자, 문자, 특수문자 포함 8~15자리 이내) ^.(?=^.{8,15}$)(?=.\d)(?=.[a-zA-Z])(?=.[!@#$%^&+=]).*$ 이메일 ^0-9a-zA-Z@0-9a-zA-Z.[a-zA-Z]{2,3}$ 휴대전화 ^\\d{3}-\\d{3,4}-\\d{4}$ 일반전화 ^\\d{2,3}-\\d{3,4}-\\d{4}$ 주민등록번호 \d{6} \- [1-4]\d{6} 파일확장자 ^\\S+.(?i)(txt 이중 파일확장자 (.+?)((\\.tar)?\\.gz)$ 참고자료 .. Bootstrap collapse 안될 때 bootstrap도 추가하고 collapse도 잘 썼는데 작동을 안해서 거의 한시간 가량 삽질했다. 결론부터 말하면 bootstrap 버전 문제였다. 5 버전을 쓰고있어서 안됐다. 5버전에서는 data-toggle => data-bs-toggle , data-target => data-bs-target 으로 바꿔줘야 동작한다. 참고 : https://stackoverflow.com/questions/22955916/bootstrap-collapse-not-collapsing Bootstrap Collapse not Collapsing I am trying to create a collapsable component using Bootstrap. My code is this th:each 역순으로 나타내기 List에 담아온 목록들을 역순으로 나타내고 싶을 때가 있다. 최근 등록한 게시물이 제일 앞으로 나타났으면 좋겠다. 현재 상태는 3번으로 등록한 게시물이 제일 나중에 나타나고 있다. th : with 와 #numbers.sequence(start, end, step)를 이용해서 역순으로 나타낼 수 있음. 위 그림과 같이 원하는 대로 3번 게시물이 제일 처음으로 온 것을 볼 수 있다. 참고 : https://devwithpug.github.io/spring/thymeleaf/ Thymeleaf - 유용한 문법 정리 개요 devwithpug.github.io 비동기 프로그래밍 Synchronous : 동기 : 코드가 작성된 순서대로 실행된다. Asynchronous : 비동기 : 꼭 작성된 순서대로 실행되지는 않는다. 비동기 ⇒ 쓰레드가 여러개 : 멀티테스킹 ex) 동기 짜장면을 시킨다. ⇒ 손님이 먹는 시간(2초) ⇒ 2초 후에 배달원이 다른 배달을 간다. ⇒ 손님이 짜장면을 다 먹고 난 후에 배달원이 다른 배달을 갈 수 있음. 짜장면을 시킨다 ⇒ 손님이 먹는 시간(2초) ⇒ 2초 후에 배달원이 다른 배달을 간다. 손님이 짜장면을 다 먹고 난 후에 배달원이 다른 배달을 갈 수 있음. 비동기 짜장면을 시킨다. ⇒ 손님이 먹는다. ⇒ 배달원이 다른 배달을 간다. 손님이 짜장면을 먹는 동안 배달원이 다른 배달을 갈 수 있음. Promise , Async / Await 을 사용하면.. JAVA 버전 설정 ( 17 => 11) 우아한테크코스 5기 프리코스를 지원했다. 11버전에서 꼭 돌아가야하기 때문에 버전을 다운그레이드 해 줄 필요가 있다. 현재 멋쟁이사자처럼에서 주로 쓰던 버전은 17버전이라 11버전으로 변경해줘야 한다. https://www.oracle.com/java/technologies/downloads/#java11-windows Download the Latest Java LTS Free Subscribe to Java SE and get the most comprehensive Java support available, with 24/7 global access to the experts. www.oracle.com 일단 java11버전을 다운받는다. 다운받았으면 환경변수 설정에 들어가서 바꿔주면 끝이다. 시스.. 쿠키, 세션, 캐시 쿠키 : 내 브라우저에 저장되는 정보 ⇒ 임의로 고치거나 지울 수 있음, 보안에 약함 ⇒ 민감하거나 중요한 정보를 저장하기에 위험함 세션 : 쿠키에 저장하기 곤란한 정보 관리 서버에 접속 시 http요청에 임시 키를 실어서 전송 ⇒ 서버는 임시 키를 이용해 사용자 구분 ⇒ 사용자에 따른 정보를 응답으로 보내줌 ex) naver에 로그인한 경우 ⇒ 다시 로그인할 필요 없다 캐시 : 가져오는데 비용이 드는 데이터를 한 번 가져온 뒤에는 임시로 저장 이미지 등의 정보를 불러올 때 데이터 사용량, 시간 발생 ⇒ 여러 번 방문할 사이트의 경우 한 번 받아온 데이터를 사용자의 컴퓨터 또는 중간 서버에 저장 Session에 값을 추가하고 interceptor로 검사해서 통과한 사용자만 페이지에 접속할 수 있도록 상황 각각의 게시판이 존재한다. (1번게시판, 2번게시판…) 각각의 게시판은 비밀번호를 가지고 있다. 게시판을 비밀번호치고 들어가면 세션에 비밀번호를 저장한다. 한 번 들어간 게시판은 다시 비밀번호를 치고 들어가지 않아도 된다. 로그아웃 시 세션을 삭제 //BoardController @PostMapping("/password") public String boardPassword(@Valid CapsuleDto capsuleDto, BindingResult bindingResult, @PathVariable Long capsuleId, Model model, HttpServletRequest request) { HttpSession session = request.getSession(); //현재 세션의.. 이전 1 ··· 11 12 13 14 15 16 17 ··· 25 다음