본문 바로가기

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

[ 엘리스 SW 엔지니어 트랙 ] 78일차 TL;DR 📍 78일차 2.17.목. 프로젝트 13일차 TL;DR cors credentials: HTTP Cookie와 HTTP Authentication 정보를 인식할 수 있게 해주는 요청이다. 클라이언트에서 서버로 요청을 보낸다면 axios.defaults.withCredentials = true;를 꼭!!!@#!@#!@#!@ 설정해주자. export const AXIOS = axios.create({ baseURL: serverURL, withCredentials: true, axiosConfig, }); app.use( cors({ origin: "http://localhost:1111", credentials: true, }), ); /bin/www 파일은 익스프레스의 설정 파일을 가져와 http와 연결.. 2022. 2. 17.
[ 엘리스 SW 엔지니어 트랙 ] 77일차 TL;DR 📍 77일차 2.16.수. 프로젝트 12일차 TL;DR 오늘은 내 생일이다. 어릴때의 생일은 특별한 날로 생각했지만 요즘은 특별한 날이 아니라는 생각이 든다. 점심즈음에 2년 전쯤 내가 중위로 근무할 때 같이 군생활을 했던 분들이 생일이라고 연락과 함께 기프티콘을 주셨다.(전역한지 약 2년이 되었지만 아직도 연락해주시는걸 보면 군 생활은 아주 못하진 않았다는 생각이 든다.) 그러나, 프로젝트 마감이 4일이 채 남지 않았기 때문에 게으름 피우지 않고 열심히 작업중이다. 동점자를 고려한 순위 매기기 const calcRankWithConcurrentScore = (userData) => { const userRank = [...userData]; userRank.sort((a, b) => { if (a.sc.. 2022. 2. 16.
[ 엘리스 SW 엔지니어 트랙 ] 76일차 TL;DR branch 전략 - Git-Flow: 단순하다, CI/CD가 자연스럽다, master(최종), 체계적인 분류 없이 master에 의존한다. - GitHub-flow: 상세한 리뷰와 토의, master(최종), develop(개발), release(QA 및 베타 테스트), hotfix(master에서 버그수정) 우리팀의 `branch` 전략은 `GitHubFlow`를 기반으로 하되 `GitFlow`의 방법을 조금 섞었다. commit convention을 정했고, MR올리면 해당 분야 팀원들이 코드리뷰 후 의견을 남긴다. emoji를 모두 남겼으면 팀장이 최종적으로 merge한다. merge가 완료된 branch는 삭제한다. commit의 개수를 모두 남기는것보다 squash 전략으로 여러개의 커밋을 하.. 2022. 2. 15.
[ 엘리스 SW 엔지니어 트랙 ] 2.13.월. TL;DR Suspense는 자식 컴포넌트의 비동기 작업이 처리되기 전에 fallback props가 렌더링 된다. 즉, 비동기 작업이 끝날 때까지 loading 컴포넌트를 보여주는 코드를 넣을 수 있다. bcrypt에서 sync보다 async를 권장하는 이유: 간단한 script에서는 sync모드를 사용하는것이 좋으나, 서버에서 bcrypt를 사용하는 경우 비동기모드를 사용하는것이 좋다. bcrypt에 의해 수행된 해싱은 CPU를 많이 사용하므로 동기화는 이벤트 루프를 차단하기때문에 다른 이벤트를 처리하지 못한다. 비동기는 메인 이벤트 루프를 차단하지 않는 스레드 풀을 사용한다. GitHub로 로그인하면 Backend에서 cookie에 담아서 Frontend로 보낸다. Frontend에서 JWT토큰을 Header.. 2022. 2. 14.
[ 엘리스 SW 엔지니어 트랙 ] 75일차 TL;DR 📍 75일차 2.12.토. 프로젝트 10일차 TL;DR MR시 confilct가 난다면 새로운 branch를 하나 파서 내가 올리려는 branch를 git pull origin 하고 다시 MR요청하자. MR을 팀장만 보는것이 아니라 해당 팀원들과 같이 보면서 개선하고 싶은점, 느낌점등을 간단하게 코멘트로 남겨주고 merge하는 방법도 있다. postman에서 POST요청을 보낼 때 cookie를 사용한다면 cookie 탭에 값을 추가하자. 이때 도메인은 host네임만 작성해도 된다. 캘린더형식의 data에서 각각 일수를 더하는 로직 const data = [ [ [0, 0, 1, 5], [2, 7, 1, 4], ], [ [0, 0, 1, 5], [2, 7, 1, 4], ], ]; const answer .. 2022. 2. 12.

티스토리툴바