yapp-github/20th-all-rounder-team-1-web

🐳 Weekand 🐳

20th-ALL-Rounder-Team-1-Web

[20th] Weekand

이수동, 장동균

우리들의 컨벤션

---

폴더구조

Frontend
├──
├── babel.config.json
├── package.json
└── /src
    ├── /api
    ├── /assets
    ├── /components
        ├── /common
        ├── /user
        ├── /admin
    ├── /hooks
        ├── /query(react-query 폴더는 아마 이곳에 위치할 듯?)
    ├── /pages
    ├── /types
    ├── /utils
    ├── App.jsx
    └── index.jsx

---

20th-all-rounder-team-1-web's Issues

[Weekand-1041] 이용 약관 동의 페이지

설명: 회원가입의 마지막 절차인 이용 약관 동의를 하는 페이지를 제작합니다.

라벨: ✨

작업자: 동균

---

현재 동작:

---

기대 동작:

---

참고 문헌:

[Weekand-1024] 팔레트 색상 변경 및 추가

설명: 팔레트에 들어가는 색상들을 수정 혹은 추가

라벨: 🎨

작업자: 동균

---

현재 동작:

---

기대 동작:

기존에 적용했던 색상에서 몇가지들이 변경되어서 이에 대한 대응 작업을 수행합니다.

---

참고 문헌:

[Weekand-1010] package-lock 파일 재생성

[Weekand-1046] 설정 페이지 : 접근성 설정

설명: 설정 페이지의 접근성 설정 컴포넌트를 제작합니다.

라벨: ✨

작업자: 수동

---

현재 동작:

---

기대 동작:

---

참고 문헌:

[Weekand-1043] 설정 페이지 : 문의하기

설명: 설정 페이지에서 문의하기 컴포넌트를 제작합니다.

라벨: ✨

작업자: 동균

---

현재 동작:

---

기대 동작:

---

참고 문헌:

[Weekand-1047] 설정 페이지 : 문의하기

설명: 새로운 기능에 대한 설명

라벨: ✨

작업자: 수동

---

현재 동작:

---

기대 동작:

---

참고 문헌:

[Weekand-1019] 디바운싱 인풋 사용을 위한 커스텀 훅 작성

설명: 디바운싱이 걸린 인풋을 반환하는 커스텀 훅을 개발합니다.

라벨: ✨

작업자: 수동

---

현재 동작:

---

기대 동작:

디바운싱이 걸린 인풋을 반환하는 커스텀 훅을 개발합니다.

---

참고 문헌:

[Weekand-1012] 절대 경로 설정 오류

절대 경로로 파일을 불러올 때,
제대로 불러오지 않는 오류가 존재합니다.

[Weekand-1021] 기존 모달이라 생각된 요소 팝업으로 수정

설명: 기존에 모달이라 생각했던 요소가 사실 팝업이라 혼동을 해결하기 위해 기존 작업된 모달 요소를 팝업으로 네이밍을 변경하는 작업입니다.

라벨: 🐛

작업자: 수동

---

현재 동작:

기존 modal로 작성된 부분을 모두 popup으로 수정할 예정입니다.

기대 동작:

추후에 추가될 modal과 확실한 구분

해당 버그를 발생시키는 방법:

---

참고 문헌:

[Weekand-1049] 스프라이트 이미지 적용

설명: 아이콘에 대한 스프라이트 이미지를 적용합니다

라벨: ✨ | 🎨

작업자: 동균

---

현재 동작:

---

기대 동작:

---

참고 문헌:

[Weekand-1032] 헤더 완성

설명: 헤더 부분 UI 완성

라벨: ✨

작업자: 수동

---

현재 동작:

---

기대 동작:

---

참고 문헌:

[Weekand-1035] JobSelection 컴포넌트 디자인에 맞게 수정

설명: 디자인에 맞게 JobSelection 컴포넌트를 수정합니다.

라벨: ♻️

작업자: 수동

---

현재 동작:

---

기대 동작:

---

참고 문헌:

[Weekand-1006] [공통 컴포넌트] 인풋 컴포넌트 만들기

전체 페이지에서 사용하게될 인풋에 대한 공통 컴포넌트를 작성합니다.

이때 반드시 validation에 대한 기능이 추가되어야 합니다. 현재 정확히 어떤 식으로 validation을 할 지에 대해 정해진 것이 없으므로 대응을 위한 className 하나를 조건 하에 추가하는 식으로 개발합니다.

[Weekand-1028] 메인 페이지

설명: �메인 페이지에 대한 UI 완성

라벨: ✨

작업자: 동균

---

현재 동작:

---

기대 동작:

---

참고 문헌:

[Weekand-1015] 도메인 연결

설명: 배포한 aws에 도메인을 연결합니다.

라벨: ✨

작업자: 동균

---

현재 동작:

도메인을 연결하지 않아 aws에서 제공하는 임의의 url로 접속해야 합니다.

---

기대 동작:

www.week-and.com의 url을 적용합니다.

---

참고 문헌:

[Weekand-1018] 필터 선택 공통 컴포넌트

