코딩항해기

[API] CKEditor5 샘플 코드 다운로드하기CKEditor 5 BuilderCreate and customize your online editor with CKEditor 5 Builder. Choose features, set up your editor, and see changes in real-time.ckeditor.com  CKEditor5는 홈페이지에서 다양한 구성에 따라 샘플코드를 제공하고 있minibcake.tistory.com main.js에 들어가면 에디터 설정을 할 수 있는 부분이 있다.const editorConfig = { toolbar: {/*툴바 설정 부분*/ items: ['undo', 'redo', '|', 'bold', 'italic', '|', 'link'],/..

CKEditor 5 BuilderCreate and customize your online editor with CKEditor 5 Builder. Choose features, set up your editor, and see changes in real-time.ckeditor.com  CKEditor5는 홈페이지에서 다양한 구성에 따라 샘플코드를 제공하고 있다.  먼저 상단의 주소로 들어가게 되면 어떤  종류의 CKEditor를 사용할지 선택할 수 있는 창이 나타난다.  원하는 방식을 선택하면 샘플 페이지가 나타나 어떤 방식으로 보여지고 작동하는지를 미리 테스트 해볼 수 있다.원하는 방식을 결정했다면 next를 누른다.  기능을 결정할 수 있는 페이지로 넘어가게 되는데, 이때 체크를 하면 해당 기능..

네이버 로그인도 개발자 문서에 내용과 오류 관련한 해결법이 잘 정리되어있는 편이다.다만 주의할 점은 어플리케이션을 등록할 때 콜백 URL가 반영이 느리거나 수정하면 잘 반영되지 않는 편인 것 같아 새로 개설할 때 제대로 적어야 이유없는 오류를 막을 수 있는 것으로 보인다. 사전에 콜백 URL, 도메인 등을 미리 정해두는 것이 좋다.(네이버는 포트번호 포함해서 적어야한다)  API 신청하기https://developers.naver.com/products/login/api/api.md 네이버 로그인 - INTRO환영합니다 네이버 로그인의 올바른 적용방법을 알아볼까요? 네이버 로그인을 통해 신규 회원을 늘리고, 기존 회원은 간편하게 로그인하게 하려면 제대로 적용하는 것이 중요합니다! 이에 올바develope..

카카오 지도 api는 카카오 자체 설명이 자세하게 나와있다. 바로 사용가능한 예시 코드까지 작성해서 알려주고 있으므로 공식페이지를 읽어보는 것을 추천한다. 카카오 지도 api 설명 : https://apis.map.kakao.com 카카오 api 설명 찾아가기더보기1. web 선택하기  2. 시작하기  3. 가이드 읽기 카카오 개발자 사이트에서 세팅하기더보기1. 지도 선택하기  2. 회원가입하기  3. 상단의 내 어플리케이션 선택해서 새 앱 만들기  4.  만든 어플리케이션에 들어가서 [플랫폼] - web 플랫폼 등록하기(localhost:포트번호 형식 사용 시 포트번호까지 작성해야한다) 5. [앱 키] - javascript 키를 복사해온다. 기본 기능 외에도 다양한 기능을 코드와 함께 제공하고 있으므..

구글 로그인을 구현해보자.먼저 구글 로그인은 최근 업데이트로 인해 기존 소스들을 사용하기 어려우므로 최신 방법을 잘 찾아야한다. 해당 글은 24년 9월 기준으로 작성됐다.이번 글에서는 구글 로그인을 통해 회원정보를 받아오는 방식에 대해 정리할 예정이다. 준비하기먼저 구글 OAuth 2.0 프로젝트를 만들어줘야한다.구글 클라우드 플랫폼에서 프로젝트를 생성할 수 있다.https://console.cloud.google.com Google 클라우드 플랫폼로그인 Google 클라우드 플랫폼으로 이동accounts.google.com 클라우드 플랫폼에 들어가서 로그인을 하면 상단에 프로젝트를 고를 수 있는 부분이 있다.이 부분을 클릭하면 프로젝트 리스트가 나오며 새 프로젝트를 만들 수 있다. 새 프로젝트 만들기를..

정적크롤링하기 (jsoup) [API] JAVA - 정적 크롤링 (jsoup API / Eclipse)크롤링스크래핑웹페이지, 또는 웹사이트에서 데이터를 수집한다.크롤링수집한 데이터를 가공한다. (스크래핑과 세트이므로 스크래핑을 포함해서 이야기하는 경우가 많다.)웹 크롤링크롤링을minibcake.tistory.com  정적페이지 동적페이지정적페이지는 서버에서 생성된 후 변경되지 않는 페이지를 의미한다. 컨텐츠가 페이지에 고정되어있어 사용자가 요청할 때마다 동일한 내용을 제공한다. 반면 동적페이지는 사용자의 요청에 따라 서버에서 실시간으로 생성되거나 변경되는 페이지다. 사용자의 입력, 데이터베이스 등을 바탕으로 컨텐츠가 동적으로 생성된다. jsoup은 정적 페이지만 크롤링 할 수 있고, 셀레니움은 동적 페이..

크롤링스크래핑웹페이지, 또는 웹사이트에서 데이터를 수집한다.크롤링수집한 데이터를 가공한다. (스크래핑과 세트이므로 스크래핑을 포함해서 이야기하는 경우가 많다.)웹 크롤링크롤링을 웹에서 하는 것을 말다. 즉, 크롤링은 데이터를 수집하고 분석하여, 분류, 색인하여 저장하는 것을 의미한다.  크롤링의 종류종류설명API정적 크롤링 웹 페이지에만 접근한다. (페이지에 직접 작성된 데이터만 접근 가능한다.) ⁜페이지 소스 코드 보기로만 보이는 데이터만 가져오는 것이다.jsoup 등동적 크롤링 웹 페이지가 참조하는 데이터까지 접근 가능하다.⁜서버의 데이터를 암호화했다면 접근 불가능하다.셀레니움 등  이번 크롤링 정리는 정적 크롤링 중에서 jsoup API를 eclipse로 활용하는 방법을 정리할 예정이다. jsoup..