💻/SPRING + REACT 3

[스프링+리액트 웹 만들기] #2. DB 설계하기

이전 글 : [스프링+리액트 웹 만들기] #1. 환경 세팅하기 DB로는 MySQL을 이용했다. formapp 이라는 이름으로 스키마를 생성했고, 대략적인 구조는 아래 그림과 같다. 1. USER user 정보를 저장해두는 테이블. userIdx가 PK로 들어가고 id와 password 칼럼을 생성했다. password가 그대로 DB에 들어가는 보안 문제를 막기 위해서는 암호화 시킨 값을 password 대신 DB에 저장하도록 하는 것이 좋지만, 로컬에서만 돌려보는 개인 공부용 프로젝트이므로 그냥 진행했다..^0^ 2. FORM 설문 정보 저장해두는 테이블. formIdx를 PK로 가지고, 작성자 id, 설문 제목, 생성 시간을 칼럼으로 두었다. 생성 시간인 createdAt 칼럼은 디폴트를 CURRENT..

💻/SPRING + REACT 2021.03.24

[스프링+리액트 웹 만들기] #1. 환경 세팅하기

이전 글 : [스프링+리액트 웹 만들기] #0. 프로젝트 개요 항상 제일 어렵고 예외 상황도 많고 알 수 없는 에러도 많은 환경 세팅부터! 저장소에 front와 back으로 폴더를 나누어서 front 폴더는 VS Code로, back 폴더는 intelliJ로 접근했다. (처음 프로젝트를 생성하고 시작할 때는 이클립스 EE를 이용했고, 나중에 이를 intelliJ로 열어서 사용했기 때문에 back 쪽은 조금 혼란이 있을 수 있음...) BACKEND 먼저 백엔드에 대한 환경 설정을 해보겠다. IDE로는 IntelliJ를 사용하는데, 아직 학생이신 분들은 학생 인증을 받아 무료 설치할 수 있으므로 찾아보시길 바란다. 이전 글에서 스프링 프레임워크를 시도하다가 설정 에러에 스트레스를 받아서 부트로 변경했다고 ..

💻/SPRING + REACT 2021.01.27

[스프링+리액트 웹 만들기] #0. 프로젝트 개요

백엔드 개발자라는 방향을 잡은 후, 항상 공부해야지 라는 마음만 먹고 미뤄뒀던 스프링... 기초 개념을 아무리 봐도 감이 빨리 잡히지 않았고 실제 구조와 연결이 안돼서 개인적으로 늘 부담스러웠었다. 하지만 인턴십을 하면서 과제로 받은 프로젝트가 Spring + React 를 사용해서 간단한 웹 만들기였고, 드디어 스프링에 손을 대게 되었다.🙃 (기업 인턴십 과제이긴 하지만 실제 기업 내의 주요 정보나 데이터를 전혀 포함하고 있지 않다.) 매번 구글링하고 책을 뒤져가며 어찌저찌 만든 나의 작고 귀여운 웹 프로젝트 정리를 해보자. 📌 프로젝트 개요 간단한 설문지를 생성하고 조회할 수 있는 CRUD 중심의 웹. 게시판과 비슷하지만 게시글 대신 설문지가 있고, 설문에 응답할 수 있다는 차이점이 있다. 설문지에서..

💻/SPRING + REACT 2021.01.27