▶ 1. 내용 정리▷ 1-1. Git 최신 상태 동기화→ 프로젝트 디렉토리를 생성 후 Github에서 최신 코드를 받아왔다.gh repo clone smh0519/Typers Frontend ▷ 1-2. Docker 이미지 빌드 → 프론트엔드 Docker 이미지를 빌드하였다.docker build -t typers-frontend . ▷ 1-3. Docker 컨테이너 실행→ 앞서 만든 이미지를 이용하여 컨테이너를 실행하였다.docker run -d -p 3000:80 --name typers-frontend typers-frontend▷ 1-4. localhost:3000 접속 → 최신 코드가 잘 반영된 화면이다. ▶ 2. 트러블슈팅(Troubleshooting)▷ Trouble - 사이트에 연결..

▶ 팀원 소개 ▶ 프로젝트 소개▷ 프로젝트(웹 사이트) 이름→ Typers ▷ 프로젝트 주제→ 타자(타이핑) 연습 ▷ 타겟층→ 타자 연습을 필요로 하는 사람 ( + 지속적으로 연습하고 싶은 사람 ) ( + 특정 글이나 문장을 빠르게 타이핑하고 싶은 사람 )→ 데스크탑, 랩탑 사용자 ▶ 목표와 목표 선정 이유▷ 목표→ 사용자가 연습 목적에 맞게 지속적으로 타자연습을 할 수 있도록 지원하는 것 ▷ 목표 선정 이유와 기능 기획1. 사용자가 직접 타이핑 연습을 하고 싶은 문구, 단어들을 커스텀하여 목표에 맞게 연습할 수 있는 기능이 있었으면 좋겠다 생각☆ 사용자가 원하는 문구와 단어를 자신만의 사전에 등록할 수 있는 기능 추가 (사전을 이용한 타이핑 가능) 2. 사용자의 동기를 자극하..

▶ ORM 정의→ ORM: Object Relation Mapping 직역) 객체 관계 매핑 → 객체 지향 언어의 객체와 관계형 데이터베이스의 데이터를 자동으로 *매핑하여, SQL 없이 객체처럼 DB를 다룰 수 있게 해주는 기술이다. → *매핑 예시더보기(JPA 기준)자바 클래스 DB 테이블자바 필드 DB 칼럼 ▶ ORM 주요 장단점장점→ 복잡한 SQL 문법 없이 CRUD 작업을 직관적으로 처리할 수 있다.→ 객체 중심으로 개발이 가능하다.→ 유지보수가 쉽다. 단점→ ORM이 SQL을 100% 대체할 수 없다. ( JOIN, GROUP BY 등 복잡한 쿼리 작성이 불리 ) ( 특정 DBMS의 고유 기능 사용 불가 )→ 대용량 데이터 처리 시 SQL에 비해 성능이 저하될 수 ..

▶ EnvironmentReact(Frontend): http://localhost:5173SpringBoot(Backend): http://localhost:8080 ▶ When the Error Occurred로그인 기능 구현 중 클라이언트와 서버의 통신 과정에서 발생하였다. ▶ Error MessageAccess to XMLHttpRequest at 'http://localhost:8080/user/addbasic' from origin 'http://localhost:5173' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.http://local..

▶ EnvironmentSpringBoot: 3.xJava: 17JDK: openjdk-22 ▶ Error MessageVariable 'usersRepository' might not have been initialize(참고: Variable 'ooo' might not have been initialize)번역) 변수 'usersRepository'가 초기화되지 않았을 수 있습니다. ▶ When the Error Occurred약 7일 전 Spring Boot를 이용한 회원가입 시스템을 구현해 두었다.금일 코드 확장을 위하여 다시 IntelliJ를 실행하여 프로젝트 폴더를 열었을 때 오류가 발생하였다. ▶ Error Description정상적으로 작동했던 코드였음에도 불구하고,코드를 수정하지 ..

[ 웹 개발 ] JWT 이론 - Json Web Token ▶ JWT(Json Web Token)?→ 사용자의 정보와 인증 정보를 담고 있는 *토큰이자, 서버가 사용자를 인증했음을 확인하는 데 사용하는 토큰이다.더보기*토큰(Token)- 특정 정보나 권한을 안전하게 주고받기 위해 사용하는 임시 데이터 조각이다. 쉽게, "증명서"라고 생각할 수 있다. ▶ 인증?→ 본문에서 말하는 '인증'이란, "사용자가 누구인지 서버가 검사하는 과정"을 의미한다. 즉, 로그인 과정이다. 인증(로그인) 과정 예시 ▶ 인증 성공 시?→ 로그인 성공(인증 성공) 시 서버는 사용자에게 로그인 증명서(JWT)를 발급하며, 클라이언트는 발급 받은 로그인 증명서(JWT)를 일정 유효 기간동안 보관한다. ..