배꼽파지 않도록 잘 개발해요

꿀단집 쇼핑몰 프로젝트에서는 passport 라이브러리의 Google OAuth Strategy를 활용하여 구글 소셜로그인을 하는 기능이 있다.  https://console.cloud.google.com Google 클라우드 플랫폼로그인 Google 클라우드 플랫폼으로 이동accounts.google.com '구글 소셜로그인 구현'으로 검색하면 이미 수많은 글들이 나온다. 이걸 구현하는 것도 꽤 어렵지만 문제는 구글 측의 심사를 거쳐야 실제 외부 사용자들이 우리 서버의 소셜로그인을 이용할 수 있다는 것이다.그래서 이 Google 클라우드 플랫폼의 'OAuth 동의화면' 카테고리에서 게시 상태를 '프로덕션'으로 변경해주어야 한다.  프로덕션으로 변경하면 이렇게 인증 준비 화면이 뜬다.일단 당연히 배포가 ..

우리 서버에서 multer를 활용하여 프로필 이미지를 변경할 수 있는 기능이 있다. 클라이언트에서 사진을 업로드하면 서버에서 multer를 통해 이미지를 서버의 public/uploads 폴더 안에 저장을 하고, 해당 이미지 경로를 DB의 사용자 정보에 저장한다. 이걸 클라이언트가 받아서 화면에 렌더링하는 식으로 구현을 하였다. 문제는 로컬에서는 아주 잘 작동을 하였으나, 배포 후 작동을 하지 않는다는 것이었다. 여기 모달창에서 왼쪽 프로필이미지 버튼을 누르면 변경할 수 있는 창이 뜬다. 여기서 미리보기로 바뀐 이미지가 뜨고, 저 모달창을 닫아도 변경된 이미지가 렌더링되어야 한다.이걸 내가 구현하였는데, 순서가 헷갈려서 시간이 꽤 걸렸던 기억이 났다.프론트엔드는 렌더링 되는 화면과 데이터 로직을 모두 고..

만들었던 사이트를 구글 검색 콘솔에 등록해보기로 했다. 엘리스 SW엔지니어 트랙 진행 당시 1차 프로젝트 때 만든 사이트이다.HTML, CSS, JavaScript를 활용하여 간단한 상품 목록, 장바구니, 결제, 프로필 변경 등의 기능을 구현하였다.팀원들이 프론트엔드를 배우고 나서 처음으로 만든 사이트 치고는 꽤 퀄리티가 괜찮다. 도메인을 구입해서 배포까지 했는데, 구글에 검색했을 때 나오면 좋겠다는 생각이 들어서 구글 검색 콘솔에 사이트 등록을 진행하였다.  https://www.honeytouse.com/ 꿀단집이벤트 배너 Lorem ipsum, dolor sit amet consectetur adipisicing elit. Ut pariatur hic debitis vero accusantium v..