Giter Site home page Giter Site logo

dang-il's People

Contributors

mangang0713 avatar rosedaily avatar seoin02 avatar tead7 avatar

Stargazers

avatar avatar

Forkers

rosedaily mangang0713 seoin02 tead7

dang-il's Issues

[REFACTOR] Card컴포넌트 파일 정리 및 수정 - 삭제 이슈

😁 어떤 변경인가요?

  • #13
  • 위 이슈 후속 작업
    카드 컴포넌트 파일 정리 및 수정

✨ 리팩토링하는 이유를 간결하게 설명해주세요

Card컴포넌트 파일 내 코드 정리 및 수정 진행

📝작업 상세 내용

  • TODO props 구조분해 할당 진행
  • TODO 코드 정리 및 코드 수정

📄참고할 만한 자료(선택)

[FEAT] 공고 상세 모달창 연결

😁어떤 기능인가요?

공고 상세 - 사용자 화면에서의 모달창 연결

📝작업 상세 내용

  • 로그인 상태 : 프로필 미존재시 프로필 미존재 모달 오픈
  • 로그인 상태 : 프로필 존재시 버튼 상태 변경 및 신청 상태로 버튼 상태 변경
    • 로그아웃 상태에서의 조건이 따로 없음. 이것으로 대응할지 고민 필요
  • 신청 상태 : 신청을 취소하시겠어요? 확인, 취소 모달
  • 모달창 연결 후 api 연결 필요

📄참고할 만한 자료(선택)

[FEAT] 반응형 네비, 모달, 풋터 추가

😁어떤 기능인가요?

네비게이터와 모달, 풋터에 반응형 스타일을 추가하였습니다. / 테일 윈드 반응형을 추가로 수정했습니다.

📝작업 상세 내용

  • 네비게이터 반응형
  • 모달 반응형
  • 풋터 반응형
  • 테일 윈드 설정 수정

📄참고할 만한 자료(선택)

[FEAT] NoticeList 페이지 UI 구현

😁어떤 기능인가요?

  • NoticeList 페이지 UI 구현

📝작업 상세 내용

  • NoticeList 페이지 레이아웃 구현
  • Card 컴포넌트 배치
  • Dropdown 연결
스크린샷 2024-04-20 오전 10 18 17 스크린샷 2024-04-20 오전 10 22 09 스크린샷 2024-04-20 오전 10 31 00

📄참고할 만한 자료(선택)

[REFACTOR] Card컴포넌트 파일 정리 및 수정

😁 어떤 변경인가요?

  • #13
  • 위 이슈 후속 작업
    카드 컴포넌트 파일 정리 및 수정

✨ 리팩토링하는 이유를 간결하게 설명해주세요

Card컴포넌트 파일 내 코드 정리 및 수정 진행

📝작업 상세 내용

  • TODO props 구조분해 할당 진행
  • TODO 코드 정리 및 코드 수정

📄참고할 만한 자료(선택)

[FEAT] NoticeList 페이지 / 상세 필터 데이터 연결

😁어떤 기능인가요?

  • 데이터를 위치, 시작일, 금액일로 filter한다.

📝작업 상세 내용

  • 데이터를 위치로 filter 한다.
  • 데이터를 시작일로 filter 한다.
  • 데이터를 금액으로 filter 한다.

📄참고할 만한 자료(선택)

[BUG] 신규 가입 회원의 경우 프로필 등록 후 신청이 안되는 현상

😱어떤 버그인가요?

신규 가입 회원의 경우 프로필 등록 후 신청이 안되는 현상

🤔어떤 상황에서 발생한 버그인가요?

신규 가입 회원이 신청 시 프로필 미등록으로 등록 필요 팝업 > 등록 후 재신청시 동일 현상 발생

⭐예상 결과

�프로필 등록 여부를 판단하는 유저 이름의 값을
신청리스트에서 유저를 찾아 가져오다보니 신규 유저는 기록이 없어 불러올 수 없음
프로필 조회를 통해 유저명을 가져오는 것으로 수정

