본문 바로가기

전체 글116

[잡담] 어쩌다 보니 한 달 일해보기 때는 또 10월의 면접을 보고 탈락의 고배를 마셨던 날,스레드에 글을 올렸는데 우연찮게 한 분이랑 1시간 넘게 디스코드에서 커피챗을 하면서 그럼 한 달 일해보는건 어떻겠냐는 제의를 받았다. (재택으로)FE개발자는 없고, BE개발자도 없다고 했다. 데이터 엔지니어 한 분 계시고.DB는 있었고, 루커를 통해 데이터 시각화를 해서 고객사들의 데이터를 구현이 되어있었다.하지만 원하시는건 루커를 통해서가 아니라 자사의 대시보드를 구현하고 싶어했다.처음에는 api도 다있겠거니 하고 vite로 리액트 환경을 세팅하고 보니 데이터를 호출할 수가 없었다.그냥 있는건 GCP와 연동된 DB뿐이었다.아, 이거는 리액트로는 안되겠다는 생각이 들었고, next.js를 사용하기로 했다.route handler를 사용할까 하였으나,.. 2024. 11. 15.
24.10.16 면접 전 문제풀이 복기 const a = "Hello"; function outer() { let a = "bye"; console.log(a); function inner() { console.log(a); } inner(); } outer(); // bye bye console.log(a); // Hellolet someValue = 'hello'; function outerFunc() { console.log(this.someValue); this.innerFunc(); } const obj = { someValue : 'world', outerFunc, innerFunc : function() { console.log("innerFunc's this : ", this); } } obj.outerFunc(); // wor.. 2024. 10. 16.
[emotional] API 명세서 /users/registerhttp method: postreq.body { "email" : "string", "password": "string", "confirmPassword": "string", "verificationCode": "string"}status: 200res.body { {"message":"인증코드가 발송되었습니다."}}status: 400 // 존재하는 이메일일 때res.body { { message: "이미 등록된 이메일입니다." }} /users/loginhttp method: postreq.body { "email": "string", "password": "string"}status: 200res.body { { message: "로그인 성공" }}.. 2024. 10. 7.
[emotional] 프로젝트 아키텍처 & ERD 2024. 10. 6.
[emotional] 왜 내 DB table은 계속 수정되는가. 당연히 초기 기획이나 설계가 미흡해서.욕심만 그득하다보니 하나씩 추가하다보니 기존있던 DB table구조에 추가되고, 수정되고, 새로운 table이 생기고...현재는 회원탈퇴 API까지 구현은 해놨고 포스트맨으로 테스트 시에 잘 동작하는거 까지 확인했다.일단 기획상으로는 CRUD도 가능하게 하려고 준비 중인데 현재는회원가입, 로그인을 사용할 수 있고 회원가입 시에 이메일 인증 코드 발송 > 이메일 인증확인 > form값 입력 후 > 회원가입 완료의 순서를 따르고 있으며 회원가입 후에 즉시 로그인이 가능하다. 2024. 10. 4.
[emotional] 현재 받은 피드백 정리 1. 회원가입 시 ID input에 email형식인지 아닌지 경고를 보기 전까지 확인하기 어려움2. 인증번호 발송 받은 후 입력한 뒤 따로 인증번호 체크를 할 수 없음. 회원가입 버튼을 눌러야지 확인 가능함. 따로 인증번호 확인 버튼이 있으면 좋겠음.3. 회원가입 하고 난 뒤에 바로 로그인을 했으면 좋겠음.4. ID input width사이즈 문제 (이메일이 길면 잘려서 보임.)유저 편의성 문제 피드백 위주로 받음. 2024. 10. 3.
[emotional] 회원가입 폼 기능 추가 기존 회원가입 폼은 단순하게 이메일 비밀번호만 입력하면 간단하게 회원가입이 되었다.불필요하게 가입되는 것을 막고자 현재는 이메일 인증을 통해서 가입을 가능하게 하였다.이메일을 입력하고 인증 버튼을 누르면 입력한 이메일로 인증 코드가 발송된다.발송된 인증 코드의 만료시간은 5분으로 설정하였고,회원가입 시에 필요한 req body 값은{ "email": "내가 쓸 이메일", "verificationCode": "이메일로 발송된 인증 코드 6자리", "password": "내가 사용할 비밀번호", "confirmPassword": "비밀번호 재확인"}이렇게 총 4개의 입력값을 받아야한다.추가적으로 비밀번호 재설정 기능도 추가할 셈. 2024. 10. 3.
[emotional] MVP단계 완성? 이모셔널 - 추천 플레이리스트로 하루를 채우세요.이모셔널에서 감정에 따른 음악 플레이리스트를 추천받으세요. 오늘 하루는 어땠나요?www.emotional.today  일단, 현재 회원가입은 아주 간단하게 이메일 형식과 패스워드 형식을 지키면 가입이 되도록 되어있다.(추후에 회원가입 시 비밀번호 재확인 추가 예정 및 이메일 인증 코드 발송 및 인증 추가 예정, 기타정보 입력 추가 예정, OAtuh 추가 예정)현재 이모셔널 루트 경로로 접근할 시에 로그인 상태를 체크인지 확인하고 유저 데이터가 없다면 /auth 경로로 리다이렉트 시킨다.(유저 데이터의 경우 로그인 했을 때 쿠키로 관리하고 있고, 이 쿠키를 체크하는 API를 구현하여 로그인 상태를 체크한다.)/auth 경로로 접근했을 경우 기본적으로 #sig.. 2024. 9. 29.