개발하세영

1. OAuth2Strategy requires a clientID option 원인: .env 파일의 환경변수를 못 읽어와서 생기는 오류 해결: clientID 라고 써야하는데 clientId 라고 썼음 오타 수정 2. Unknown authentication strategy "kakao" 서버 열고 http://localhost:3010/api/log-in/kakao 링크로 들어갔을 때 뜨는 오류 메시지 원인: kakao(); 구문이 빠졌음 (빠짐없이 작성한게 맞고 결론적으로는 오타였음) 해결: “kakao-login“ -> “kakao" 수정 3. bad client credentials 원인: 카카오 앱 생성시 보안을 위해 ClientSecret 설정을 활성화했으나 코드에서는 ClientSecre..

회원가입 및 전체적인 유효성 검사 기존 유효성 검사는 딱 제시된 조건만 작성했기 때문에 기본적인 부분까지 넣어놨다. 앞으로도 이 부분 꼭 신경쓰기 로그인 이메일, 비밀번호 검증 어떤 문제가 있었냐면 회원가입은 잘 들어갔고 db에서도 확인이 되는데 로그인 과정에서는 검증에 걸리는 문제가 있었다. 로그인 검증 코드랑 스키마 파일만 들여다보다가 도저히 모르겠어서 튜터님께 질문드렸더니 아주 쉽게 찾아내셨다😱 기존의 코드는 where 절에 email, password가 함께 들어가 있는 것이 문제였다. 1. 나는 password에 암호화를 걸어놨기 때문에 기존에 사용자에게 최초로 받아온 비밀번호와 그 후에 암호화된 비밀번호가 달랐는데 2. user에 email, password를 함께 넣어놔서 3. 첫번째로 실행..

해설 강의 : 필수 구현 파트를 보며 정리해놨던 부분들 API 명세서 기존의 주소는 /sign-in 처럼 유저 페이지와 이력서 페이지를 구분하지 않고 바로 들어갔는데, /users와 /documents 로 라우터를 1차 분리 이력서 목록 조회 정렬 기능도 명세서 작성부터 설계 유효성 검사 기존에는 필수 요구사항이었던 이메일 중복 가입 금지, 비밀번호 6자 이상, 비밀번호 확인과 일치< 이 셋만 넣었는데, 그 외 공란, 형식 등을 더 촘촘하게 추가해야함 이 부분은 평소에도 습관 들이기.. 엑세스 토큰 토큰 부분이 아직 어려워서 제대로 구현을 못했는데 다시 복습하며 꼭 완성해봐야겠다 이력서 목록 조회 최신순 정렬 기능을 사용할 때 나는 생성 날짜 역순 정렬을 생각했는데, 이력서 ID 역순 정렬이 보기에도 더..

이번 프로젝트는 api 구현과 aws 배포가 주된 과제였다. https://github.com/julie-kim-dev/nodejs-market-project GitHub - julie-kim-dev/nodejs-market-project Contribute to julie-kim-dev/nodejs-market-project development by creating an account on GitHub. github.com 필수요구사항: 프로젝트 관리 대여한 MongoDB의 정보를 .env 파일에 변수로 저장하여 사용 .gitignore 파일을 사용하여 .env 파일, node_modules 폴더가 깃허브에 올라가지 않게 숨김 .prettierrc 파일로 코드 포맷팅 유지 필수요구사항: API 구현 ..

영화 검색 사이트 (1) 글에서 이어집니다... 오늘은 프로젝트 최종 발표일이었다. 발표 자료에서의 개인 파트, 튜터님의 피드백 위주로 기록해봤다. 시연 영상 우리 팀은 시연 영상으로 구현한 기능을 먼저 보여드리고, 각자 어려움을 느낀 부분과 그에 대한 해결 과정, 협업 과정을 통해 느낀 점을 순서대로 ppt에 담아서 발표하게 되었다. 피드백 당시 이 부분을 긍정적으로 평가해주셨다. 각자 본인이 어려움을 느끼는 부분을 정확히 인지하고, 해결을 위해 어떤 방법을 써야하는지 고민한 과정을 좋게 봐주신게 아닐까? 또 카테고리 기능은 기존의 데이터 내에서 해결하기 보다는, 새로운 api를 호출해서 적용할 수 있도록 고민해보라는 이야기도 해주셨다. 팀원들과 진행하면서도 신경이 쓰였던 부분인지라 더욱 와닿는 피드백..

첫 팀프로젝트는 저번 개인 프로젝트를 발전시키는 형식의 주제였다. 팀원 중 가장 완성도가 높은 한 분의 개인과제를 선정한 후 각자 역할을 나눠서 작업을 시작했고, 내가 맡은 부분은 메인 페이지의 영화 카드를 제목, 평점 등의 기준에 맞춰 정렬시키는 기능이었다. 아직 코드를 짜서 기능을 구현하는 행위가 익숙하지 않아 연습장에 먼저 시작해봤다. 비록 이 뒤에 코딩을 시작하고 저 당시에 쥐어짜낸 생각에서 8할은 뒤엎은 것 같지만 이런 연습이 쌓이고 쌓여서 도움이 되리라고 믿는다! 진행 현황 이름순, 평점순 버튼 만들고 js로 정렬 기능 구현 // 상위 부모 요소 선택 const $movieContainer = document.querySelector('#movie-container'); 먼저 querySel..

첫 프로젝트가 끝났다. 주제는 영화 검색 사이트 구현이었고 요구사항은 이렇게 되어있다. 결론부터 말하면 필수 구현사항을 전부 끝내지 못했다🥹 (형광펜으로 체크한 부분만 성공) https://github.com/julie-kim-dev/movie-search GitHub - julie-kim-dev/movie-search Contribute to julie-kim-dev/movie-search development by creating an account on GitHub. github.com 좋았던 점 api를 끌어와서 눈에 보이는 결과물로 구현한다는 경험 자체가 도움이 됐다고 생각 DOM요소 제어에 아주 약간은 익숙해짐 flex를 이용해서 어렵지 않게 자리 배치 (다음 프로젝트는 기회가 된다면 grid..