프로젝트일지

로그인 상태를 Redux로 관리하려고 했는데, 아무래도 서버통신 부분이다 보니 비동기처리가 필요했다.이전에 하던것처럼 액션객체를 바로 반환하니까 값이 제대로 안들어가는 오류가 있었다.조금 찾아보니 Redux thunk를 사용해서 프로미스를 리턴하는 형식으로 해보면 어떨

민감한 개인정보를 그대로 데이터베이스에 저장하여 클라이언트, 서버랑 주고받다보면 해커로부터의 정보탈취에 노출될 수 있다. 해커의 공격을 받아도 비밀번호 같은 민감한 정보를 암호화하여 저장하면 정보가 탈취되더라도 암호화를 풀지 않는 이상 정보를 알아낼 수 없다. 정보를

이번에 우리가 구현하는 프로젝트에서 중요한게 바로 사용자 인증이다. 왜냐면 비대면으로 만나는 서비스를 제공하는데, 인증이 안된 사용자가 글을 올리면 문제가 발생할 수 있기 때문이다.그래서 우리는 이메일을 통한 본인인증 절차를 넣어주기로 했다.서버에서 메일전송기능을 구현

이번에 소셜로그인을 진행하면서 카카오, 네이버, 구글로 로그인이 가능하게 만들기로 했다. 다들 oauth 로그인을 해보고싶다고 해서, 나는 구글로그인만 하기로 결정됐다.나머지 oauth 중에 구글로그인이 좀 까다롭다고 해서 걱정했는데, 우여곡절이 있긴 했지만 나름 선방

여행관리페이지 스크린샷여행관리 페이지의 UI는 위와 같다.저기서 서브라우팅에 따른 Nav바를 만들어줘야 하는데, active라는 상태를 props로 전달해서 눌릴때 확인할 수 있도록 만들어줬다.서브라우팅이란 라우트 내부에 라우트를 만드는 것을 말한다. 메인 라우트가 /

저번 프로젝트에서도 해줬던 이미지 업로드 기능을 이번 프로젝트에서도 하게됐다. 저번이랑 달라진 점은 미리보기 기능을 구현해야 한다는 점이다. 또, file input을 커스터마이징해서 모양도 변화시켜줘야했다.가이드생성모달이게 내가 만들어준 가이드 카드 생성 모달이다.

저번 프로젝트에선 이미지를 하나만 보냈는데, 이번엔 이미지 3개를 전송해야 했다. formData객체는 window.formData에 위치한 객체인데, append 메소드를 이용해 key-value값을 추가해줄 수 있다.하나의 formData객체의 여러 값을 넣어서 전

가이드 생성 모달의 input기능을 추가하는 중에 한가지 요청을 받게 됐다.\*\*"도로명주소와 좌표정보를 동시에 보내주세요"\*\*도로명주소는 도로명주소 api를 사용하고 있어서 그대로 보내면 되지만, 주소를 좌표로 어떻게 보내야하지? 폭풍검색을 시작했다.주소를 좌표

어느정도 기능 구현을 끝내고 기능 테스트를 하던 중에..!이렇게 작성되어 있던 코드에서 문제가 발생했다. 서버에서 200번 응답을 보내줄 때에는 원하는 대로 동작하는데, 그 외에 경우가 동작이 안되는 문제를 발견했다. 서버에서 try catch문을 사용해 400번대

여행자모드에서 여행자가 신청한 여행에 대한 리스트를 서버에서 불러오는데, 신청 개수에 제한이 없기 때문에 불러올 리스트가 많아지면 첫 렌더링을 할 때 시간이 오래 걸릴 수 있다는 단점이 있었다.그래서 불러오는 리스트 아이템의 개수를 제한해주는 기능이 필요했는데, 페이지

자바스크립트 스터디에서 사이드 프로젝트를 진행하기로 했다. 기본 틀은 게시판인데 세대간을 이어주는 게시판을 바탕으로 아이디어를 짜고, 와이어 프레임 작성을 얼추 끝냈다. 와이어 프레임을 작성하면서 하나 알게 된 사실이 있다.검색엔진 최적화를 위해 H1태그를 페이지에 꼭

사이드프로젝트 이름이 스며들다로 결정되었다. 기능도 정리가 다 되어서 Rest API를 작성했다.\*\*PUT\*\* 유저아이디 수정 후 확인 버튼 클릭 Request body Response 200 : OK Response 401 : ERR \*\*Respon