📄참고할 만한 자료(선택)

[FEAT] 로그인 페이지 구현

😁어떤 기능인가요?

로그인 기능이 담겨있는 페이지입니다.

📝작업 상세 내용

  • 로그인 UI구현
  • 로그인 관련 로직 구현
  • 훅 생성

📄참고할 만한 자료(선택)

[FEAT] 회원가입 페이지 구현

😁어떤 기능인가요?

회원가입 기능이 존재하는 페이지입니다.

📝작업 상세 내용

  • 회원가입 페이지 UI
  • 회원가입 관련 로직
  • 훅 완성

📄참고할 만한 자료(선택)

[FEAT] Card 컴포넌트 생성

😁어떤 기능인가요?

카드 컴포넌트입니다 :)

추가하려는 기능에 대해 간결하게 설명해주세요
받는 props card는 아래와 같습니다. 컴포넌트 작성 시 마우스 오버 하면 보여집니다 :)

image 
  name: string; //가게명
  imageUrl: string; //가게 대표 이미지
  address1: string; //주소
  startsAt: string; //시작 일시
  workhour: number; //업무 시간
  hourlyPay: number; //공고 시급
  originalHourlyPay: number; //가게 기존 시급
  closed: boolean; //공고 오픈여부

📝작업 상세 내용

  • TODO : 모든 UI와 데이터가 정상적으로 보여지는가?
  • TODO : 닫힌 공고의 경우 모두 흑백으로 보여지는가?
  • TODO : 기존 시급 대비 퍼센트를 계산하고 있는가?

📄참고할 만한 자료(선택)

image 피그마 이미지 참고

[FEAT] 공고 상세 api 연결 - 이슈 재등록을 위한 삭제

😁어떤 기능인가요?

공고 상세에서 필요한 데이터들 목업데이터에서 api 연결을 통해 실제 데이터로 변경 예정입니다.

📝작업 상세 내용

  • 가게 상세 조회
  • 유저 조회
  • 공고 지원자 리스트 조회

📄참고할 만한 자료(선택)

[FEAT] editMyShop 페이지 구현

😁어떤 기능인가요?

내 가게의 정보를 수정하는 페이지 입니다.

📝작업 상세 내용

  • registMyShop과의 차이점을 잘 구현했나요?
  • GET API로 받아와 PUT API로 전송했나요?

📄참고할 만한 자료(선택)

[FEAT] 공고 상세페이지 모달창 연결

😁어떤 기능인가요?

공고 상세페이지 모달창 연결

📝작업 상세 내용

  • 로그인 상태 : 프로필 미존재시 프로필 미존재 모달 오픈
  • 로그인 상태 : 프로필 존재시 버튼 상태 변경 및 신청 상태로 버튼 상태 변경
  • 신청 상태 : 신청을 취소하시겠어요? 확인, 취소 모달
  • 모달창 연결 후 api 연결 필요

📄참고할 만한 자료(선택)

[FEAT] myShopInfo 페이지 생성

😁어떤 기능인가요?

  • myShopInfo 페이지를 제작합니다.
  • 버튼을 누를 시 registMyShop으로 이동됩니다.
  • header, footer은 제외된 상태로 제작됩니다.

추가하려는 기능에 대해 간결하게 설명해주세요

  • Button 컴포넌트가 반응형 디자인을 적용할 때 문제가 생기는 걸 파악하여 같이 수정하며 작업할 예정입니다.

📝작업 상세 내용

  • 기본 틀 제작
  • 반응형 디자인 적용
  • 폴더 구조에 맞게 이동
  • 내 가게 정보가 없을 때 상태 구현
  • 내 가게 정보는 있지만, 공고가 없을 때 상태 구현
  • 내 가게 정보가 있고, 공고도 있을 때 상태 구현
  • 내 가게 정보가 있고, 공고도 있을 때 무한 스크롤 구현
  • GET API를 통해서 내 가게 정보, 공고를 받아오기

