분류 전체보기91 immutable.js 사용 시 주의사항 find와 get의 차이점을 정확히 알고 사용하자. find는 실제 오브젝트의 레퍼런스를 주는거고, get은 새로운 오브젝트를 반환하는 것이다. 그래서 같은 리스트 내에서 같은 항목을 삭제 후 삽입 시(순서 바꾸기)를 할 경우에는 find가 아니라 get으로 해당 항목을 복사 해놓은 후 사용해야 한다. find()로 찾은 항목을 list.delete(index).insert(index, foundItem) 하면 안되다는 말이다. 2020. 4. 3. Trello 클론 프로젝트 회고 이번 프로젝트의 목적은 React를 사용해서 개발을 하는데 익숙해지기 위해서 였다. 목적대로 React를 사용하는데 있어서는 어느정도 익숙해진것 같다. 또한 node js 기반 서버 프레임워크인 Koa와 MongoDB를 사용할 수 있어서 좋았다. 아쉬웠던 점 기능 구현을 하는데 있어서는 어렵지 않았으나, 완성도를 올리는데 시간이 생각보다 많이 들었다. react-beautiful-dnd를 처음 사용해봤는데 dom 레이아웃을 어떻게 구성하느냐에 따라서 동작이 달라져서 문서에 나와있는 대로 정확히 레이아웃을 구성해줘야 했다. Material UI도 사용한 것도 문제가 됐다. Material UI가 제공하는 컴포넌트들의 dom 구조는 이미 결정되어 있어서 react-beautiful-dnd가 요구하는 레이아웃.. 2020. 4. 3. Trello Clone 프로젝트 목적 React를 이용해서 실제 프로덕션 레벨의 프로젝트를 진행해보자. 토이 프로젝트로는 기술 깊이가 낮아서 내가 원하는 수준에 도달할 수 없어서 이번 프로젝트를 진행한다. 프로젝트는 Trello를 최대한 비슷하게 카피하고 실제 AWS에 올려서 배포하는데 까지 진행해보려 한다. 프로젝트 구성 Front-end React.js 각종 라이브러리 Back-end Koa MongoDB 각종 라이브러리 프로젝트 기한 프로젝트는 무조건, 죽어도 12월 내에 끝내야 한다. 2019. 12. 9. React & Koa 토이 프로젝트 프로젝트 구성 이번에 진행한 토이 프로젝트 의 분석 목적은 React & Redux & axios 사용방식과 Koa 서버와의 연동 및 Mongo DB 사용방법 및 환경 구성이다. 위의 열거된 기술을 가장 간단하게 접할 수 있는 기능은 로그인 및 회원가입을 구현해보는 것이다. Front-end React.js 하위 라이브러리 목록 react-router-dom react-redux redux redux-actions imuutable styled-components open-color react-hot-loader axios redux-pender validator lodash query-string Back-end Koa Mongo DB 하위 라이브러리 목록 koa-router koa-bodyparser.. 2019. 12. 9. 세션 기반? ㄴㄴ 토큰 인증 토큰 기반 인증이란? 간단히 말해 토큰을 사용하여 유저들의 인증작업을 처리하는 방법 사용하는 이유는? Stateless 서버 간단히 요약하면 Stateful 서버와는 반대이다. 기존에 많이 사용된 방식인 세션 기반 인증은 Stateful 서버라고 한다. Stateful 서버는 클라이언트에게서 요청을 받을 때 마다, 클라이언트의 상태를 계속해서 유지하고, 이 정보를 서비스 제공에 이용 상태를 유지하지 않기 때문에 서버의 확장성에 높아진다. 모바일 어플리케이션 인증정보 공유 (OAuth) 보안 왜 사용하게 돼었을까? 먼저 세션 기반 인증 시스템을 설명하면, 유저가 인증 시 서버는 세션을 저장해야 한다. 메모리 또는 DB에 저장해야 하는데 성능 상 문제 세션을 사용하면서 분산된 시스템을 설계하는 어려움, 확장.. 2019. 12. 6. Windows Terminal New Windows Terminal Windows는 가장 많이 사용하는 운영체제임에도 불구하고 언제나, 한결같이, 구린 Terminal을 지원했습니다. 그래서 Windows 사용자들은 cmder, ConEmu, Hyper 등을 사용해왔는데... 불편합니다. 네. 불편해요(특히 Hyper) 느리고, 설정해줘야 할 것도 많고. 그래서 MS에서 야심차게 프로젝트를 발표 했습니다. 두둥탁! Windows Terminal(Preview) 결론부터 말씀드리자면, 기존에 WSL + Hyper를 사용했던 분들은 Hyper 대신 새로운 Windows Terminal을 사용하는게 더 좋습니다. Hyper에서 넘쳐나던 잔버그가 없습니다. 속도는 더 빠릅니다. 안 쓸 이유가 없습니다. 설치방법 Microsoft Store를.. 2019. 11. 26. 이전 1 2 3 4 ··· 16 다음
