SMALL 전체 글141 카카오 지도 api 사용하기 (api 키 설정), api키 숨기기 https://apis.map.kakao.com/ 카카오 지도 api 사이트로 가서 api키 발급받기 카카오계정으로 로그인하라는 창이 뜨면 로그인해주기 어플리케이션 추가하기 클릭!! 입력하고 저장하면 애플리케이션 목록에 추가됨 추가된 애플리케이션을 누르면 관련된 정보를 볼 수 있음 JavaScript 키 복사 (외부에 공개하지않기) 이제 플랫폼 등록을 해줘야함 사이트 도메인 입력해주고 저장~! (프로젝트 배포전이라면 http://localhost 입력하고 저장하면됨) 이제 사용할 준비가 됨! 이클립스에 키 넣어주고 외부에 공개 안되게 설정하면 됨 appkey=본인 api키 복붙하면됨 api키를 넣어주면 이제 카카오지도를 사용할 준비는 완전 끝났다! 카카오지도 사용법은 아래 링크에 아주 잘 설명되어있으니 .. 2023. 6. 29. [카카오 지도 api] 장소 찜하기, 찜 목록 만들기, 찜 취소하기, 찜 중복확인 찜하기 버튼, 찜목록 버튼 만들어주기 찜목록을 구현 컨트롤러 만들어주기 페이지네이션도 같이 함 서비스 만들어주고 매퍼도 만들어주기 찜하기(추가) 컨트롤러 만들어줌 로그인 해야 찜 할 수 있게 권한도 추가하고 찜한 장소 중복확인기능도 하고 서비스도 만들어주공 매퍼도 만들어주면 완성~! 찜 추가가 잘 되고 목록도 잘 뜬다~! 찜한 장소를 취소하는 기능 구현하기 취소하기 버튼을 만들어줌 취소하기버튼을 누르면 한번더 확인하는 모달을 만들어줌 컨트롤러를 만들어줌 서비스 만들어주공 매퍼도 만들어주면 ~~끝~~ 2023. 6. 22. [게시판] 검색기능 구현하기 navBar.tag파일에 있던 부트스트랩에서 가져온 네브바에 있는 검색코드에 action이랑 name 어트리뷰트 추가해줌 검색해보면 검색값이 search 리퀘스트파라미터에 검색값이 넘어감 list꺼내는 메소드에게 파라미터 더 받아야하니까 추가해주고 조회할때도 같이 넣어줌 관련된 메소드 수정해줌 매퍼에 있는 해당 메소드도 수정해줌 다이나믹 sql은 시작과 끝에 script태그 붙여줘야함 제목뿐만 아니라 작성자, 본문도 검색하고 싶다면 WHERE 절에 OR body LIKE #{pattern} OR writer LIKE #{pattern} 쿼리를 추가해주면 됨 검색후 검색칸에 조회된 검색값 남아있게하기 네브바 파일에 가서 추가해주면 됨 여기까지 코드를 실행해보니 다른 페이지 번호를 클릭하니 검색값과 관련없는.. 2023. 6. 5. 게시판 목록 페이지번호 만들어주기 (페이지네이션) 게시글이 많아지면 적당한 양의 목록만 보여주고 나머지는 다음 페이지 혹은 다다음 페이지에 보이게 페이지 번호 붙여주기 컨트롤러에 기존에 작성했던 게시물 목록보기 메소드를 수정해줌 서비스에도 필요한 메소드 만들어주고 매퍼도 만들어줌 여기까지 하면 한 페이지당 15개의 게시물이 보여야함 (기존에는 한페이지에 모든게시물이 다보여서 스크롤이 끝도없이 내려갔음) 15개씩 잘 보임!! 이제 부트스트랩에 가서 적당한 페이지네이션 css가져와서 마무리해주면 될듯!! jsp파일에 페이지네이션 넣어줌 ~~완성~~ 페이지번호가 1~10까지 고정되어있는것보다 페이지번호목록 유통성있게 바뀌게 하는게 좋은것 같아서 코드를 변경하고자 함 일단 전체 레코드수를 알아야하고 마지막 페이지 번호도 알아야함 서비스를 수정해줌 페이지당 행의.. 2023. 6. 4. alert창 tag로 만들기 게시글을 삭제, 수정, 등록 할때마다 확인창을 띄울건데 같은 코드를 쓸거라서 태그로 만들기로함 태그 파일을 만들어주고 alert 태그가 필요한 jsp파일에 넣어주기 컨트롤러도 수정해줌 기존에 jsp파일에 자바스크립트로 확인창 띄우는 코드는 지우면 태그로 확인창 띄우기 끝! 2023. 6. 3. 글작성 페이지 css하기 화면 크기에 따라 차지하는 비율을 다르게 해줌 작성하는 칸을 좀 더 깔끔하게 만들어줌 큰화면일때 작은 화면일때 2023. 6. 3. 게시판 네브바 만들기 tag : 자주 사용하는 엘레먼트를 작성해서 재사용할 수 있게 해줌 WEB-INF> tags에 tag 만들어줌 taglib 디렉티브 명시해줘야함 prefix 편한대로 작성하면됨 네브바 사용하려는 jsp파일에 네브바 넣어주기~ 네브바가 완성됨~! css로 꾸며주기만 하면됨 부트스트랩이나 원하는 css사이트에서 원하는 디자인의 코드를 navBar.tag 파일에 복붙하고 본인에게 필요한 링크넣고 마무리 해주면 적당한 네브바가 완성!! 태그에 어트리뷰트 넣기 어틑리뷰트 쓰려면 태그에 명시를 해줘야함 이제 어트리뷰트 사용가능!! 태그안에서 어트리뷰트는 el로 넘어오니까 그냥 쓰면됨 2023. 6. 3. 부트스트랩 container/container-fluid container는 부트스트랩의 기본 구성 요소로 지정된 뷰포트 내에서 콘텐츠를 포함하고 채우고 정렬함 부트스트랩의 가장 기본적인 레이아웃 요소임 container : 좌우 여백이 있음 container-fluid : 좌우 여백 없음 2023. 6. 3. <form>태그 form(폼) 태그 속성 action : 폼을 전송할 서버 쪽 스크립트 하일을 지정 name : 폼을 식별하기 위한 이름을 지정 accept-charset : 폼 전송에 사용할 문자 인코딩을 지정 target : action에서 지정한 스크립트 파일을 현재 창이 아닌 다른 위치에 열도록 지정 method : 폼을 서버에 전송할 http메소드를 정함 (GET 또는 POST) 태그 안에 관련있는 폼 엘리먼트들을 그룹화할때 태그를 사용함 태그 하위에 태그를 이용하요 그룹화한 폼 엘리먼트들을 목적에 맞게 이름을 지정할 수 있음 2023. 5. 30. 이클립스 import문 단축키/ java.util.*; 설정 import문 자동으로 작성되는 단축키 " Ctrl + Shift + O(알파벳) " 단축키는 클래스 하나하나가 import되기때문에 소스가 굉장히 길어짐 import java.util.*; 설정을 통해 간략히 작성가능 Window > Preferences 들어가서 원래 초기값인 99를 1로 바꿔줌 ( 한 패키지에 99개 이상의 클래스를 사용할 때만 .*가 사용되는거였는데 1개 이상의 클래스를 사용해도 .*로 import되게 바꿈) 2023. 5. 30. 이전 1 2 3 4 ··· 15 다음 LIST
