오늘한 일1. 어떤 DB를 쓸 것인가 결정원래 로컬 DB와 firebase 둘 다 쓰기로 했지만 문제가 생겼다. 1) 파이어베이스 Authentication엔 내가 원하는 addr 같은 내가 원하는 정보를 모두 넣을 수 없다.  2) 파이어베이스도 DB를 제공하는데 굳이 로컬DB 따로 할 필요가 있나? 즉 효율성이 떨어진다.  사실 로컬DB를 쓰는 이유는 내가 스프링으로 DB도 다룰 수 있다는 것을 보여주기 위한 것이 컸다고 생각한다. 그래서 제품의 완성도 등을 생각했을 때 필요없는 기능을 굳이 할 필요가 없다고 생각했다.  그래서 Firebase의 Realtime Database를 사용하기로 했다.2. 리얼타임 DB로 데이터 쓰기 https://hye-rim.tistory.com/entry/Fireba..

모델과 3티어Model: 컨트롤러에 필요한 기능 수행 및 데이터 처리로 두 가지 역할을 수행한다. 데이터 처리 영역: DB를 담당 로직 처리 영역: 비즈니스 로직을 처리 DTO(Data Transfer Object)여러 개의 데이터를 한 곳의 객체(바구니)에 담아 전달하는 용도로 사용하는 것. 주로 서비스 객체의 메소드의 파라미터나 리턴 타입으로 사용된다.컨트롤러에서 DTO를 구성해 서비스(로직 처리) 계층을 호출하거나 서비스 계층에서 DTO를 받기도 한다.package org.zerock.javawebbook.todo.dto;import java.time.LocalDate;public class TodoDTO { private Long tno; private String title; ..

오늘한 일1. 페이지 연결:SignIn-SignUp-Main-UserInfo 겪은 에러 1. SignIn과 SignUp을 다른 페이지에서 보기 위해 코드 수정 중 router를 사용해야 함을 알고 코드를 수정했지만 화면에 아무 것도 랜더링 x에러 발생 이유: path에 /signin/* 만 넣어서 폴더 경로 잘못 잡음해결: /signin/* ->  /user/signin/* /* } /> -> } /> */} /> } />  2. Home에 User name 띄우기// './context/AuthContext'import { createContext, useContext, useEffect, useState } from "react";import { logout, onUserStateChanged } f..

오늘한 일(리엑트 + 파이어베이스로 회원가입 구현)firebase.js를 api로 삼아 필요한 함수를 정의하여 필요한 곳에서 import하였다. 1. 다음 도로명 주소 api 구현참고1 : https://www.npmjs.com/package/react-daum-postcode react-daum-postcodeDaum Postcode service for React. Latest version: 3.1.3, last published: 10 months ago. Start using react-daum-postcode in your project by running `npm i react-daum-postcode`. There are 20 other projects in the npm registry ..

오늘한 일 1. 기획안 초안 발표 기획안 발표는 대체로 잘 한 것 같다. 다만 발표 후 피드백이 쇼핑몰을 유저의 관점에서 구현하는 것은 신경을 많이 썼지만 쇼핑몰 관리자의 입장에서 구현한 기능이 적으니 더 추가하라는 피드백을 받았다. 2. 파이어베이스를 이용해 회원가입 기능 구현 시도 중 맞은 에러 에러 1: export 'SignUp' (imported as 'SignUp') was not found in './pages/user/SignUp' (possible exports: default) 상황: SignUp 컴포넌트를 만들어 app.jsx에 넣었는데 에러가 발생했다. 해결 import {SignUp} from './pages/user/SignUp' -> import SignUp from './pa..

서블릿, 서블릿 컨테이너, 서블릿 컨텍스트 비교 비교 항목 서블릿(Servlet) 서블릿 컨테이너(Servlet Container)서블릿 컨텍스트(ServletContext)역할요청을 받아 응답을 생성하는 클래스서블릿을 실행하고 관리하는 환경애플리케이션 전역 설정 및 공유 데이터 관리위치개별 서블릿 클래스Tomcat, Jetty 같은 웹 서버 내부웹 애플리케이션 전체에 존재수명주기클라이언트 요청이 있을 때 실행웹 애플리케이션 실행 중 유지웹 애플리케이션 실행 중 유지데이터 공유개별 요청(request) 단위서블릿 실행을 관리할 뿐 직접 공유 X모든 서블릿과 JSP에서 공유 가능예제@WebServlet("/hello")Tomcat, Jetty, WildFlygetServletContext().getAttr..

MVC(Model-Controller-View)Model: Controller에게 던질 데이터를 요청에 맞게 가공해서 제공 Controller: survlet이 맡은 역할로 브라우저에서 온 요청 처리(Request) 및 Response에 필요한 데이터 즉 view에 필요한 데이터를 model을 호출해 준비하여 view에 던지기. View: JSP가 맡은 역할로 브라우저에 보여줄 결과를 HTML 등을 이용해 작성컨트롤러를 통한 view 호출package ch01.calc;import jakarta.servlet.RequestDispatcher;import jakarta.servlet.ServletException;import jakarta.servlet.annotation.WebServlet;import ..

오늘한 일 1. DB 변수명 수정 및 ERD 수정 몇몇 필드명이 수정되었고 그것들을 불러오는 방식이 변경되었다. 2. ppt 작성 어제는 큰 틀만 잡았다면 오늘은 목차에 따른 세부 내용을 작성하였다. 거의 작성을 완료했으며 20%정도만 더 하면 끝이다. 느낀점: 기획이 50% 이상을 먹고 들어간다고 생각하기에 잘 할려고 하고 있다. 기획 중에도 변경되는 사항이 많으니 기획을 할 때 여러 상황을 고려해야함을 느낀다

1. 웹 프로그램 동작 방식웹 페이지: 미리 서버에 등록해두었다가 웹 브라우저가 서버에 요청 시 서버는 웹 페이지 관련 데이터를 전송과정: 데이터 전송(브라우저) -> 데이터 처리 및 결과 전송(서버) -> 결과에 맞게 화면 띄우기(브라우저)웹 서버: 클라이언트에게 서비스 제공하는 컴퓨터클라이언트: 네트워크로 서버에 접속 후 서버로부터 서비스 제공 받음 정적 웹 프로그래밍(Web Server만 필요)새로운 정보 제공 시 웹 서버를 관리하는 관리자가 html 내용 수정필요정적 데이터 즉 변화가 일어나지 않는 html, css, 이미지 파일 등만 보냄동적 웹 프로그래밍(Web Server + Web Application Server)관리자 역할을 웹 어플리케이션 서버가 대신함최신 정보를 DB를 통해 가짐동적..

오늘한 일 1. DB 변수 명 수정 및 ERD 작성 팀원들과 회의를 통해 작성하였다. 원래 장바구니는 쿠키를 이용해 구현할려고 했으나 방향을 돌려 로컬 스토리지를 이용하기로 하였다. 그 이유는 로컬 스토리지가 용량도 5kb로 더 크고 그것을 다룰 수 있는 라이브러리가 사용하기 쉽고 풍부하기 때문이다. 장바구니에서 구매 시 로컬 스토리지의 데이터가 구매 db로 이동한다. 2. ppt 구성 및 작성 이런 구성을 가지고 4월 23일에 15 ~ 20분 정도의 발표를 진행할 예정이다 느낀점: DB 관련 회의를 하며 데이터의 흐름을 잘 이해하는 것이 개발에서 중요함을 느꼈다. 또한 잘하는 사람들의 이야기를 들으며 나의 실력도 조금은 느는 거 같다는 생각이 든다. 부디 느낌만 그런 게 아니면 좋겠다.