본문 바로가기

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

[ 엘리스 SW 엔지니어 트랙 ] 74일차 TL;DR 📍 74일차 2.11.금. 프로젝트 9일차 TL;DR 함수 파라미터로 새로운 객체 key를 설정할 때는 다음과 같이 작성하자. const FindByKey = (key) => { const config = {}; config[key] = value; } webpack에서 favicon 관련 설정은 HtmlWebpackPlugin의 option으로 설정할 수 있지만 manifest를 고려한다면 FaviconsWebpackPlugin으로 설정해주자. GitLab에는 Default branch를 설정하여 MR요청을 보낼 때 target설정을 하지 않으면 default branch로 경로를 설정할 수 있다. GitLab에는 Protected branches 설정이있어 함부로 해당 branch에 바로 commit.. 2022. 2. 11.
[ 엘리스 SW 엔지니어 트랙 ] 73일차 TL;DR 📍 73일차 2.10.목. 프로젝트 8일차 TL;DR populate는 mongoDB에서 _id를 통해 다른 컬렉션에 있는 데이터를 참조할 수 있다. new User({}).save()와 User.create({})는 동일하다. findById(id)는 findOne({_id: id})와 같다. query 요청을 줄이기 위해 find() -> 수정 -> save()보다 where()를 활용하자. upsert(): 존재하지 않는 문서의 경우 새로 생성하여 저장한다. mongoDB에서 dataBase는 여러 collection을 담는 하나의 저장소, collection: 여러개의 document를 담는 공간, document: 여러개의 key-value로 이루어진 하나의 페이지, key-value: 이름 - 값 2022. 2. 10.
[ 엘리스 SW 엔지니어 트랙 ] 72일차 TL;DR 📍 72일 차 2.9. 수. 프로젝트 7일 차 TL;DR React에서 webpack과 함께 사용시 svg를 사용할 때 ["@svgr/webpack"]를 사용한다면 file-loader에는 svg를 제거해주자 webpack alias로 jest test가 정상적으로 작동하지 않으면 "@/(.*)": "/src/$1"를 추가하자 mongoDB의 timestamps를 카멜케이스로 작성하면 작동하지 않는다.(timeStamps(x)) 주의하자 mongoDB에서 _v(이 키 값에는 문서의 내부 개정이 포함됩니다)를 없애려면 versionKey: false로 설정하자. DB에 accessToken값을 그대로 저장하기보다는 암호화 작업 혹은 yml, aws-secret-manager로 관리하자 API가 중복되더라도.. 2022. 2. 9.
[ 엘리스 SW 엔지니어 트랙 ] 71일차 TL;DR 📍 71일차 2.8.화. 프로젝트 6일차 TL;DR mongoDB connect 주소는 localhost 대신 MongoDB Compass URI 사용하기 (mongodb+srv://:@.mongodb.net/) Database Access탭에서 접근 계정을 생성할 수 있다. dotenv 파일에서 key=value에서 value에 ""를 붙이지 않아도 된다. Promise.all 사용시 중간에 reject가 나게되면 실행을 중지한다. 그러나, Promise.allSettled를 사용하면 중간에 reject가 나도 멈추지 않는다. settled는 fulfilled, rejected 상태를 의미함. GitHub API rest로 total commit을 구할 때 get요청 당 per_page가 100개가 l.. 2022. 2. 8.
[ 엘리스 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.