#4 시작페이지, 회원가입 & 로그인 페이지 작업

doyou1 commented 10 months ago

Issues 번호 :

Closes #4

변경, 추가된 코드(설명 등)

https://www.figma.com/file/6Tu7H514UE9JcZyPffyKjw/20231222_CHUKAPOKA?type=design&node-id=377-4142&mode=design&t=E8OLY1DQMuaVWnbi-4
- 시작 페이지 애니메이션 등 레이아웃 완성

코드 주의점

colors.scss, typography.scss의 상수화 방법 논의 필요!
i18n 다국어 라이브러리 도입 논의 필요(텍스트의 상수화 및 추후 해외 배포 관련)

스크린샷

Summary by CodeRabbit

릴리스 노트

변경 사항:

New Feature: 시작 페이지 레이아웃 변경
- <cp-logo> 컴포넌트 삭제
- router-view 컴포넌트에 layout-type 속성 추가
- goToMain 함수 및 관련 코드 삭제
- 스타일링을 위해 .wrap 클래스 추가
Bug fix: colors.scss와 typography.scss 파일에서 상수화 방법 변경
- 새로운 상수 추가
- 몇 가지 색상과 텍스트 관련 변수 수정
Style: typography.scss 파일에 폰트 사이즈와 두께를 지정하는 CSS 클래스 추가
- .cp-text-sm-p, .cp-text-xl-p, .cp-text-title 등 포함
Style: variables.scss 파일에서 body 요소에 대한 스타일 변경
- 마진과 패딩을 0으로 설정
- 모든 자식 요소에 box-sizing과 테두리 속성 추가
Style: CpButton.vue 파일에서 textColor 변수 값 변경
- 이전 값: "var(--cp-text-white-color)"
- 변경 후 값: "var(--cp-text-color-grey-100)"

각 변경 사항은 해당하는 분류에 따라 작성되었습니다. 이 diff는 기능적인 변경, 스타일 변경, 버그 수정 등 다양한 유형의 변경 사항을 포함하고 있습니다. 변경 사항을 검토하여 전체 시스템에 영향을 미칠 수 있는지 확인하는 것이 중요합니다.

github-actions[bot] commented 10 months ago

CodeRabbit

다음은 변경 사항에 대한 요약입니다:

src/App.vue: 시작 페이지의 레이아웃 변경. <cp-logo> 컴포넌트 삭제, router-view 컴포넌트에 layout-type 속성 추가, goToMain 함수 및 관련 코드 삭제, .wrap 클래스 추가.
src/assets/colors.scss: colors.scss와 typography.scss 파일에서 상수화 방법 변경. 새로운 상수 추가 및 몇 가지 색상과 텍스트 관련 변수 수정. 영향 범위가 전체 시스템에 있으므로 주의 필요.
src/assets/typography.scss: 폰트 사이즈와 두께를 지정하는 CSS 클래스 추가. 코드 로직이나 기능에 직접적인 영향 없음. APPROVED로 트리아지 가능.
src/assets/variables.scss: body 요소에 대한 스타일 변경. 마진과 패딩을 0으로 설정하고, 자식 요소에 box-sizing과 테두리 속성 추가. 코드 레이아웃 및 스타일링에 영향을 줄 수 있으므로 주의 필요.
src/components/commons/CpButton.vue: textColor 변수 값 변경. 이전에는 "var(--cp-text-white-color)"로 설정되었으며, 변경 후에는 "var(--cp-text-color-grey-100)"로 설정됨.

이 변경 사항은 전체적인 시스템에 영향을 줄 수 있으므로 주의하여 검토해야 합니다.

Uplevel your code reviews with CodeRabbit Pro

### CodeRabbit Pro If you like this project, please support us by purchasing the [Pro version](https://coderabbit.ai). The Pro version has advanced context, superior noise reduction and several proprietary improvements compared to the open source version. Moreover, CodeRabbit Pro is free for open source projects.

doyou1 commented 10 months ago

01/09

이메일 입력폼 추가했으니 레이아웃 확인 필요!!

doyou1 commented 10 months ago

01/10

비밀번호 입력폼 추가했으니 레이아웃 확인 필요!! (작업을 위해 아이디, 비밀번호에 임시데이터 넣어둠)
"뒤로 돌아가기" 버튼 필요 여부 논의 필요
글꼴 슬슬 찾아볼까나 ?

Chukapoka / client