개발 환경 셋업

Backend

구조 설계서 

• 소프트웨어 구조 설계를 기술하고 정의하는 문서
• 소프트웨어 개발 과정에 있어 가장 중요한 기준
• 프로젝트 초기 단계에서 필수적으로 산출해야 하는 문서 
• 우리 프로젝트에서는 => 이미 지정된 소프트웨어 아키텍처가 기술되어 있음

 

사용자 인증 및 정보의 보호

 

사용자 인증

• 인증 정보를 제출하도록 하여 유효한 사용자인지를 확인하는 절차
• 가입시 사용한 이메일 주소와 결부된 "암호화된 비밀번호" 를 비교

 

사용자 인가

• 특정 자원(노트) 에 접근하고자 하는 사용자가 이 자원에 대한 권한을 가지고 있는지를 확인하는 절차
• 현재 로그인하고 있는 사용자의 id 를 노트의 소유자 id 와 비교

CORS 정책

• 정해진 URL 로부터 서비스된 FE 코드(를 브라우저가 실행하여) 에 의한 요청만을 허용하는 정책을 구현

 

Frontend

 

Craco 란?

Craco(Create React App Configuration Override)는 CRA(Create React App)의 설정을 커스터마이징할 수 있게 해주는 도구

 

Craco가 필요한 이유

 

Create React App(CRA)으로 만든 프로젝트는 webpack 설정을 직접 수정하기 어렵습니다. 설정을 바꾸려면 'eject'를 해야 하는데, 이러면:

• 프로젝트가 복잡해짐
• 업데이트가 어려워짐
• 되돌리기 어려움

Craco의 장점

 

1. 설정 변경이 쉽다.

• webpack 설정을 간단히 수정 가능
• eject 없이도 설정 변경 가능

2. 프로젝트가 깔끔하다.

• 필요한 설정만 추가 가능
• 기존 CRA 구조를 유지

3. 유지보수가 편하다.

• CRA 업데이트 가능
• 설정 관리가 쉬움

➡️ 쉽게 말해서, Craco는 "React 프로젝트 설정을 쉽게 바꿀 수 있게 해주는 도구" 이다. 

---

🌟 배운 점

오늘은 개발 환경을 세팅했다. 팀 프로젝트를 하면서는 세팅을 하면서 딱히 문제를 겪은 적이 없었는데, 강의를 들으면서 강의에서 요구하는 것을 세팅하려고 하니까 오류 나는 부분이 많았다. 그리고 강의에서는 모든 코드를 제공해주지 않고, 군데 군데 값을 채워넣어야 하니까 더 어려웠다. 완성을 할 수 있을지 잘 모르겠지만 최대한 강의를 따라하면서 할 수 있도록 해봐야겠다.