-
Notifications
You must be signed in to change notification settings - Fork 4
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
전남대_12조_픽업셔틀_5주차 #40
전남대_12조_픽업셔틀_5주차 #40
Conversation
[4주차] : 개발 사항 Merge(develop → master)
- 로그인 페이지 상단에 사용하는 Nav 구현 - 화살표 & 홈 아이콘 클릭시 홈 페이지로 이동
- 중앙 매칭완료 문구 추가 필요 - 매칭 여부에 따라 배경색, 마감기한 색상, 화살표 색상, 마우스 커서 모양 동적으로 변경
- 버튼 컴포넌트 추가 - Link로 navigate 지정
…Team12_FE into feature/post-write-page
- src/arpis/index.js : axios 인스턴스 활용 코드 및 request & response interceptor 추가 - request 시에는 토큰을 헤더에 담아 백엔드로 요청 - response 시에 에러가 존재할 경우 특정 번대 에러에 대해 에러 처리하도록 함 - ErrorPage.jsx : 404 등의 에러에 대해 해당 페이지를 띄우는데 사용
- OrderDeadLine - OrderInfo - OrderRequest
[feat] : LoginNav 컴포넌트 구현
[feat] : Card 컴포넌트 기능 보완
[fix]: 버튼 컴포넌트로 변경
[feat] : 메인페이지 구현
[feat] : 로그인 로직 추가 & 에러 페이지 추가
[feat]: 공고 작성 페이지 navigate 기능 구현
[feat] : 공고 현황 페이지 레이아웃 & 공고글 렌더링 구현
[feat] : 공고 상세 페이지 디자인 구현
[feat]: 공고작성 페이지 일부 구현
- App.js 에서 사용되는 페이지 및 일부 컴포넌트 내 페이지 라우팅 경로 수정 ㄴ공고글과 관련된 페이지는 Post... 네이밍으로 통일 - 로그인을 위해 임시로 MyPage를 두어 로그아웃 상태에 MyPage 접속시 로그인 페이지로 유도 - KakaoOuathPage에서 로그인 진행중에 로더화면을 확인할 수 있게 2초의 Delay 지정(차후 삭제 예정) - 공고페이지 & 마이페이지에서 사용되는 전용 Nav는 OtherNav 컴포넌트로 통합 - PostWriteIntroPage & PostDetailPage 상단에 OtherNav 컴포넌트 적용
[5주차] : 5주차 개발 코드 Merge 및 일부 리팩토링
[5주차] : 개발 사항 Merge(weekly-5 → develop)
[5주차] : 개발 사항 Merge(develop → master)
import Swal from 'sweetalert2'; | ||
import { useNavigate } from 'react-router-dom'; | ||
|
||
const navigate = useNavigate(); |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
저번 PR에도 남긴거 같은데 동작하나요? 제가 알기론 동작하지 않는걸로 알아서요.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
이 부분은 제가 저번에 코드를 좀 잘 못 작성했던 것 같아서 이번에 다시 한 번 추가해보았는데, 추후 모킹이나 백엔드 API 개발이 완료되서 통신을 해보고 작동이 안되면 기존에 사용했었던 window.location.href
로 변경할 것 같습니다!...
import Input from '../atoms/Input'; | ||
import PlusMinusBtn from '../molecules/PlusMinusBtn'; | ||
|
||
const shortid = require('shortid'); |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
esm과 comonjs 방식을 혼용하지 마세요.
const shortid = require('shortid'); | ||
|
||
const OrderInfo = () => { | ||
const [drinkInput, setDrinkInput] = useState([]); |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
react-hook-form을 사용해서 폼 컨트롤 하는건 어떨까요?
const navigate = useNavigate(); | ||
|
||
const goWritePost = () => { | ||
navigate('/post-write-intro'); |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
pathname 같은건 상수화 시키는게 좋습니다.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
이번주도 고생하셨습니다.
코드 스타일은 딱히 이슈가 되는 부분은 없었습니다.
PR 타입(하나 이상의 PR 타입을 선택해주세요)
전달 사항
안녕하십니까 멘토님! 이번 5주차 개발 진행 사항을 모아 PR 드립니다!
이번주차 멘토링 사전질문 & 개발 내용과 관련된 질문은 멘토링 전까지 하단 링크에 별도로 정리해놓도록 하겠습니다😊
https://www.notion.so/FE-6-cea6d5ba686a490abef3367457208d2d
작업 사항
LoginNav
컴포넌트 구현(→OtherNav
컴포넌트로 통일)PostWritePage
내부에서 이전 다음 버튼을 통해 내부 컴포넌트 내용을 달리 보여주도록 구현Input
컴포넌트 추가 및 제거 기능OtherNav
컴포넌트 레이아웃 상단에 적용FilterForm
컴포넌트 구현Cards
컴포넌트 구현그 외 +@...
#23 #25 #26 #28
#31 #32 #33 #35 #36 #37
App.js
에서 사용되는 페이지 및 일부 컴포넌트 내 페이지 라우팅 경로 수정MyPage
를 두어 로그아웃 상태에MyPage
접속시 로그인 페이지로 유도KakaoOuathPage
에서 로그인 진행중에 로더화면을 확인할 수 있게 2초의 Delay 지정(차후 삭제 예정)Nav
는OtherNav
컴포넌트로 통합PostWriteIntroPage & PostDetailPage
상단에OtherNav
컴포넌트 적용