📄참고할 만한 자료(선택)

[BUG] 공고 상세보기내 최근 공고 불러오는 이슈

😱어떤 버그인가요?

공고 상세보기 최근 공고 불러오는 이슈

🤔어떤 상황에서 발생한 버그인가요?

(가능하면) Given-When-Then(준비-실행-검증) 형식으로 서술해주세요

  • 최근 공고내의 공고 선택 시 하단 최근공고 리스트업이 새로 고쳐지지 않는 현상
  • 새로고침 시 데이터를 불러오지 못하는 현상
  • 신청, 신청 취소 시 API연결이 되지 않는 현상
  • 유저 상태에 따른 버튼 로직 변경

[FEAT] 인풋 관련 새로운 기능 추가 및 수정

😁어떤 기능인가요?

인풋 관련 파라미터의 추가 및 수정 관련 이슈입니다. (훅도 포함)

📝작업 상세 내용

  • 인풋 관련 파라미터 추가
  • 인풋 훅 수정

📄참고할 만한 자료(선택)

[FEAT] 드롭다운 추가

😁어떤 기능인가요?

다양한 옵션을 선택할 수 있게 해주는 드롭다운 기능을 수행합니다!

📝작업 상세 내용

  • 드롭다운 컴포넌트 추가

📄참고할 만한 자료(선택)

[BUG] 테이블 페이지네이션 연결 시 count 데이터 로딩 지연

😱어떤 버그인가요?

  • 테이블 페이지네이션 연결 시 count 데이터 로딩 지연

🤔어떤 상황에서 발생한 버그인가요?

  • 테이블 페이지네이션 연결 시 count 데이터를 불러와야 하는데, 이 데이터를 불러오는 게 엄청 느리다.

⭐예상 결과

  • count 데이터를 빠르게 불러와서 테이블이 잘 렌더링 돼야한다.

📄참고할 만한 자료(선택)

const Table = ({ isEmployee, shopId, noticeId, user }: TableProps) => {
  const [currentPage, setCurrentPage] = useState(1);
  const listOffset = (currentPage - 1) * ITEM_PER_PAGE;
  const { data, loading, error, execute } = useFetch(() => {
    return applicationAPI.getApplicationListData({
      shop_id: shopId as string,
      notice_id: noticeId as string,
      offset: listOffset,
      limit: ITEM_PER_PAGE,
    });
  });

  return (
    <>
      {data && data.count && (
        <table className="inline-flex flex-col items-start rounded-2xl border-gray-20 border border-solid w-full">
          <TableHead isEmployee={isEmployee} user={user} />
          <TableBody
            isEmployee={isEmployee}
            shopId={shopId}
            noticeId={noticeId}
            user={user}
          />
          <Pagination
            totalPage={data.count}
            limit={data.count / ITEM_PER_PAGE}
            currentPage={currentPage}
            setCurrentPage={setCurrentPage}
          />
        </table>
      )}
    </>
  );
};

[FEAT] 사용자의 공고상세내의 가게정보 버튼 동작 구현

😁어떤 기능인가요?

사용자의 공고상세내의 가게정보 버튼 동작 구현

📝작업 상세 내용

  • 버튼 조건 구분
  • 신청하기 선택 이벤트
  • 신청하기 선택 시 이름이 없는 경우 프로필을 등록해 주세요 이벤트
  • 신청 상태인 경우 취소하기 버튼 클릭 시 신청취소 이벤트
  • 위 아래 nav, footer 컴포넌트 추가

📄참고할 만한 자료(선택)

[FEAT] 텍스트 에리어 및 오타 수정

😁어떤 기능인가요?

텍스트 에리어 컴포넌트(훅 포함)를 추가했습니다.

📝작업 상세 내용

  • 텍스트 에리어 컴포넌트 추가
  • 텍스트 에리어 훅 추가
  • 오타 수정
  • 헬퍼 추가

