Alice53 [ 엘리스 SW 엔지니어 트랙 ] 방학, 백엔드 folder structure 백엔드의 폴더 구조는 보통 어떤식으로 구성하는지 유투브에`MERN` 스택을 사용한 영상을 많이 찾아보고 나름의 폴더 구조를 만들었다. 지난번 프로젝트에서 백엔드를 담당하신 세영님께서 작성하신 폴더구조가 많은 도움이 되었다.(감사합니다.) ├── config │ ├── db.js │ └── keys.js ├── middleware │ └── error-handler.js ├── model │ ├── index.js │ └── schema │ └── User.js ├── package-lock.json ├── package.json ├── passport │ ├── index.js │ └── strategy │ └── GitHub.js ├── routes │ ├── api │ │ └── auth.js │ └.. 2022. 2. 3. [ 엘리스 SW 엔지니어 트랙 ] 70일차 TL;DR 📍 70일 차 1.29. 토. 프로젝트 5일 차 TL;DR firebase로 간단하게 작은 사이즈의 프로토타입을 만들 때 빠르고 쉽게 사용할 수 있는 좋은 스택이지만, 현업에서는 MERN 스택도 사용하는 곳이 많다. 공부하는 입장에서 MERN 스택을 사용한다면 백과 프론트의 전반적인 흐름도 알 수 있고, web framework를 사용하게 될 상황도 많고, 확장성측에서도 MERN 사용하는 것을 추천한다. 회원 인증, 권한 구현 할 때 cookie를 사용하면 미들웨어에 무조건 cookie-parser를 설치하자.. 이것때문에 2시간 고생함.. 프런트에서 API를 가져다 사용할 경우. 만약에 API가 에러가 나서 정상적인 data를 가져오지 못할 때는 어떻게 처리할 것인가? 404페이지로 이동시킬 수도 있지.. 2022. 1. 29. [ 엘리스 SW 엔지니어 트랙 ] 69일차 TL;DR 백엔드 인증 로직: GitHub login -> GitHub 정보 획득 -> JWT 토큰 생성 -> 쿠키로 client 전달 -> 로그인 필요한 서비스에서 JWT 검증(검증은 req.user있는지 확인) React CRA 설정을 override 하고 싶으면 React-app-rewired redux처럼 API를 중앙에서 관리하고 싶다면 react-query 사용 rebase의 장. 단점: merge commit 이 없어져 history 가 깔끔해짐, 반대로 history 가 없어져 commit 이력이 남지 않아 confilct 가 나기 쉽다. Git의 숙련도에 따라 rebase 도입 여부를 고민하기 browser에서 mobile device 확인하는 방법: device-width, user-agent 모.. 2022. 1. 28. [ 엘리스 SW 엔지니어 트랙 ] 68일차 TL;DR ❏ JWT 토큰 인증 흐름 DFSW Labs Youtube 강의 once user verified the email, password thry're going to get back a token using JWT once they get that token they can send that along to access a protected route with passport, passport-jwt JWT module creates the token passport will actully validate. it also extract the users information from it we need to add login functionally, we need to accept a user's emai.. 2022. 1. 27. [ 엘리스 SW 엔지니어 트랙 ] 67일차 TL;DR 📍 66일차 1.26.수 프로젝트 2일차 TL;DR 오늘부터 2차 프로젝트가 끝나는 날까지 글을 길게 쓰지 않고 그날 배운내용이나 느꼈던 점들을 나열하겠다. configuration: secretKey와 같은 값들은 소스코드에 포함하지 않고, local에서 보관한다. 이때, dotenv를 이용하면 쉽게 config 파일을 작성할 수 있다. express 에러처리: 동기적으로는 마지막 use로 넘어가지만 비동기적인 처리시에는 콜백함수 내에서 에러처리를 해야한다. express.json(): REST API, body parser express.urlencoded({ extended: false }): HTML Form -> Body parser cors app.use( cors({ origin: ["htt.. 2022. 1. 26. 이전 1 2 3 4 ··· 11 다음
