본문 바로가기

전체 글

 (374)
JavaScript 게시판 만들기 - 실행환경 구축 ( VS CODE ) Visual Studio Code(VS Code)에서 웹 개발을 위한 실행 환경을 구성할 때, "Live Server" 플러그인을 사용할 예정이다. 이 플러그인은 정적인 웹 페이지를 실시간으로 확인할 수 있도록 해주며, 로컬 개발 환경에서 쉽게 웹 애플리케이션을 실행하고 테스트할 수 있는 환경을 제공한다.  Live Server 플러그인이란?Live Server는 VS Code에서 사용할 수 있는 확장 플러그인 중 하나로, 로컬 개발 환경에서 HTML, CSS, JavaScript로 구성된 웹 페이지를 실시간으로 미리보기 할 수 있게 해준다. 이 플러그인은 코드가 변경될 때마다 자동으로 브라우저를 새로 고침하여 개발 중인 웹 페이지의 최신 상태를 바로바로 확인할 수 있게 해준다.   Live Server..
JavaScript 게시판 만들기 - 로컬스토리지 ( localStorage ) 란? 로컬스토리지(localStorage)와 세션스토리지(sessionStorage)는 둘 다 브라우저의 웹 스토리지(Web Storage) API에 속하는 기능으로, 사용자의 로컬 환경(즉, 브라우저)에 데이터를 저장하는 방법을 제공한다. 이들은 쿠키와 비슷한 역할을 하지만, 용량이 더 크고 서버와의 통신 없이 클라이언트 측에 데이터를 저장할 수 있다.    로컬스토리지 ( localStorage ) 특징데이터 지속성로컬스토리지에 저장된 데이터는 사용자가 브라우저를 닫거나 컴퓨터를 재부팅해도 삭제되지 않는다. 명시적으로 데이터를 삭제하거나 코드로 제거하지 않는 한, 해당 데이터는 무기한으로 유지된다.데이터 용량로컬스토리지에 저장할 수 있는 데이터의 용량은 보통 브라우저마다 다르지만, 일반적으로 도메인당 약 ..
Bank App 만들기 ( deployment ) - Bank 카카오 소셜 로그인 처리 Auth 2.0 1. 내 애플리케이션 항목에 등록 (로그인) - (kakao developers내 애플리케이션 등록) 2. 플랫폼(web 선택) - 사이트 도메인 기본설정 - http://localhost:80803. 카카오 로그인 사용 시 Redirect URI를 등록- 활성화 ON 처리 - http://localhost:8080/user/kakao (리다이렉트 URI 설정) 4. 동의 항목 설정(제품설정--동의항목 왼쪽 메뉴)- 닉네임, 프로필 사진5. 리소스 다운로드 - 도구 --> 리소스다운로드 --> 카카오로그인 6. REST API 키 - 21625653d6c77548fa54d359f8707123------------------------------------------7. 인가 코드 받기 h..
Bank App 만들기 ( deployment ) - OAuth 2.0 이란 ( Open Authorization ) OAuth ( Open Authorization ) 2.0 이란 ?사용자가 자신의 계정 정보를 직접 공유하지 않아도 서드 파티 애플리케이션들이 제한된 접근을 할 수 있게 해준다.카카오 로그인은 카카오계정으로 다양한 서비스에 로그인할 수 있도록 하는 소셜 로그인 서비스이다. 카카오싱크는 서비스 간편가입 등 카카오 로그인에 더 다양한 확장 기능을 제공하는 비즈니스 설루션이다. 카카오 로그인과 카카오싱크가 제공하는 핵심 기능은 다음과 같다. https://developers.kakao.com/ Kakao Developers카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다.developers.kakao.com 구분 설명인증..
Server To Server https://jsonplaceholder.typicode.com/ JSONPlaceholder - Free Fake REST API{JSON} Placeholder Free fake and reliable API for testing and prototyping. Powered by JSON Server + LowDB. Serving ~3 billion requests each month.jsonplaceholder.typicode.comhttps://jsonplaceholder.typicode.com/    RestTemplate 대표적 메서드RestTemplate MethodHTTP Method설명getForEntityGETget 요청을 보내고 ResponseEntity로 응답을 받음getForOb..
Bank App 만들기 ( deployment ) - 존재하지 않는 경로에 대한 요청 처리( 404페이지 연결 ) GlobalControllerAdvice - @ExceptionHandler(Exception.class) 주석 처리 @ControllerAdvice // IoC 대상 (싱글톤 패턴) --> HTML 렌더링 예외에 많이 사용public class GlobalControllerAdvice { /** * (개발시에 많이 활용) * 모든 예외 클래스를 알 수 없기 때문에 로깅으로 확인할 수 있도록 설정 * 로깅처리 - 동기적 방식(System.out.println), @slf4j (비동기 처리 됨) */// @ExceptionHandler(Exception.class)// public void exception(Exception e) {// System.out.println("-------..
Bank App 만들기 ( deployment ) - 2단계 ( ResourceHandler, 초기 파라미터 사용 ) WebMvcConfigurer 인터페이스는 Spring MVC 설정을 맞춤화할 수 있는 메서드를 제공한다. 개발자는 이 인터페이스를 구현하여 기본 제공되는 스프링 부트의 자동 구성을 수정하거나 추가적인 설정을 할 수 있다.  ViewResolver : 뷰 리졸버는 컨트롤러에서 반환된 뷰 이름을 바탕으로 실제 뷰의 위치를 찾아내고 렌더링하는 역할을 한다. 예를 들어, JSP 파일이나 Thymeleaf 템플릿 등의 실제 경로를 결정한다.addResourceHandlers : 정적 리소스(예: CSS, JavaScript, 이미지 파일 등)핸들링을 위한 경로를 추가하는 데 사용됩니다. 이를 통해 정적 리소스에 대한 매핑을 정의하고 리소스 캐싱 정책을 설정할 수 있다.setApplicationContext : ..
Bank App 만들기 ( deployment ) - 파일 업로드 - 1 단계 ( 멀티파트 ) 1. 멀티파트 ( Multipart )의 이해멀티파트(Multipart)는 HTTP 프로토콜을 사용하여 웹 서버로 파일이나 데이터를 업로드할 때 사용되는 데이터 전송 방식 중 하나이다. "멀티파트"라는 용어는 말 그대로 메시지가 여러 부분으로 구성되어 있음을 의미하며, 이러한 각각의 부분은 다른 유형의 데이터를 담을 수 있다. HTTP 메시지에는 클라이언트가 전송하는 HTTP 요청, 그리고 서버가 반환하는 HTTP 응답이 있다.    텍스트 기반 HTTP 메세지POST /example HTTP/1.1Host: example.comContent-Type: text/plainContent-Length: 13---- CLRF 빈줄 공백 --------Hello, World!    바이너리 기반 16진수 HTT..
728x90

티스토리툴바