Skip to content
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

Feat/42 header component #45

Merged
merged 14 commits into from
Oct 31, 2023
Merged

Feat/42 header component #45

merged 14 commits into from
Oct 31, 2023

Conversation

jisung24
Copy link
Contributor

@jisung24 jisung24 commented Oct 29, 2023

내용 설명

Header 컴포넌트를 구현했습니다.

구현 내용

구현 방식

1. props내용

  • headerType: BackPush | Logo | Close | CloseWithTitle 이렇게 4가지 방식의 headerType을 설정할 수 있습니다
  • pageTitle을 주어 각 페이지의 위치를 알 수 있게 했습니다. pageTitle은 Logo, CloseWithTitle에서만 사용할 수 있습니다.
  • rightElement는 오른쪽에 로고명을 넣을 수 있도록, 로고 컴포넌트를 합쳐 수정할 생각입니다.
  • 스크린샷?

    image

    장애물?

    PR 포인트

    • Header컴포넌트 check

    참고 사항

    • 로고 컴포넌트를 합쳐 로고로 바꿔끼울 예정입니다!~~

    궁금한 점

    close #42

    @jisung24 jisung24 self-assigned this Oct 29, 2023
    @jisung24 jisung24 added the feat add function label Oct 29, 2023
    @github-actions
    Copy link

    src/components/common/header/Header.tsx Outdated Show resolved Hide resolved
    src/components/common/header/Header.tsx Outdated Show resolved Hide resolved
    src/components/common/header/Header.tsx Outdated Show resolved Hide resolved
    src/components/common/header/Header.tsx Outdated Show resolved Hide resolved
    @jisung24 jisung24 force-pushed the feat/42-Header-component branch from d998ee9 to a931b22 Compare October 30, 2023 08:16
    @github-actions
    Copy link

    src/components/common/header/Header.tsx Outdated Show resolved Hide resolved
    src/components/common/header/Header.tsx Outdated Show resolved Hide resolved
    @github-actions
    Copy link

    @github-actions
    Copy link

    @github-actions
    Copy link

    Copy link
    Contributor

    @eugene028 eugene028 left a comment

    Choose a reason for hiding this comment

    The reason will be displayed to describe this comment to others. Learn more.

    왕왕 수고하셨습니다. !

    @eugene028 eugene028 merged commit 171da2d into dev Oct 31, 2023
    1 check passed
    @eugene028 eugene028 deleted the feat/42-Header-component branch October 31, 2023 06:14
    eugene028 added a commit that referenced this pull request Nov 6, 2023
    * feat: Modal 컴포넌트구현
    
    * feat: 스토리북 테일윈드 적용 및 테일윈드 블루값 변경
    
    * feat: SelectWeek 컴포넌트 구현 (#28)
    
    * feat : storybook 모바일 뷰 세팅
    
    * feat: selectWeek 컴포넌트 생성
    
    * feat: border 색 추가 및 Jsdoc 추가
    
    * chore: 내보내기 코드 작성
    
    * feat: InputModal 라운드 추가
    
    * feat: Modal 컴포넌트 파일명 변경
    
    * feat: Spacing 컴포넌트 초기 구현
    
    * feat: StepQuestion 구현 (#36)
    
    * Feat/34 button component (#35)
    
    * feat: 컴포넌트 유연함을 위해 모든 속성을 각각 구분
    
    * feat: 배경색 일시 변경
    
    * feat: button 타입 정의
    
    * feat: 버튼 컴포넌트 생성
    
    * feat: 버튼 스토리북 작성
    
    * feat: 버튼 컴포넌트 props일부 수정
    
    * feat: button props에서 size삭제 => width, height로 대체
    
    * fix: px적용안되는 error수정 대괄호 입히기
    
    * feat: 불필요한 import삭제
    
    * feat: button fullWidth용 width속성 새로 생성
    
    * feat: buttonType 추가
    
    * feat: 속성 변경
    
    * feat: button props수정
    
    * feat: 스토리북 options수정
    
    * feat: 버튼 radius, border문제 해결
    
    * feat: 버튼 width, buttonType, label, fullWidth만 동적으로
    
    * feat: 불필요한 주석 제거
    
    * feat: example -> component
    
    * feat : icon (#39)
    
    * chore: 절대경로 세팅
    
    * feat: Icon 컴포넌트 추가
    
    * chore : 폰트 오타 변경
    
    * feat: bottomsheet 기본경로 설정
    
    * feat: bottomSheet storybook 테스트
    
    * feat : storybook bottomsheet 설명 수정 및 JSdoc 추가
    
    * fix: Detailcontent와 margin-bottom값 주어지기
    
    * feat: Label 컴포넌트 기능 구현
    
    * feat: 캘린더 구현
    
    * feat: 캘린더 스토리북 구현
    
    * feat: Spacing 컴포넌트 구현 및 스토리북 구현
    
    * feat: ListRow 컴포넌트 (#55)
    
    * 프로필 컴포넌트 생성 (#41)
    
    * feat: 필요없는 import 삭제
    
    * feat: storybook 저장 폴더경로 수정
    
    * feat: 스토리북 옵션 수정
    
    * feat: canEdit일 때 커서 pointer로 변경
    
    * feat: onClick내부 구현
    
    * feat: onClick 내부동작으로 변경
    
    * feat: 현재 Month에서 이전,다음 Month 클릭시 해당 Month로 이동되로록 수정
    
    * feat: 현재 날짜 및 선택한 날짜를 표시하도록 스타일 수정
    
    * 라우팅 설정 (#60)
    
    * feat: Errorpage생성
    
    * feat: RouterProvider로 감싸기
    
    * feat: 불필요한 import삭제
    
    * feat: router세팅
    
    * feat: 기존 router파일 삭제
    
    * feat: 불필요한 주석 제거
    
    * feat: 캘린더 CSS 높이 값 제거
    
    * �feat: 네비게이션 구현 (#61)
    
    * feat: NavigationBar 구현
    
    * feat: NavigationBar Select Props 추가
    
    * feat: NavigationBar 스토리북 추가
    
    * feat: 코드리뷰 반영
    - 불필요한 주석 제거
    - 폰트 적용
    - absolute 적용 및 하단으로 위치 고정
    
    * Feat/42 header component (#45)
    
    * feat: 필요없는 import제거
    
    * feat: Header컴포넌트 생성
    
    * feat: Header스토리북 생성
    
    * feat: HeaderType분리 & import
    
    * feat: 불필요한 import문 제거
    
    * feat: header props명 title -> pageTitle로 변경 후 적용
    
    * feat: pageTitle default parameter제공
    
    * feat: header position fixed
    
    * feat: 불필요한 import제거
    
    * feat: Header component 리뷰 반영
    
    * feat: onClick props설정
    
    * feat: 불필요한 주석 제거
    
    * feat: Header 컴포넌트 design 수정
    
    ---------
    
    Co-authored-by: Eugene Kim <[email protected]>
    
    * informationBox 컴포넌트 개발 (#46)
    
    * feat: Information 스토리북 설정
    
    * feat: InformationBox 컴포넌트 개발
    
    * feat: InformationBox type 세팅
    
    * feat: informationBox 편집 icon개발
    
    * feat: InformationBox rounded-[10px]적용
    
    * feat: border적용, icon, profile컴포넌트 적용
    
    * feat: informationBox border제거
    
    * ScheduleBox컴포넌트 개발 & rgba style 커스텀 & font-weight 숫자 세부설정 (#49)
    
    * feat: font세분화
    
    * feat: ScheduleBox 스토리북 설정
    
    * feat: ScheduleBox 컴포넌트 생성
    
    * feat: ScheduleBox props type생성
    
    * feat: rgba색상 추가 (bg-blue-r100)
    
    * feat: font-weight 추가
    
    * feat: rightTopElement고정
    
    * feat: toggle cursor변경 & label컴포넌트 적용
    
    * feat: Profile 컴포넌트 사이즈 추가
    
    * feat: 프로필 x축 마진 1px추가
    
    * feat: schedulebox수정
    
    * feat: SchedueBox에서 프로필 반복문 돌리기 위한 자식 수를 props로 받음
    
    * feat: box-shadow적용
    
    * feat: Accordion 컴포넌트 구현 (#62)
    
    * feat: Accordion 컴포넌트 기본 포맷 세팅
    
    * feat: Accordion컴포넌트 구현
    
    * fix: font class 이름 수정
    
    * feat: 메인페이지 생성
    
    * input 컴포넌트 구현  (#58)
    
    * feat: input stories작성
    
    * feat: select컴포넌트 스토리북 작성
    
    * feat: input컴포넌트 Input type자성
    
    * feat: Select, Select type 작성
    
    * feat: 불필요한 import문 제거
    
    * feat: 스토리북 경로 재설정
    
    * feat: ref props적용
    
    * feat: input 컴포넌트 수정
    
    * feat: select컴포넌트 pr리뷰 반영
    
    * feat: input select errorMessage red로 변경
    
    * feat: selectbox icon추가
    
    * feat: 버튼 height동적으로 조절
    
    * feat: input 컴포넌트 onChange내부에서 구현
    
    ---------
    
    Co-authored-by: Eugene Kim <[email protected]>
    
    * feat: 네이버 맵 페이지 개발
    
    * feat: 아이 정보 보기, 수정하기 페이지 구현  (#69)
    
    * feat: 자식 수정 페이지 생성
    
    * refac: navigation Bar 어색한 stroke 부분 개선
    
    * 컴포넌트 className 업데이트 (#70)
    
    * feat: App.tsx수정
    
    * feat: Header컴포넌트 font-class수정
    
    * feat: InformationBox 컴포넌트 font-class수정
    
    * feat: input,select state설정 후 onChange적용
    
    * feat: Select컴포넌트 props type에서 value 타입 string으로 변경
    
    * feat: ScheduleBox font-class 업뎅이트
    
    * feat: API 공통 파일 구현
    
    * refac: InputBox 디테일한 UI 수정
    
    * refac: stepQuestion 스타일 개선
    
    * feat: 지도 파일 헤더수정
    
    * feat: 글로벌 높이 수정
    
    * feat: 지도 화면 구현
    
    * refac: 스타일 가이드에 맞게 컴포넌트 개선
    
    * feat: 온보딩 페이지 디자인 완료
    
    * feat: 라우팅 페이지에 온보딩 연결
    
    * feat: 지역 선택 구현
    
    * feat: 지도 페이지 마크업 구현
    
    * feat: 지도 페이지 바텀시트 구현
    
    * feat: onboarding api
    
    * feat: input컴포넌트 value onchange수정
    
    * feat: options외부 데이터만
    
    * feat: selectType 입력
    
    * feat: onboarding dummyData
    
    * refactor: 더미데이터 이동
    
    * feat: validate작성
    
    * feat: select import
    
    * feat: 비활성화 버튼 회색
    
    * feat: errormessage내용 수정
    
    * feat: 아이 프로필 수정하기 페이지  (#80)
    
    * 아이 프로필 수정
    
    * chore: react-query 세팅
    
    * feat: children Api 세팅
    
    * feat: 로딩 컴포넌트 생성
    
    * feat: 로고 컴포넌트 생성
    
    * fix: 로고 컴포넌트 관련 오류 해결
    
    * feat: 아이 정보 디테일 보기 api 연결
    
    * fix: Button 컴포넌트가 onclick을 받지 못하는 현상 해결
    
    * feat: 아이 정보 수정하기, 삭제하기 api 연결
    
    * 로그인 페이지 & 카카오 로그인 구현 (#82)
    
    * feat: api요청 시 header에 토큰 얹기
    
    * feat: 로그인 메서드 정리
    
    * feat: 로그인 페이지정리
    
    * feat: 로그인 페이지정리
    
    * feat: env파일 변수 공용상수로 뺴내기
    
    * feat: 환경변수 불러와서 적용
    
    * feat: access token이 없을 시 첫 페이지 로그인 페이지로 이동
    
    ---------
    
    Co-authored-by: Eugene Kim <[email protected]>
    
    * fix: 로그인 로직 무한 랜더링 수정
    
    * feat: API 이동 및 수정
    
    * fix: selectBox 내용 수정
    
    * feat: 네비게이션 수정 (#90)
    
    * fix: props 일치하지 않는 부분 수정
    
    * feat: 깃 액션 워크 플로우 수정 (#93)
    
    ---------
    
    Co-authored-by: Eugene Kim <[email protected]>
    Co-authored-by: sincerity developer <[email protected]>
    Co-authored-by: Eugene Kim <[email protected]>
    Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
    Labels
    feat add function
    Projects
    None yet
    Development

    Successfully merging this pull request may close these issues.

    3 participants