본문 바로가기

전체글

 (354)
블로그 카카오 로그인 나중에 프레임워크에 구글 로그인, 페이스북 로그인이 있어요. 구조 파악하는게 어려울 수 있음. 그래서 오늘은 카카오 로그인 코드 날로 짜면서 구조 파악하고 원리를 이해해 볼거에요. 그럼 나중에 프레임 워크로 할 때 수월할 거에요. 일반 사용자 (리소스 오너) 블로그나 사이트(클라이언트) 인증 서버(카카오 API) resourse 서버는레파지토리가 있어요 디비에 연결되어있음. 카카오는 API 서버를 들고 있음 GET POST PUT DELETE로 요청을 할 수 있음 카카오 API서버는 응답을 JSON으로 해준다. 카카오 API 서버는 컨트롤러인데 요청을 받으면 Resource서버에 요청을 한다. ->API서버는 인증서버라고 한다. ->Resource서버에서 분기를하고 DB에 간다. ->그리고 그대로 되돌아..
이클립스 eclipse sts툴 java / html / javascript 자동완성 1. 자바 Auto Activation에서 딜레이를 0으로 triggers를 마침표(.)와 모든 영어 소문자를 넣어준다 그리고 엔터를 칠 경우에만 자동완성 해주도록 세팅 2. HTML 자바와 비슷하게 세팅 3. 자바스크립트 위와 같이 세팅해주고 마켓에서 Eclipse Enterprise Java Developer Tools 인스톨 해준다.(설치가 완료되고도 오른쪽 하단에 백그라운드로 설치되는 경우가 있다. 기다리자.) 이것만 설치해도 function() 등 기본적인 템플레이트가 뜬다 http://blog.naver.com/njw1204/221654918683 이클립스에서 자바스크립트 및 jQuery 자동 완성 사용하기 (Tern Eclipse IDE) 이클립스에서 웹 프론트엔드 개발을 할 때 불편한 점이..
이클립스 Web 자동완성 세팅 https://ondolroom.tistory.com/480
연습연습 mvc, ajax(product.jsp, 야구테이블) 1. https://github.com/Moonseonhyeon/product product.jsp Id, name, type, price, count type : 과일, 문구, 옷 (enum) 번호 이름 종류 가격 판매수 1 바나나 과일 1000 200 삭제버튼 2 딸기 과일 2000 10 3 연필 문구 500 2000 테이블 product 하나 입니다. 디비에 데이터 좀 넣어놓고 ajax로 부분만 동적으로 아래 버튼 3개 처음으로 ASC (번호순) 가격순 DESC 판매순 DESC 2. 각 행 마지막에 삭제버튼 추가해서 ajax로 해당행만 삭제 https://github.com/Moonseonhyeon/baseball 3. 야구 테이블 팀목록 1 KIA 2 롯데 3 NC 4 두산 선수목록 선수이름 1 ..
블로그 댓글 삭제, 아이콘넣기 https://materializecss.com/ 구글 아이콘넣기 글자로 인식됨. 스타일.css가능 주의 cmd를 nav.jsp안에 내 스타일.css위에 넣어요. https://materializecss.com/icons.html 댓글 작성시 로그인 확인 폰트로 되어있는 아이콘 가져오기 CDN을 추가해줘야 한다. onclick은 누르면 실행, style로 사이즈 늘리고, cursor는 위에 올리면 바꿔주는 스타일이다. ->스타일 부분은 를 i__btn을 추가하고 (자바스크립트가 언더바--, 스타일은 __) .i__btn { font-size:30px; cursor:pointer;} jsp가 아닌 css에서 처리하는게 좋다. 삭제 로직을 만들기 위해서는 댓글을 뿌릴때 id를 만들어야한다. reply.jsp..
(2)블로그 만들기 - 프로필 사진 업로드 / UUID(Java.util) 클라이언트가 파일(사진)을 업로드하는 과정을 구현해야하는데 cos라는 라이브러리를 이용해서 할 것이다. WEB-INF-lib에 cos.jar 저장 COS 라이브러리 의 MultipartRequest는 업로드를 할때 사용한다. 일단 파일을 받을 upload(폴더)를 만들어둔다. 파일 업로드 폼 올린사람 : 제목 : 파일명1 : 파일명2 : HTML으로 입력과 파일을 업로드할 폼을 만든다. 업로드 확인 및 다운로드 페이지 이동 Upload.jsp를 만든다. 처음에 만든 HTML 폼에서 전송을하면 아까 만들어둔 서버 경로의 upload에 파일들이 올라간다. 여기서 tmp2는 컴퓨터마다 다르다. 전송을 누르면 이동하는 페이지 올린 사람 : 제목 : 파일명1 : 파일명2 : 예제에서는 순서대로 되었지만 현재는 순..
블로그 만들기 - 프로필 사진 업로드 / UUID(Java.util) 프로필 사진 업로드 회원정보 수정 파일 업로드 uuid (Universally unique identifier) 법용고유식별자 https://medium.com/@jang.wangsu/ios-swift-uuid%EB%8A%94-%EC%96%B4%EB%96%A4-%EC%9B%90%EB%A6%AC%EB%A1%9C-%EB%A7%8C%EB%93%A4%EC%96%B4%EC%A7%80%EB%8A%94-%EA%B2%83%EC%9D%BC%EA%B9%8C-22ec9ff4e792 랜덤으로 만들어지지만 거의 충돌날 확률 없음. 거의 고유함. http://www.servlets.com/ cos라이브러리에서 파일 업로드 담당하는 클래스인 MulitipartRequest 이미지 파일 자바파일들은 없고 WebContent안에 파일..
블로그 검색기능 부트스트랩 정렬 모든 박스는 block속성임 검색 inline-block 오른쪽 배치 : 해당박스 : float-right float잘 안씀 박스 block 폼 justify-content-center

티스토리툴바