전체 글

프로젝트 실제 기업과 협업하여 진행한 증권사 PB 중개 플랫폼 GitHub - FINALALT1/money-bridge Contribute to FINALALT1/money-bridge development by creating an account on GitHub. github.com KPT Keep swagger를 통해 Web API를 자동으로 문서화하여 백엔드와의 소통이 원활했다 노션을 통해 문서를 정리하고 이를 바탕으로 체계적으로 개발을 진행하여 효율적으로 작업을 했다. 저녁 스크럼 시간 때는 모여서 함께 PR을 진행하고 해당 PR에 대한 코드 리뷰, 질의응답을 진행하며 서로의 코드에 대한 이해도를 높였다. 팀 내 코어 타임 규칙을 통해 해당 시간(낮 1시 ~ 밤 10시)에는 디스코드에 상주함으로..

OMDb API - The Open Movie Database www.omdbapi.com OMDB API를 이용한 영화 검색 프로젝트 제작 프로젝트 GitHub - hyeon17/searchMovie Contribute to hyeon17/searchMovie development by creating an account on GitHub. github.com KPT Keep 컴포넌트 단위로 세분화 하여 코드의 재사용성을 올렸다. 기존에 JavaScript로 진행한 미완성된 프로젝트를 React로 마이그레이션 하여 프로젝트를 완성시켰다. 필요한 기능들을 나열해 작업의 방향성을 설정하여 목적대로 구현하였다. TypeScript로 진행하여 목적에 맞지 않는 타입의 변수나 함수들에서 에러를 발생시켜 버그를 ..

할 일 관리 프로젝트 GitHub 프로젝트 기능을 모티브로 제작 프로젝트 GitHub - hyeon17/need-more-task-fe Contribute to hyeon17/need-more-task-fe development by creating an account on GitHub. github.com KPT Keep 하루 2번 스크럼 회의를 통해 현재 진행 상황과 해야 할 일을 말함으로써 따로 회의를 진행할 필요가 없어 일의 진행 속도가 빨랐다. 또한 자주 이야기 하다 보니 서로 간에 신뢰감이 형성되어 팀의 결속력이 단단해졌다. 컴포넌트 단위로 작업을 분배하여 코드의 재사용성과 효율성을 높였고 그에 따라 PR merge시 충돌의 위험성이 줄었다. Github Project를 사용하여 팀원의 진행도..

react에서 useReducer Hooks가 있는데 이와 비슷한 Redux라이브러리가 있는것을 알게 되었다. 둘의 기능이 비슷한데 왜 useReducer를 사용하지 않고 Redux를 사용하는 이유가 궁금하였다. useReducer useReducer란 state를 관리하고 업데이트 하는 hook인 useState 를 대체 할 수 있는 hook이다. 그렇다면 useState로도 충분히 상태변화 로직을 구현할 수 있을텐데 왜 사용할까? useState만으로 상태변화 로직을 구현하면 관리해야하는 상태값이 많아지고 프로젝트 규모가 커지면 어려움이 따른다. 따라서 useReducer를 사용해 해결할 수 있다. useReducer로 상태를 분리 함으로써 관리하기가 쉬워졌다. Redux Redux(리덕스)란 애플리..

최근 리액트를 공부하면서 리액트는 SPA방식을 기반으로 동작한다는 것을 알았다. 화면을 전체 새로고침하지 않고 필요한 부분만 다시 재렌더링하여 보여주므로 서버입장에서도 트래픽이 과도하게 요청될일이 없어 정말 좋은 방식이라고 생각했다. 하지만 SPA가 무조건 좋을까라는 의구심이 들어 각 방식에 대해 알아보기로 하였다. SPA, CSR SPA(Single Page Application)는 한 개(Single)의 Page로 구성된 Application이고 CSR(Client Side Rendering) 방식으로 렌더링한다. 즉, 기본적으로 단일 페이지로 구성되며 기존의 서버 사이드 렌더링과 비교할 때 배포가 간단하며 네이티브 앱과 유사한 사용자 경험을 제공할 수 있다는 장점이 있다. SPA는 웹 애플리케이션에..

Two Circle 프로젝트 라운즈 라운즈(ROUNZ) - 세상에 없던 안경쇼핑 AI 가상착용과 스타일 추천으로 더욱 쉽고 편리한 아이웨어 쇼핑을 즐기세요! 고객센터 : 1522-0416 rounz.com 국내 안경 쇼핑몰 판매 사이트 라운즈를 모티브 프로젝트 선정이유 깔끔하고 심플한 사이트 UI 프론트엔드 공부를 위한 필수적인 기능들이 있고 구현하기에 크게 어렵지 않음 시간이 많이 들어갈만한 디자인이 많지 않아 기능구현에 집중 가능 프로젝트 GitHub - hyeon17/TwoCircle Contribute to hyeon17/TwoCircle development by creating an account on GitHub. github.com KPT Keep 매일 30분, 트러블 슈팅에 대해 의견을 ..