개발일지

오늘은 아침에 일어나 하루 종일 Refresh Token에 매달렸다ㅎㅎㅎㅎ 아침에 일어나서 어제 봤던 JWT와 Token 자료들을 훑어보고 점심 지나 시작하려했지만 진짜 어떻게 시작을 해야할지 몰라서 리더님께 도움좀 청하고 큰 틀과 'setTimeout은 일단 두고 토큰 두개가 받아오는지부터 확인하시죠' , 코드는 블로그에서 이 부분을 사용하시면 금방 하실걸요? 와 함께 시작했는데 또 조언 몇번 받으니까 매끄럽게 풀리는 느낌이었다. 서버오류 500과 함께 백엔드에 서버문의를 드리고 요청과 응답 부분을 합의하면서 나도 오류 몇개 고쳐보고 진행하니 오래 걸리지않고 토큰을 받아오게 되었다! 그리고 타이머를 걸어 토큰만료 1분 전에 새로운 토큰을 받아오게 세팅했다. 아 그전에 아침부터 읽었던 JWT와 토큰, 그..

아직 와이어프레임이 안나와서 기능 구현에 힘을 실었다. 처음이다 보니 많이 더욱 더 얼탈줄 알았는데 옆에 멘토같은 리더님이랑 코드를 그래도 조금 써봤다고 전에 CRUD할 때 보다는 많이 성장했다고 느꼈다.. 그래도 한참 멀었지만?! 먼저 유효성 검사 코드는 이렇다. // 유효성검사 if (id === "" || pw === "" || nick === "") { alert("아이디, 닉네임, 비밀번호를 모두 입력해주세요."); return; } // 이메일 검사: '@', '.' 이 둘다 포함될것. const isValidEmail = /^[0-9a-zA-Z]([-_.]?[0-9a-zA-Z])*@[0-9a-zA-Z]([-_.]?[0-9a-zA-Z])*.[a-zA-Z]{2,3}$/i; if (!isValid..

6월 27일 해야 하는 것 CI/CD 연결 확인 기술 스택 선정 코드 규칙 정하기 커밋 규칙 정하기 ** 기술 스택 선정 ** - Redux Toolkit → 이걸 쓴다 O / 전역 상태 관리 - 전역적으로 사용할 전역 데이터도 사용 - 미들웨어를 통해서 axios 에서 가져온 데이터를 툴킷에 넣어서 사용 - React Query → 리덕스를 기준으로 작성을 하고 시간 남을 때 쿼리로 재작성 (자기파트) - Styled-Components / tailwind → 같이 * 코드 규칙 - camelCase → 첫글자는 소문자 단어마다 대문자 * 코드포매터 prettier * 태그 id는 camelCase, 클래스명 (_) * 커밋 규칙 https://jason-api.tistory.com/89 https:/..

먼저 우리는 프로젝트 주제를 드라이브 방식의 데이터 관리로 정했다. 구글드라이브와 핀터레스트를 처음에 레퍼런스로 잡고 진행을 하다가 서로 장점을 겹치다 보니 방향성을 잃어버리는게 있어서 기획회의에 조금 더 구체적으로 정해야함을 느껴 수정 중이다. 먼저 작성해둔 스펙은 첫 회의 때 작성해두고 두 번째에 바뀐 것들이 있는데 첫번째로 피드백을 받게 되어 아쉽지만 큰틀은 거의 같고 기술 피드백에서 소중한 부분이 많아 중요한 것들을 체크해보겠다. 토큰 방식을 access token, refresh token 두개를 기간 차이를 두고 사용하기로 했고. 파일 관리하며 드는 서버 비용을 알아봐서 이미지는 s3 storage 프리티어로 정했고 CI/CD 구축완료 목표 피드백으로는 기획을 더 탄탄하게 잡기 API 설계는 ..

아침에 굿모닝 프론트 회의를 진행했다ㅎㅎ 컴포넌트와 폴더 이름명을 정하고 오후 전체회의에서 얘기해 볼 백엔드와 JWT 로그인시 Refresh 토큰까지 적용할 것인지. 디자이너님과는 기존 mvp에 있던 온보드 페이지를 뒤로 미루고 띄운다면 팝업이나 어느 페이지에서 띄울지 그리고 모달창 디자인 정도가 있고 다같이 만나서는 게시글 부분에서 타입 설정하고 우선순위를 어떤것부터 만들어둘지, 쓰기, 편집시 어떤 형태로 할지, 전체적인 상세기획 추가로 하고 폴더를 메인 관리페이지에서 공개,비공개 설정을 명확히 하나로 정해야한다. 그렇게 회의를 마친 결과는 이렇다. 1. 온보딩 페이지 ( 앱 소개 페이지 ) → 나중에 좀 진행이 됬을때 1. 웹서비스 소개 영역 2. 처음에 소개처럼 나올수도 있고 3. 온보딩이 메인에서..

6월 24일을 시작으로 실전 프로젝트 조가 배정되었다. 우리는 프론트 3명, 백엔드 3명 , 디자이너 1명이다 다들 가볍게 자기소개 한 뒤 바로 기획회의를 시작해서 저녁에도 디자이너님과 저녁회의를 한 번도 안쉬고 3시간 30분에 걸친 대장정을 끝냈다ㅎㅎㅎㅎ 그 첫번째 모두가 진 빠진 대장정의 결과는 이렇다!! 전체 기획 # 링크,글 자료 기반 카탈로그 작성 및 공유하는 소셜 네트워킹 서비스 # 정보 아카이브 서비스 1. 온보딩 페이지 ( 앱 소개 페이지 ) a. 웹서비스 소개 영역 2. 로그인/회원가입 페이지 1. JWT 토큰 발급을 통한 로그인 2. 일반 로그인 3. 소셜 로그인 3. 메인 페이지 1. 드래그 앤 드롭으로 내 계정 폴더에 복사/붙여넣기 2. 게시물 공개/비공개 설정 3. 게시물 작성하기..