📄참고할 만한 자료(선택)

[BUG] 페이지네이션 사이드 화살표 클릭 이슈

😱어떤 버그인가요?

  • 페이지네이션 사이드 화살표를 클릭하면 바로 다음 페이지로 넘어가야하는데, 동작하지 않는다.

🤔어떤 상황에서 발생한 버그인가요?

  • 페이지네이션에 limit, total prop을 주고, 사이드 화살표를 클릭 했는데 다음 배열의 가장 끝 인덱스가 선택된다.

⭐예상 결과

  • 사이드 화살표 클릭 시 다음 배열의 가장 처음 인덱스가 선택돼야 한다.

📄참고할 만한 자료(선택)

[BUG] 테이블 컴포넌트 버튼 상태 동기화 이슈

😱어떤 버그인가요?

  • 테이블 컴포넌트 버튼 클릭 시 모든 버튼이 같은 상태로 바뀐다.

🤔어떤 상황에서 발생한 버그인가요?

  • map을 돌려서 버튼이 같은 상태를 공유한다.

⭐예상 결과

  • 각 버튼을 누르면 거절, 승인 완료 등의 상태를 각각 업데이트한다.

📄참고할 만한 자료(선택)

Apr-25-2024 16-27-58

[REFACTOR] 반응형 도안 커스텀

😁어떤 변경인가요?

좀 더 대중적인 커스텀으로 바꾸었습니다.

📝작업 상세 내용

  • 테일윈드 설정 수정

📄참고할 만한 자료(선택)

[FEAT] 공고 상세 - 사장님 페이지 수정

😁어떤 기능인가요?

공고 상세에서 사장님 페이지의 가게 정보 및 신청자 목록 관련 수정

📝작업 상세 내용

1-1. 가게 정보

  • 공고 편집하기 선택 - 공고 등록 페이지로 이동

1-2. 신청자 목록

  • 테이블 컴포넌트 연결

📄참고할 만한 자료(선택)

[FEAT] 인풋 훅 추가

😁어떤 기능인가요?

인풋 내부의 정보를 밖으로 뺄 수 있는 훅 입니다.

📝작업 상세 내용

  • 인풋 훅 제작

📄참고할 만한 자료(선택)

[FEAT] 공고 상세 지난공고 표시, 카드컴포넌트 링크

😁어떤 기능인가요?

공고 상세의 날짜가 지난 경우 지난 공고로 표시
카드컴포넌트 안에서 링크 처리 하도록 수정
공고상세- 가게 상세 컴포넌트 네이밍 수정

📝작업 상세 내용

  • 공고 상세의 날짜가 지난 경우 지난 공고로 표시
  • closed된 공고는 마감 완료로 텍스트 수정
  • 카드컴포넌트 안에서 링크 처리 하도록 수정
  • 공고상세- 가게 상세 컴포넌트 네이밍 수정

📄참고할 만한 자료(선택)

[BUG] 공고 신청 및 취소 버튼 오동작

😱어떤 버그인가요?

공고 신청 버튼이 제대로 동작되지 않는 현상

🤔어떤 상황에서 발생한 버그인가요?

(가능하면) Given-When-Then(준비-실행-검증) 형식으로 서술해주세요

  • 신청 후 취소 확인 모달에서 확인 시 취소가 되지 않음
  • 신청 상태에서 최근 본 공고 목록 선택 시 버튼값 반영되지 않아 전부 취소로 보여짐

⭐예상 결과

  • 취소 완료 시 취소가 정상적으로 되야 함
  • 신청 상태에서 최근 본 공고 목록 선택 시 버튼은 해당 공고에 따른 신청여부가 반영되어야 함

📄참고할 만한 자료(선택)

[FEAT] registMyShop 페이지 구현

😁어떤 기능인가요?

사장님이 내 가게 정보를 입력하는 데에 필요한 페이지입니다.

