https://www.notion.so/WDMA-Wedding-Dress-Management-Application-618a3b782f7b4770b35087b69551c2c9일본 웨딩 드레스 전문업체인 'ANJERI' 의 웨딩 드레스 관리 장부를 웹 애플리케이션
본격적으로 개발을 진행하기에 앞서 그 동안 막연히 사용하였던 ESLint와 Prettier 함께 이용하는 개발환경 세팅을 백엔드와 프론트엔드로 나누어 다뤄 보고자 한다.ESLint는 JavaScript를 위한 정적 검사 Tool이다. 코드를 실행하기 전에 버그를 찾거나
WDMA 프로젝트는 그 동안 익힌 기술들을 다시 한 번 복습한다는 생각으로 시작한 프로젝트이다. 그래서 Stroll 프로젝트에서 사용하였던 ORM인 Sequelize를 다시 한 번 사용해 봄으로써 Sequelize의 장/단점을 확인해 보고 싶었다.Sequelize에 대
WDMA를 이용하기 위해서는 직원이 사용하는 이메일을 인증하는 과정이 필요하며, 이메일이 인증된 계정에 한해 관리자 등록(계정 생성)이 가능하다.이에 따라, 사용하려는 이메일이 실제로 직원이 이용하는 실제 계정인지를 인증하기 위해 인증번호를 메일로 보내는 방식을 적용하
랜덤 문자열을 생성하는 방법을 알아보고자 한다.랜덤 문자열을 만드는 이유는 유저가 자신의 계정의 비밀번호가 기억나지 않을 때, 자신의 실제 사용되는 메일 계정으로 새로운 임시 비밀번호를 보내주기 위해서다.랜덤 문자열을 만드는 방법은 다양하다. 여기서는 간단하면서도 많이
WDMA에서는 하나의 드레스에 1~3장의 이미지가 속해 있는데 해당 드레스를 삭제하면 그 드레스에 속한 이미지도 같이 삭제가 되어야 한다.이를 위해, Sequelize의 onDelete: 'cascade' 라는 키워드를 이용하여 부모-자식 테이블 간의 연관 리소스를 삭
WDMA의 SPA를 만들기 앞서 프론트엔드 개발에 맞는 ESLINT-Prettier 세팅에 대해 간략히 정리하고자 한다.프론트엔드에선 리액트 컴포넌트나 리덕스의 상태관리 구조가 복잡하고 휴먼에러를 발생시킬 여지가 많다고 판단하여 airbnb 설정을 이용하여 다소 빡세게
클라이언트에서 유저가 로그인을 이해 아이디와 비밀번호를 입력하고 서버에 인증을 요청하게 된다. 그리고 서버에서는 요청으로 받은 body에서 아이디와 비밀번호를 취득하여 서버 데이터베이스에 있는 리소스와 비교과정을 거치고 올바른 요청일 경우, jwt 토큰을 발급하고 co
WDMA의 드레스 정보에는 각 모델별로 1~3장의 사진이 포함된다. 따라서 새로운 드레스를 추가하거나 수정할 때, 1~3장의 사진을 서버에 업로드할 수 있어야 한다.로직은 Add Dress 페이지를 통해 새로운 드레스에 대한 모델명, 가격, 악세사리 정보, 소속 점포,
CRA로 만들어진 리액트 앱에서 public 폴더를 이용하면 간단하게 정적 파일들에 접근할 수 있다. 예를 들어 로컬에 있는 이미지를 이용하고자 한다면, public 폴더 내에 images라는 폴더를 만들고 이미지들을 넣는다. 그리고 리액트 컴포넌트에서 해당 상대경로를 넣으면 정적 파일에 쉽게 엑세스할 수 있다. 참고 자료 https://stackov...