설명: 필터 선택할 때 있는 하늘색의 컴포넌트를 개발합니다.

라벨: ✨

작업자: 수동

---

현재 동작:

---

기대 동작:

필터 선택시 이를 감싸는 하늘색의 공통 컴포넌트를 개발합니다.

---

참고 문헌:

[Weekand-1033] 친구 리스트 가로 스크롤

설명: 친구 리스트 가로 스크롤 완성

라벨: ✨

작업자: 수동

---

현재 동작:

---

기대 동작:

---

참고 문헌:

[Weekand-1045] 설정 페이지 : 비밀번호 변경

설명: 설정 페이지의 비밀번호 변경 컴포넌트를 제작합니다.

라벨: ✨

작업자: 동균

---

현재 동작:

---

기대 동작:

---

참고 문헌:

[Weekand-1048] 메인 페이지 : 일정 리스트

설명: 메인 페이지에서 자신 / 친구의 일정을 나열하는 일정 리스트를 제작합니다.

라벨: ✨

작업자: 수동

---

현재 동작:

---

기대 동작:

---

참고 문헌:

[Weekand-1005] [공통 컴포넌트] 버튼 컴포넌트 만들기

공통으로 사용하게 될 버튼 컴포넌트를 구성합니다.

[Weekand-1008] 딤드레이어 만들기

화면 전체에 깔리는 회색의 딤드 레이어를 개발합니다. 딤드 레이어의 색상은 아직 정해지지 않았음으로 일단 임의의 회색으로 개발합니다.

[Weekand-1016] 각 페이지를 lazy load

설명: 각 페이지들을 lazy load 합니다.

라벨: ✨

작업자: 수동

---

현재 동작:

---

기대 동작:

Home, Intro 두 페이지 정도만 템플릿으로 만들어서 lazy load하는 형태로 기본 코드 구조를 가져갑니다. (+ react-router-dom)
lazy load를 위해서는 export default 키워드 사용이 필요합니다. 때문에 pages 폴더 내부에서의 export default는 허용합니다.

---

참고 문헌:

[Weekand-1038] font 이름 변경

설명: 피그마에서 변경된 폰트 이름을 반영 합니다.

라벨: 🎨

작업자: 동균

---

현재 동작:

---

기대 동작:

---

참고 문헌:

[Weekand-1029] 비밀번호 찾기 페이지

설명: 비밀번호 찾기 페이지 UI 완성

라벨: ✨

작업자: 동균

---

현재 동작:

---

기대 동작:

---

참고 문헌:

[Weekand-1011] TypeScript 사용시 에러

TypeScript 사용에 대한 세팅을 babel에 추가해주지 않아
interface와 같은 typescript 요소를 사용할 때 에러가 발생합니다.

[Weekand-1025] 로그인 화면 레이아웃 작업

설명: 새로운 기능에 대한 설명

라벨: 🎨

작업자: 재원

---

현재 동작:

---

기대 동작:

메인화면 레이아웃 잡는 작업을 합니다.

참고 문헌:

[Weekand-1000] PR 생성시 build 테스트

PR이 머지된 이후에 build 테스트가 진행되면, build가 실패했을 시 불필요한 PR 하나가 더 올라오게 됩니다. 이를 방지하기 위해 PR의 단계에서 빌드가 성공하는지 파악합니다.

[Weekand-1031] 관심사 선택 페이지

설명: 관심사 선택 페이지에 대한 UI 완성

라벨: ✨

작업자: 수동

---

현재 동작:

---

기대 동작:

---

참고 문헌:

[Weekand-1003] 전역 css 만들기

전역적으로 쓰이게 될 css 속성들을 추가합니다.

[Weekand-1034] reset css 부분 type 에러

설명: reset css 부분 @charset 에러처럼 발생하는 요소 수정

라벨: 🐛

작업자: 수동

---

현재 동작:

---

기대 동작:

---

해당 버그를 발생시키는 방법:

---

참고 문헌:

[Weekand-1050] 카테고리 페이지 생성

설명: 카테고리를 관리하는 페이지를 제작합니다.

라벨: ✨

작업자: 수동

---

현재 동작:

---

기대 동작:

---

참고 문헌:

[Weekand-1040] 보여지는 팝업 요소 context로 전환되게 수정

설명: 보여지는 팝업 요소들을 context로 전달하여 동작하도록 수정할 예정입니다.

라벨: ♻️

작업자: 수동

---

현재 동작:

---

기대 동작:

---

참고 문헌:

[Weekand-1037] 관심사 최대 3개만 선택되도록 수정

설명: 관심사 최대 3개만 선택되도록 수정할 예정입니다.

라벨: 🐛

작업자: 수동

---

현재 동작:

---

기대 동작:

---

해당 버그를 발생시키는 방법:

---

참고 문헌:

[Weekand-1017] 모달에 들어갈 캘린더 만들기

설명: 모달에 들어가는 캘린더를 만듭니다.

라벨: ✨

작업자: 동균

---

현재 동작:

---

기대 동작:

