거니의 velog

3. newsapi API 키 발급받기 * 이번 프로젝트에서는 newsapi에서 제공하는 API를 사용하여 최신 뉴스를 불러온 후 보여 줄 것이다. 이를 수행하기 위해서는 사전에 newsapi에서 API 키를 발급받아야 한다. API 키는 아래 주소로 가입하면 발급받을 수 있다. https://newsapi.org/register Register - News API Email addresses will be verified, please enter a real one. Disposable addresses have been blocked. Reminder: If you are a business or are using News API commercially then a subscription is req..

package kr.or.ddit.security; import java.io.IOException; import javax.servlet.ServletException; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import javax.servlet.http.HttpSession; import org.slf4j.Logger; import org.slf4j.LoggerFactory; import org.springframework.security.core.Authentication; import org.springframework.security.core.userdetails.Use..

package kr.or.ddit.controller; public class SecurityController { /* * [ 18장 : 스프링 시큐리티 ] * * 1. 스프링 시큐리티 소개 * * - 애플리케이션에서 보안 기능을 구현하는데 사용되는 프레임워크이다. * - 스프링 시큐리티는 필터 기반으로 동작하기 때문에 스프링 MVC와 분리되어 동작한다. * * # 기본 보안 기능 * - 인증 (Authentocation) * > 애플리케이션 사용자의 정당성을 확인한다. * * - 인가 (Authorization) * > 애플리케이션의 리소스나 처리에 대한 접근을 제어한다. * * # 시큐리티 제공 기능 * - 세션 관리 * - 로그인 처리 * - CSRF 토큰 처리 * - 암호화 처리 * - 자동 로..

* 지금까지 배운 것을 활용하여 카테고리 별로 최신 뉴스 목록을 보여 주는 뉴스 뷰어 프로젝트를 진행해 볼 것이다. https://newsapi.org/ News API – Search News and Blog Articles on the Web“Ascender AI has a mission to apply AI to the media, and NewsAPI is one of our most valuable resources. Ascender is redefining how users interact with complex information, and the NewsAPI feed is an essential showcase for our technologies.” Braddock Ganewsapi.o..

6. 리액트 라우터 부가 기능 (1) History * History 객체는 라우트로 사용된 컴포넌트에 match, location과 함께 전달되는 props 중 하나로, 이 객체를 통해 컴포넌트 내에 구현하는 메서드에서 라우터 API를 호출할 수 있다. 예를 들어 특정 버튼을 눌렀을 때 뒤로 가거나, 로그인 후 화면을 전환하거나, 다른 페이지로 이탈하는 것을 방지해야 할 때 history를 활용한다. * 이 객체를 사용하는 예제 페이지를 한 번 작성해 보자. HistorySample 이라는 컴포넌트를 다음과 같이 만들어 보자. [HistorySample.js] import React, { Component } from "react"; class HistorySample extends Component ..

3. Route 하나에 여러 개의 path 설정하기 * Route 하나에 여러 개의 path를 지정하는 것은 최신 버전의 리액트 라우터 v5부터 적용된 기능이다. 이전 버전에서는 여러 개의 path에 같은 컴포넌트를 보여 주고 싶다면 다음과 같이 해야 했다. import React from "react"; import { Link, Route } from "react-router-dom/cjs/react-router-dom"; import Home from "./Home"; import About from "./About"; const App = () => { return ( ); }; export default App; * 이렇게 Route를 두 번 사용하는 대신, path props를 배열 ["/ab..

package kr.or.ddit.controller; public class SecurityController { /* * [ 18장 : 스프링 시큐리티 ] * * 1. 스프링 시큐리티 소개 * * - 애플리케이션에서 보안 기능을 구현하는데 사용되는 프레임워크이다. * - 스프링 시큐리티는 필터 기반으로 동작하기 때문에 스프링 MVC와 분리되어 동작한다. * * # 기본 보안 기능 * - 인증 (Authentocation) * > 애플리케이션 사용자의 정당성을 확인한다. * * - 인가 (Authorization) * > 애플리케이션의 리소스나 처리에 대한 접근을 제어한다. * * # 시큐리티 제공 기능 * - 세션 관리 * - 로그인 처리 * - CSRF 토큰 처리 * - 암호화 처리 * - 자동 로..

[pom.xml] 4.0.0 kr.or ddit SecurityTest war 1.0.0-BUILD-SNAPSHOT 1.8 5.3.25 1.6.10 1.6.6 org.springframework spring-context ${org.springframework-version} commons-logging commons-logging org.springframework spring-webmvc ${org.springframework-version} org.aspectj aspectjrt ${org.aspectj-version} org.slf4j slf4j-api ${org.slf4j-version} org.slf4j jcl-over-slf4j ${org.slf4j-version} runtime org.sl..

1. SPA란? * react-route v6 이후를 보길 원하는 분들은 아래 주소 링크를 참고하길 바란다. https://velog.io/@velopert/react-router-v6-tutorial React Router v6 튜토리얼 리액트 라우터 v6를 새로 접하시는 분들을 위한 튜토리얼을 작성했습니다. 리액트 라우터 v6 의 기본적인 사용법, 그리고 이 라이브러리에서 제공하는 다양한 유용한 기능들에 대해서 알아봅시 velog.io * SPA는 Single Page Application(싱글 페이지 어플리케이션)의 약어이다. 말 그대로 한 개의 페이지로 이루어진 애플리케이션이라는 의미이다. 전통적인 웹 페이지는 다음과 같이 여러 페이지로 구성되어 있다. * 기존에는 사용자가 다른 페이지로 이동할 ..

[Oracle SQL] DROP TABLE CALENDAR CASCADE CONSTRAINTS; DROP SEQUENCE CALENDAR_NO_SEQ; CREATE TABLE CALENDAR ( CALENDAR_NO NUMBERNOT NULL PRIMARY KEY, CALENDAR_TITLEVARCHAR2(200)NOT NULL, CALENDAR_MEMOVARCHAR2(500), CALENDAR_STARTDATE, CALENDAR_ENDDATE ); CREATE SEQUENCE CALENDAR_NO_SEQ START WITH 1 INCREMENT BY 1; commit; INSERT INTO CALENDAR VALUES (CALENDAR_NO_SEQ.NEXTVAL, '새해', '일정좀 넣어 봐유', SY..