본문 바로가기

공부낙서장52

부트캠프 프론트엔드 및 백엔드 협업 과제 진행 ing (cloudinary 연결 회고) 코로나 후유증 대단해.. 하루 짧으면 4시간 길면 7시간 정도 자던 나! 하루 14시간씩 자게 만들었음.. 현재 협업 과제 진행 사항은 기능 구현 완료 금일 오후에 다같이 모여서 배포하고, 1차 통합 테스트 거칠 예정 그전에 진행 중에 에러 사항있던 부분 되짚어 보기 먼저 내가 맡은 부분은 회원가입, 메인 페이지에 이벤트가 렌더링될 달력, 마이페이지 나의 일정 관리 회원가입 부분 진행 중에 에러 사항 중 하나는 프로필 이미지 부분, 서버측과 협의하에 프로필이미지 부분을 url로 데이터를 받는 부분이었는데, 이미지 업로드하고 저장되는 부분을 cloudinary를 이용해서 저장된 이미지의 url을 받아왔다. 처음에 cloudinary를 사용할 때 ant design에 있는 upload와 같이 사용하기로 기획.. 2023. 8. 8.
부트캠프 프론트엔드 및 백엔드 협업 과제 진행 3일차 26일 데일리 스크럼 내용 1.분배해서 맡은 파트 각자 작업 진행 - 내가 맡은 부분은 회원가입 2. git pr은 dev 브랜치로 3. 이메일 및 패스워드 정규식 userEmail (string): 사용자의 ID. email 정규식: /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/ userPassword (string): 8~16자리 password 정규식: “/^(?=.\d)(?=.[!@#$%^&()-+=])(?=.[a-zA-Z]).{8,16}$/” 최소 1개 이상의 숫자, 최소 1개 이상의 특수문자, 최소 1개 이상의 대소문자 26일 진행 사항 select option 하드 코딩한 부분 배열로 변수 선언 및 map메서드를 이용해서 동적으로 생성 예시 // .. 2023. 7. 27.
부트캠프 프론트엔드 및 백엔드 협업 과제 진행 2일차 1일차는 정신없고 어색한 상태로 인사하고 대략적인 진행도 하고, 관련해서 캠프 측에서 공지에 따라 움직였고, 본격적으로 시작된 2일차, 기획의 문외한 6명이서모여서 데일리 스크럼을 통해서 도출된 이야기는 1. 대주제는 연차/당직 관리 시스템 2. 다들 처음 해보는 협업이라서 그런지 어영부영 있다가 진행이 더뎌서 당장 작업 가능한 기능 부분을 작업하기로 의견이 모임 3. [회원가입], [로그인, 로그아웃], [개인정보수정] 이렇게 파트를 나눔 4. 백엔드 3, 프론트 3이기 때문에 각 담당 파트 별로 별도의 회의를 1시간 가량 진행 내가 담당한 부분은 회원가입이었고, 앞선 프론트엔드 프로젝트에서도 회원가입 기능은 처음이기 때문에 해보고 싶어서 지원하게 됨 일단 기본적으로 폼을 나눠봄. request { ".. 2023. 7. 25.
password와 같이 보안이 필요한 경우(GET, POST) GET GET방식은 요청하는 데이터가 HTTP Request Message의 Header 부분에 URL이 담겨서 전송된다. 때문에 URL상에 ? 뒤에 데이터가 붙어 Requset를 보내게 되는 것인데, 이러한 방식은 URL이라는 파라미터에 담겨가기 때문에 전송할 수 있는 데이터의 크기가 제한적이다. 또한 보안이 필요한 데이터에 대해서는 데이터가 URL상에 그대로 노출 되므로 GET 방식은 적절하지 않다. POST POST 방식은 Request가HTTP Request Message의 Body 부분에 데이터가 담겨서 전송이 되는데, 이 때문에 바이너리 데이터를 요청하는 경우 POST방식으로 보내야 하는 것처럼 데이터 크기가 GET방식보다 크고 보안면에서 낫다. 하지만 이 또한 암호화하지 않는 이상 GET방식.. 2023. 7. 17.