StartCoriny의 개발일지

목표 1. 버튼을 누르면 해당 하는 조건으로 데이터 정렬 2. 정렬된 데이터를 다른 페이지로 가져가서 뽑아내기 3. 기능들 함수화 시키기 이룬것 1. 버튼을 누르면 해당 하는 조건으로 데이터 정렬 • 버튼을 누르면 if문에서 조건을 판별 할 아이디 가져오기 - HTML의 요소에 id를 주고 addEventListener를 사용하여 버튼을 누르면 해당 아이디를 가져올수 있도록 구성하였습니다. maintitle_Container.addEventListener('click', function (e) { const buttonId = e.target.id; } - 이 버튼의 id값을 사용해서 미리 출력할 값들을 저장 및 정렬까지하고 페이지를 이동해서 출력만 하면 좋을것 같다고 생각하였습니다. - 위 함수의 스코..

fetch API ■ Fetch API는 HTTP 파이프라인을 구성한느 요청과 응답 등의 요소를 JavaScript에서 접근하고 조작할 수 있는 인터페이스를 제공합니다. ■ Fetch API가 제공하는 전역 fetch()메서드로 네트워크의 리소스를 쉽게 비동기적으로 취득할 수도 있습니다. ■ 서비스 워커에서도 쉽게 사용할 수 있는 프로미스 기반의 개선된 대체제입니다. ■ CORS를 포함한 고급 개념을 HTTP확장으로 정의합니다. fetch() ■ fetch()는 첫번째 인자로 URL을 받고, 두번째 인자로 옵션 객체를 받고, Promise 타입의 객체를 반환합니다. ■ Promise타입의 객체를 반환하기 때문에 API호출이 성공하면 응답객체(response)를 resolve하고, 실패했을 경우에는 예외(..

프로퍼티에 null값이 들어있다고 뜹니다. // 자바스크립트 let container = document.querySelector("#container") // html html에서 id를 준다음 그 id를 가져와 초기화 해놓은 상태이지만 container에서는 계속 null인 상태로 인식하고 append메소드를 호출 하고 있기 때문에 발생 한것이였습니다.. 이 문제가 생기는것은 스크립트가 실행되는 시점에 HTML 문서가 아직 로드되지 않았기 때문에 발생하거나 해당 요소의 id가 존재하지 않아서 발생할수 있다고 합니다. 위 코드에선 id가 들어가는것은 문제 될 것이 없어보여 script를 문서가 다 읽히고 로딩되게 body태그 안쪽의 최 하단에 위치하게 하였더니 해당 id를 읽어 작업을 완료 하였습니다.

NaverLoginApi.java @Component public class NaverLoginApi extends DefaultApi20 { protected NaverLoginApi(){ } private static class InstanceHolder{ private static final NaverLoginApi INSTANCE = new NaverLoginApi(); } public static NaverLoginApi instance(){ return InstanceHolder.INSTANCE; } @Override public String getAccessTokenEndpoint() { return "https://nid.naver.com/oauth2.0/token?grant_type=au..

NaverLoginBO.java NaverLoginBO는 네이버 로그인(OAuth2.0)을 구현하는 Spring 웹 애플리케이션에서 사용되는 NaverLoginBO클래스를 정의한것이다. 이 클래스는 네이버 로그인 API와 상호작용하며 사용자의 인증, 액세스 토큰 발급, 사용자 프로필 정보 가져오기 등의 작업을 수행한다. 네이버 로그인을 구현할 때 필요한 설정값 // 네이버 API를 사용하기 위한 클라이언트 시크릿(CLIENT_SECRET)을 저장하는 필드. private String CLIENT_SECRET = "ㅁㅁㅁㅁㅁㅁㅁ"; // 네이버 API를 사용하기 위한 클라이언트 아이디(CLIENT_ID)를 저장하는 필드. private String CLIENT_ID = "ㅁㅁㅁㅁㅁㅁㅁㅁㅁ"; /* 네이버 ..