본문 바로가기

Frontend/엘리스 SW 엔지니어 트랙87

[ 엘리스 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.
[ 엘리스 SW 엔지니어 트랙 ] 66일차(14주차 2차 팀 프로젝트) 📍 66일 차 1.25. 화.(14주 차 2차 팀 프로젝트) 오늘부터 엘리스 교육이 끝나는 2월 20일까지는 2차 팀 프로젝트 기간이다. 작년 크리스마스에 1차 팀 프로젝트를 끝냈는데, 벌써 2차 프로젝트라니.. 시간이 참 빠른 것 같다. 아마도 나의 기억력이 좋다면 지금까지 배운 내용들을 기억했겠지만, 그렇지 못하기에 지금까지 남겨놓은 약 66개의 기록들을 보며 떠올려야겠다. 이번엔 팀원이 아니라 팀장으로서 프로젝트를 진행하는데, 마음가짐을 다르게 가져야겠다고 생각했다. 또한 저번 프로젝트의 후속조치로 webpack을 공부했는데, React를 이용해 개발할 때 CRA가 아닌 직접 webpack을 이용해서 프로젝트를 구현해야겠다고 마음먹었다. 그래서 이번 프로젝트를 임하는 나의 자세는 " 더 하라는 말보.. 2022. 1. 25.