이전 달의 정보와 이후 달의 정보는 일단 배제하고 개발합니다.

---

참고 문헌:

[Weekand-1013] 폰트 설정

설명: 폰트를 추가합니다.

라벨: ✨

작업자: 동균

---

현재 동작:

현재는 돋움체 사용중

---

기대 동작:

Pretendard체를 사용할 수 있게 바꿉니다.

---

참고 문헌:

[Weekand-1030] 회원가입 페이지

설명: 회원가입 페이지 UI 완성

라벨: ✨

작업자: 동균

---

현재 동작:

---

기대 동작:

---

참고 문헌:

[Weekand-1002] reset.css 추가

브라우저 간의 디자인 이슈를 해결하기 위해 reset.css 파일을 추가합니다.

[Weekand-1027] 폰트 스타일 추가 및 폰트 색상을 인자로 받을 수 있는 형태로 변경

설명: �추가된 폰트 스타일을 추가하고 폰트 색상을 인자로 받을 수 있게 수정합니다.

라벨: ✨

작업자: 동균

---

현재 동작:

---

기대 동작:

---

참고 문헌:

[Weekand-1004] [공통 컴포넌트] 팝업 컴포넌트 만들기

전 페이지에 걸쳐서 사용하게 될 팝업 컴포넌트를 구성합니다.
전역 상태값으로 이를 관리하며 context api를 사용합니다.

[Weekand-1023] graphQL 기본 세팅

설명: graphQL 사용을 위해 기본 세팅 설정

라벨: ✨

작업자: 수동

---

현재 동작:

---

기대 동작:

qraphQL 사용을 위한 기본 설정 작업들을 진행합니다.

---

참고 문헌:

[Weekand-1020] 아이콘 생성을 위한 공통 컴포넌트 개발

설명: 아이콘 생성을 위한 공통 컴포넌트 개발

라벨: ✨

작업자: 동균

---

현재 동작:

---

기대 동작:

아이콘 생성을 위한 공통 컴포넌트 개발

---

참고 문헌:

[Weekand-1014] Button 컴포넌트 rest props를 받는 형태로 변경

설명: rest props 적용하는 형태의 모양으로 변경

라벨: 🐛

작업자: 동균

---

현재 동작:

rest props가 적용되지 못하는 형태의 코드입니다.

---

기대 동작:

rest props가 적용될 수 있도록 코드를 수정합니다.

---

해당 버그를 발생시키는 방법:

---

참고 문헌:

[Weekand-1009] PageLayout 만들기

헤더와 푸터를 포함하는 페이지 레이아웃을 개발합니다.

const PageLayout = ({children}) => {
  return (
  	<header></header>
    	{children}
    <footer></footer>
  )
}

크게 다음과 같은 모양이 될 것으로 기대합니다.

[Weekand-1044] 설정 페이지 : 사이드바 메뉴

설명: 설정 페이지의 사이드바 메뉴 컴포넌트를 제작합니다.

라벨: ✨

작업자: 수동

---

현재 동작:

---

기대 동작:

---

참고 문헌:

[Weekand-1026] styled component 타입 수정

설명: �styled component 타입 수정

라벨: 🐛

작업자: 동균

---

현재 동작:

---

기대 동작:

---

해당 버그를 발생시키는 방법:

---

참고 문헌:

[Weekand-1007] [공통 컴포넌트] 모달 컴포넌트 만들기

아래에서 위로 올라오는 모달 컴포넌트를 작성합니다.

아래에서 위로 올라오는 애니메이션은 보통의 모달 컴포넌트들이 가지는 동작이라 임의로 예측한 것일 뿐 어떤식으로 렌더링 될지는 결정된 것이 없기 때문에 딱하고 등장하는 모양으로 일단 개발합니다.

레이어라고도 하지만 모달이 더 정확한 표현인 것 같습니다. (디자이너와 소통의 관점에서) 유의해야합니다.

[Weekand-1039] 배포 방식 변경으로 인해 불필요해진 파일들 제거

설명: 배포 방식을 변경하면서 불필요해진 파일들을 제거합니다.

라벨: ♻️

작업자: 동균

---

현재 동작:

---

기대 동작:

---

참고 문헌:

[Weekand-1001] 이슈 템플릿 작성

앞으로 우리가 수행할 작업들을 이슈화합니다. 해당 작업을 쉽게 하기 위해서 템플릿을 구성합니다.

[Weekand-1022] 전체적인 페이지 구성 (react-router-dom 사용)

설명: 전체적인 페이지 구성 (react-router-dom 사용)

라벨: ✨

작업자: 수동

---

현재 동작:

---

기대 동작:

전체적인 템플릿 페이지들을 react-router-dom을 활용하여 구성합니다.

---

참고 문헌:

[Weekand-1042] 일정 추가 플로팅 버튼

설명: 화면에서 오른쪽 아래에 고정되어 일정을 추가할 수 있도록 하는 플로팅 버튼을 제작합니다.

라벨: ✨

작업자: 동균

---

현재 동작:

---

기대 동작:

---

참고 문헌: