본격적인 프로젝트 시작에 앞서 팀원들과 함께 서비스의 정의에 대해 이야기를 나누고 생각하는 바를 합쳐 최종적인 서비스 목표를 정리했다. 서비스의 내용이 모두 구상된 상황이어도 팀원마다 생각하는 방향이 다를 수 있다. 개발 과정에서 개발에만 집중하기 위해서는 계획 과정에
명확한 비즈니스 목표를 설정하면 동기부여가 될 뿐만 아니라 프로젝트에 필요한 요구사항을 분석하는 데에 도움이 된다. 비즈니스 목표를 장기 목표, 단기 목표로 나누어 설정하고, 장기 목표인 비전을 달성하기 위한 요구사항을 분석했다. 이러한 방식을 Impact Mappin
프로미서의 개발을 위해 이전의 프로젝트에서 사용하지 않던 기술을 채택했다. 남들이 다 쓰니까 말고, 내가 이 기술을 왜 채택했는지 알아야 이 기술을 더욱 효율적으로 사용하고, 공부할 수 있을 것이라고 생각한다.Typescript타입스크립트는 자바스크립트의 슈퍼셋인 오픈
사용자 인증을 위해 JWT를 사용하기로 했다. JWT를 사용하기 전에, 웹에서 사용자 인증이 필요할 때 사용하는 기능에 대해 알아보기로 했다.쿠키는 웹 서버가 웹 브라우저로 보낸 정보를 저장해뒀다가 서버의 부가적인 요청이 있을 때 다시 보낸다. 사용자가 가지고 다니다가
지난 포스트에서 JWT를 통한 인증 방식에 대해 알아봤다. 이러한 인증 방식의 단점은 보안에 취약하다는 점이다. 보안을 위해서 유효기간이 짧은 토큰을 생성할 수 있는데, 이렇게 되면 사용자가 로그인을 자주해서 새롭게 토큰을 발급받아야 한다는 불편함이 있다. 하지만 유효
리액트 쿼리를 시작하기 전 공식문서를 읽어보았다. 누군가가 정리해둔 블로그 글을 읽는 것보다 공식문서를 읽었을 때 누군가의 해석을 거치지 않고 나의 언어로 기술을 이해할 수 있는 것 같다. 하지만 영어의 벽은 아직도 너무나 높다.리액트 데이터 패칭 라이브러리이다.서버
리액트는 단방향으로 바인딩하는 라이브러리이다. 부모에서 자식 방향으로만 프로퍼티를 전달할 수 있다. 큰 프로젝트를 진행한다면 전역 상태 관리 라이브러리를 사용하는 게 매우 보편적이다.프로미서 또한 프로젝트가 커짐에 따라 전역 상태 관리가 필요해졌다. Atomic De
한동안 골머리를 앓게 만들었던 에러가 있다. 바로 Encountered two children with the same key 에러인데, 에러가 발생하는 위치를 정확히 알 수 없어서 헤맸다.어느날부터 이 에러가 모든 페이지를 렌더링할 때 발생했고, 기능 개발에는 큰 문
input 에 값을 입력받고 POST 를 할 때까지 값을 들고 있는 역할을 useState 에 맡겼었다. 처음에는 문제가 없었는데, 페이지가 많아지다보니 값을 입력할 때마다(change event가 발생할 때마다) 화면이 깜빡이는 문제가 발생했다. state가 변경될 때마다 화면이 깜빡여서 제대로 입력할 수 없는 상황이었다. 이 문제를 해결하기 위해 us...