개인 프로젝트 1

개인 프로젝트를 진행하면서 기록하기위한 시리즈이다!엉성하고 부족한 부분도 많지만 기록하면서 진행하기 위해 벨로그에 올리기로 결심하였다!계획, 개요를 통해 프로그램의 구조에 대해 생각해보고, 부족한 실력이지만 UML(Unified Modeling Language)중 하나

위는 Tailwind + DaisyUI(클릭하면 이동)를 이용하여 모달, 드롭다운등을 응용하여 만든 네비게이션 바그리고 컴팩트한 기능으로 연결되는 레이아웃을 구성해보았다.index.js와 App.jsindex.js 에서는 App.js를 렌더링하고 있다.App.js에서는

Previously.........기본적인 페이지 구성이라던지, 모달을 통한 로그인, 회원가입 버튼을 구현하였다.회원가입 / 로그인 로직은 음악평가라던지, 게시판을 구현한 후에 만들기로 생각을 했다.어떤가요는, 음악을 평가하는 애플리케이션이기 때문에, 다양한 음악 정보

프로젝트 진행중인데 ... 프로젝트 목표 기한이 올해 안이다 보니 기록이 더뎌졌다.매일 매일 공부하면서 참고하는 정보들을 짤막하게라도 기록하고자 한다.리액트 중첩 라우팅https://velog.io/@reasonz/2022.07.14-%EB%A6%AC%EC%9

로그인은 get? post? https://velog.io/@jch9537/REST-API-LogIn-GET-vs-POST로그인, 쿠키와 세션 저장방법에 대한 장/단점 및 CSRF, XSS 공격의 특징과 대책.. 등JWT 토큰에 대한 깊이있는 설명https&#

bcrypt, jwt tokenhttps://darrengwon.tistory.com/332jwt 일반 유저 인증https://darrengwon.tistory.com/563다른 도메인간 쿠키 전송https://www.zerocho.com/c

웹에서 다양한 디자인을 통해 배너, 이미지를 제작한다http://canva.com웹 에디터(손쉬운 작업과 코드화가 가능!)피그마 https://www.figma.com/Tailwind Family font 적용하기https://velog.io

Carouselhttps://daisyui.com/components/carousel/React Children 사용방법https://codingmania.tistory.com/325회원가입/로그인/회원정보관리회원가입 - 중복여부 확인 함수 및 use

개선해야 할 부분로그인 - 로그인 시, 쿠키의 Refresh Token을 이용한 Access Token 재발급 과정 구현(-)로그인 - 로그인 시 아이디/비밀번호 입력오류 예외처리 필요(-)내 정보 관리 - 페이지 및 기능 구현 필요 (-) : 비밀번호변경, 회원탈퇴,

배포 : AWS 인스턴스를 이용하여 서버에 올리기로 생각하였다.전반적인 흐름은 아래 블로그를 참고한다.https://velog.io/@wooreal/AWS-React-project%EB%A5%BC-AWS-EC2%EC%97%90%EC%84%9C-%EB%B0%B0