📝작업 상세 내용

  • 이미지 삽입 컴포넌트 구현
  • 가게 설명 Input 구현
  • DropDown, Input 활용하여 구현
  • Form을 받아와 POST API에 연결
  • 기능 분할

📄참고할 만한 자료(선택)

[REFACTOR] 타입 관련 인터페이스 추가 및 수정

😁어떤 변경인가요?

타입 오류가 나거나 any로 지정되는 변수들의 타입을 수정했습니다.

📝작업 상세 내용

  • api 인터페이스 수정
  • 네비게이터에 있는 any 수정
  • jwt 타입 수정

📄참고할 만한 자료(선택)

[FEAT] NoticeList 페이지 상세 필터 UI / 기능 구현

😁어떤 기능인가요?

  • NoticeList 페이지 상세 필터 UI를 구현한다.

📝작업 상세 내용

  • NoticeList 페이지 상세 필터 UI 구현
  • NoticeList 페이지 상세 필터 기능 구현

📄참고할 만한 자료(선택)

스크린샷 2024-04-20 오전 10 31 08

[FIX] 사용자, 사장님 여부에 따른 공고 상세 페이지 UI작업

😁어떤 기능인가요?

사용자 및 로그인 여부에 따른 공고 상세 페이지 UI작업

📌 📌📌📌📌이전 PR 반영하면서 Card컴포넌트의 위치가 변경되었습니다. 📌📌📌📌📌

  1. 로그인 전 공고 상세 페이지 UI
  2. 로그인 후 사장님의 공고 상세 페이지 UI
  3. 로그인 후 사용자의 공고 상세 페이지 UI

📝작업 상세 내용

  • 이전 PR 반영
  • 사장님의 공고 상세 페이지 UI
  • 사용자의 공고 상세 페이지 UI

📄참고할 만한 자료(선택)

image
  • 사용자
image
  • 사장님

[FEAT] NoticeList 페이지 / 사용자 주소 맞춤 공고 설정

😁어떤 기능인가요?

  • NoticeList 페이지 / 사용자 주소 맞춤 공고 설정

📝작업 상세 내용

  • 일반 회원 로그인 시 사용자 주소 맞춤 공고가 나오게 한다.
  • 사장님 로그인 시 전체 공고 중 3개를 보여준다.
  • 미로그인 시 전체 공고 중 3개를 보여준다.

📄참고할 만한 자료(선택)

[FEAT] 모달 알림창 컴포넌트 추가

😁어떤 기능인가요?

알림 모달 관련 기능을 수행합니다.

📝작업 상세 내용

  • 경고 알림창 추가
  • 체크 알림창 추가
  • 공지 알림창 추가

📄참고할 만한 자료(선택)

[FEAT] 공고 상세 & 프로필 페이지 / 테이블 데이터 연결

😁어떤 기능인가요?

공고 상세 페이지와 마이 프로필 페이지의 테이블 데이터를 연결한다.

📝작업 상세 내용

  • 알바 신청 내역 테이블 데이터 연결
  • 공고 신청자 목록 테이블 데이터 연결

📄참고할 만한 자료(선택)

[FEAT] 공고 상세 api 연결

😁어떤 기능인가요?

공고 상세에서 필요한 데이터들 목업데이터에서 api 연결을 통해 실제 데이터로 변경 예정입니다.

📝작업 상세 내용

  • 가게 상세 조회
  • 공고 상세 조회 및 로컬 스토리지에 저장
  • 공고 지원자 리스트 조회

📄참고할 만한 자료(선택)

[FEAT] 풋터 제작

😁어떤 기능인가요?

풋터 기능을 하는 공용UI입니다.

📝작업 상세 내용

  • 풋터 제작

📄참고할 만한 자료(선택)

[FEAT] noticeRegist 페이지 구현

😁어떤 기능인가요?

공고를 작성하는 페이지입니다.

📝작업 상세 내용

  • 기본적인 틀을 생성합니다.
  • POST API를 연결하여 API를 전송합니다.

📄참고할 만한 자료(선택)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.