코딩항해기

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 클라우드 플랫폼에 들어가서 로그인을 하면 상단에 프로젝트를 고를 수 있는 부분이 있다.이 부분을 클릭하면 프로젝트 리스트가 나오며 새 프로젝트를 만들 수 있다. 새 프로젝트 만들기를..

SQLD 사전 점수 결과발표날! 다행히 합격했다. 문제 정리 올라온 걸로 가채점 했을 때 점수가 아슬아슬해서 걱정 많이했는데 다행히 합격했다.아직 공부해야할 부분이 많지만 오늘 하루는 행복할 것 같다! :D

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

1. 컴퓨터 구조에 대한 기초컴퓨터의 정의EDPS, ADPS라고도하며 프로그램이 지시하는 절차에 따라 자동적으로 대량의 데이터를 고속으로 처리하는 장치다. 컴퓨터의 특징정확성신속성자동성대용량성호환성범용성신뢰성컴퓨터의 정보처리 과정입력된 자료가 중앙처리장치(CPU)에 의해 처리되어 정보를 출력한다.피드백은 출력으로 나갈 정보의 이상 유무에 따라 자료를 입력축으로 되돌리는 것을 의미한다. 컴퓨터의 구성입력장치보조기억장치제어 장치주기억 장치연산 장치출력장치  2. 컴퓨터 발달과 분류전자식 컴퓨터 종류에니악 (ENIAC)에드삭 (EDSAC)유니박 (UNIVAC-1)에드박 (EDVAC)컴퓨터 처리 속도 단위 : (길다) ms, µs, ns, ps, fs, as (짧다) 컴퓨터 기억 용량 단위 : (적다) KB, ..

이클립스를 사용하다 갑자기 코드에 빨간줄 초록줄이 생겼다. 아무래도 run을 누르려다 옆에 있는 버튼을 누른듯 싶어 찾아보니 EcleEmma 기능이라고 한다.  EclEmma는 자바에서 테스트 커버리지를 측정해 주는 이클립스 플러그인이다.주황색으로 표시한 버튼을 누르면 실행되며, 테스트로 검증된 부분은 녹색으로, 테스트가 필요한 부분을 빨간색으로, 부분적으로 테스트 된 곳은 노란색으로 표시해준다고 한다. 커버리지를 올리기 위해 유닛테스트를 하면서 사용되는 기능인 것 같은데, 아직은 잘 모르는 부분이라 좀 더 심도있게 이해하기 위해서는 기초적인 지식 공부가 필요할 것 같다. 이제 무슨 기능인지는 대략 알게 되었고, 필요없기 때문에 다시 끄고 싶다.그럼 커버리지 탭으로 이동하면 된다. 만약 커버리지 탭이 현..

업무 일지와 비슷한 일지 같다. 작성일, 작성자, 팀명(있을 경우), 맡은 파트를 작성하고, 오늘 할 일을 작성한다.이후 오늘 분의 개발이 마무리 되면, 실제로 작업한 일, 만났던 에러 및 해결 방안, 내일의 할 일을 작성한다. 전체 계획은 별도로 잡고 매일 전체 계획에 맞춰 개발일지를 작성하면 될 것 같다.노션으로 전체 계획을 잡아 작성할 때, 노션은 아무래도 수정이 매우 자유롭다보니 정확하게 계획에 맞춰 진행 중인지 파악이 어려웠는데, 별도의 개발일지를 남겨두면 확인이 쉬울 것 같다.  [작성예시]

https://www.ihd.or.kr/KAIT 정보통신기술자격검정에서 진행하는 리눅스 마스터 2급 1차에 합격했다.