시간표 페이지를 구성하던 중, 결국 데이터가 저장되어야 나중에 불러올 때 의미가 있기 때문에 로그인 기능을 먼저 구현하고자 한다. 원래 계정은 나중에 추가하려 했는데 이참에 구현해보았다. 정말 무수한 실패와 버그를 거쳐 간신히 정리하느라 며칠을 쓴건지. 로그인 방식에는 여러가지가 있는데, SpringSecurity를 이용하는 방식은 다소 어렵고, 정보를 찾는것도 쉽지 않아서 OAuth2.0을 이용한 소셜 로그인을 이용하기로 했다. 다만 이것 역시 여러가지 문제를 겪었기 때문에, 간신히 찾아낸 글을 통해 구현하였다. [Spring] 쉬운 확장이 가능한 OAuth2.0 로그인 구현(카카오, 네이버, 구글 등) (Security 사용 X) — Shin._.Mallang (tistory.com) [Spring]..

기본 페이지에 이어 시간표 페이지를 구성해본다. 우선 기본 페이지를 하나 추가해주자.// src/main/frontend/src/pages/SchedulePage.jsimport React from 'react';// SchedulePage 함수형 컴포넌트를 정의function SchedulePage() { return ( Schedule Page This page will contain subjects information and provide schedule tools. );}// 다른 파일에서 SchedulePage 컴포넌트를 사용할 수 있도록 exportexport default SchedulePage; App.js에 ..

ECEtaskHelper는 올해 개발 완료하여 배포까지를 목표하는 첫 프로젝트로 시험/과제 기출, 보고서, 계산 기능/수식 변환, 시간표 등 학업에 도움이 되는 기능들로 구성하는 웹프로그램이다. 다만 다른 학과와는 무관하게, 전자공학과의 전필과목에 대한 기능들이 주로 될 것이기에 ECE를 붙였다.  사실상 현재 내가 제작하는 자료들(정리 자료, 엑셀, 실험 가이드, 양식 등)을 친구들에게 원활하게 제공하기 위한 웹페이지이다. 이왕 만드는 김에, 학과 내의 다른 학생들도 활용할 수 있으면 좋을 것 같다는 생각에 진행하게 되었다.  이전에 리액트와 스프링부트를 연동한 프로젝트에서 기본 페이지들을 구성해보도록 한다.IntelliJ IDEA 리액트(React) + 스프링부트(SpringBoot) 연동 (tist..