티스토리 뷰

2022/js,jquery

day07[JS API]

yanii 2022. 9. 21. 21:59

Oauth : 구글(네이버 등등) 누르면 해당 로그인 페이지로 이동하는 거


카카오맵API
1.홈페이지 접속 : kakaoMap Api
2.원하는 버전 선택 : Android, Web, iOS
3.나의 ip(local)를 카카오에 등록을 해줘야 쓸 수 있음. API KEY를 사용해서 등록함.
4.카카오 개발자사이트 접속해서 로그인
5.애플리케이션 추가하기(앱 이름, 사업자명 작성 후 저장)
5-1.해당하는 앱 키 복사 
5-2.플랫폼에 나의 ip주소 설정 (Web의 경우, 도메인주소(프로토콜,ip주소,포트번호) 추가하기. 마지막에 / 빼기)
6.카카오맵 api 홈페이지에서 sample에서 내가 필요한 코드 복사
7.script에 앱 키 복사해서 appkey= 뒤에 붙여넣기


summer_note API
1.홈페이지에서 Getting started > Installation > Include js/css 코드 복사, Embed 코드 복사, Run summernote 코드 복사
*Embed 코드 >> 방법 1.div태그만 쓰기 2.form태그 안에 넣기

썸머노트에 쓰는 내용은 전부 html 코드로 리턴됨. 내용은 <p>태그 안에 들어가고 이미지는 <image>태그 안에 들어감.
*썸머노트 활용 원리*
썸머노트 내용은 <p>로 감싸진 문자열 값이 가져와짐. DB에 꽂으면 varchar타입으로 <p>태그로 감싸져 있는 문자열이 들어감.
SELECT해서 내용을 갖고 오면 <p> 그대로 갖고 옴. JS에서 DOM으로 꽂으면 <p>태그가 적용되어서 화면에는 내용만 나오게 됨.

Examples
 - Air-mode : 툴바 없는 인터페이스를 제공
Deep dive
 - Initialization options : 옵션을 초기화하려면 toolbar 프로퍼티에 정리해서 써주면 됨.
 - Callbacks > onImageUpload : 이미지를 가져오는 함수

정규식 문법; [알파벳], [알파벳숫자]가 있을 경우, test()를 사용해서 형식이 맞는지 안맞는지 검사할 수 있음.




*API하는 방법*
구현하고 싶은 서비스를 만들기 전에 API가 있는지 먼저 검색
API 문서에 Example보면서 test.html에 해보기
고급 기능은 문서에서 찾기 힘들 때 구글링 하기
복붙하고 알맞게 수정하기

'2022 > js,jquery' 카테고리의 다른 글

day06[BOM, jQuery]  (0) 2022.09.21
day05[첨부파일,배너]  (0) 2022.09.21
day04[DOM]  (0) 2022.09.16
day03[코어객체,파일입출력]  (0) 2022.09.16
day02[ts,callback,전역함수,객체]  (0) 2022.09.15
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG
more
«   2024/11   »
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
글 보관함