feat - UI 업데이트 #8

mark77234 · 2025-12-29T07:39:25Z

작업내용

전체 UI 업데이트 작업

Copilot

Pull request overview

This PR implements a comprehensive UI update for the frontend, introducing Korean Noto Serif fonts, redesigning the user interface with larger text sizes, replacing text inputs with wheel picker modals, and updating spacing and styling throughout the application.

Integrated Noto Serif KR font family with multiple weights (Regular, SemiBold, Bold, ExtraBold)
Redesigned UserInfoForm with custom wheel picker components replacing direct text inputs for birthdate, birth time, and notification time selection
Updated typography sizes and spacing across LoginScreen, SettingsSheet, and CalendarPage

Reviewed changes

Copilot reviewed 9 out of 14 changed files in this pull request and generated 18 comments.

Show a summary per file

File	Description
frontend/tailwind.config.js	Added Noto Serif KR font family configurations for Tailwind CSS
frontend/package.json	Added dependencies for Noto Serif KR fonts and expo-font
frontend/pnpm-lock.yaml	Updated lock file with new font dependencies
frontend/app.config.ts	Bumped app version from 1.0.0 to 1.0.1
frontend/app/_layout.tsx	Integrated font loading logic with useFonts hook
frontend/app/index.tsx	Updated login flow logic, removed onSignUpSuccess callback, and added useEffect for sign-out state cleanup
frontend/src/components/UserInfoForm.tsx	Major refactoring: replaced text inputs with wheel picker modals, added date/time parsing utilities, and updated styling
frontend/src/components/SettingsSheet.tsx	Updated spacing, added safe area insets, and fixed duplicate background color classes
frontend/src/components/LoginScreen.tsx	Updated text sizes, spacing, placeholder text, and removed unused onSignUpSuccess prop usage
frontend/src/components/CalendarPage.tsx	Applied Noto font classes alongside existing font-serif classes and added quotation marks to fortune overview

Files not reviewed (1)

frontend/pnpm-lock.yaml: Language not supported

Comments suppressed due to low confidence (1)

frontend/src/components/SettingsSheet.tsx:13

Unused import Switch.

import {
  ActivityIndicator,
  Alert,
  KeyboardAvoidingView,
  Modal,
  Platform,
  Pressable,
  Switch,
  Text,
  TextInput,
  View,
} from 'react-native';

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Copilot · 2025-12-29T07:46:33Z

frontend/src/components/LoginScreen.tsx

+      <View className="p-4 ">
+        <View className="w-full max-w-xl gap-6 rounded-2xl bg-white p-5 ">


There's a trailing space in the className. This should be removed for cleaner code.

Suggested change

<View className="p-4 ">

<View className="w-full max-w-xl gap-6 rounded-2xl bg-white p-5 ">

<View className="p-4">

<View className="w-full max-w-xl gap-6 rounded-2xl bg-white p-5">

Copilot · 2025-12-29T07:46:33Z

frontend/src/components/CalendarPage.tsx

                    {month}
                  </Text>
-                  <Text className="font-serif mb-1.5 ml-1.5 text-base text-gray-500">월</Text>
+                  <Text className="font-serif mb-1.5 ml-1.5 text-base text-gray-500 font-noto">


Using both font-serif and font-noto classes on the same element is redundant. Only one font-family declaration should be used. Consider removing font-serif since font-noto is the intended font.

Copilot · 2025-12-29T07:46:33Z

frontend/src/components/CalendarPage.tsx

                <View className="items-end">
-                  <Text className="font-serif text-3xl font-bold" style={{ color: accentColor }}>
+                  <Text
+                    className="font-serif text-3xl font-bold font-noto"


Using both font-serif and font-noto classes on the same element is redundant. Only one font-family declaration should be used. Consider removing font-serif since font-noto is the intended font.

Copilot · 2025-12-29T07:46:33Z

frontend/src/components/LoginScreen.tsx

                value={username}
                onChangeText={setUsername}
-                placeholder="아이디"
+                placeholder="[email protected]"


There's a typo in the placeholder text. "exmaple" should be "example".

Suggested change

placeholder="exmaple@mail.com"

placeholder="example@mail.com"

Copilot · 2025-12-29T07:46:34Z

frontend/src/components/SettingsSheet.tsx

              내 정보
            </Text>
-            <View className="overflow-hidden rounded-xl border border-gray-200 bg-white">
+            <View className="overflow-hidden rounded-xl border border-gray-200 bg-white ">


There's an extra trailing space in the className after "bg-white". This is unnecessary and should be removed for cleaner code.

Suggested change

<View className="overflow-hidden rounded-xl border border-gray-200 bg-white ">

<View className="overflow-hidden rounded-xl border border-gray-200 bg-white">

Copilot · 2025-12-29T07:46:36Z

frontend/src/components/CalendarPage.tsx

+      <Text className="font-serif text-lg font-bold text-gray-900 font-noto-semibold">{label}</Text>
    </View>
-    <Text className="font-serif text-[15px] leading-6 text-gray-600">{value}</Text>
+    <Text className="font-serif text-[15px] leading-6 text-gray-600 font-noto">{value}</Text>


Using both font-serif and font-noto classes on the same element is redundant. Only one font-family declaration should be used. Consider removing font-serif since font-noto is the intended font.

Copilot · 2025-12-29T07:46:36Z

frontend/src/components/UserInfoForm.tsx

+              className="items-center justify-center"
+            >
+              <Text
+                className={`${isSelected ? 'text-gray-900' : 'text-gray-400'} ${itemTextClassName} `}


There's a trailing space in the className after "text-gray-400". Consider removing it for consistency.

Suggested change

className={`${isSelected ? 'text-gray-900' : 'text-gray-400'} ${itemTextClassName} `}

className={`${isSelected ? 'text-gray-900' : 'text-gray-400'} ${itemTextClassName}`}

Copilot · 2025-12-29T07:46:36Z

frontend/src/components/LoginScreen.tsx

+      <View className="p-4 ">
+        <View className="w-full max-w-xl gap-6 rounded-2xl bg-white p-5 ">


There's a trailing space in the className. This should be removed for cleaner code.

Suggested change

<View className="p-4 ">

<View className="w-full max-w-xl gap-6 rounded-2xl bg-white p-5 ">

<View className="p-4">

<View className="w-full max-w-xl gap-6 rounded-2xl bg-white p-5">

Copilot · 2025-12-29T07:46:36Z

frontend/src/components/CalendarPage.tsx

            <View className="flex-row items-start justify-between">
              <View>
-                <Text className="font-serif text-xs tracking-[0.25em] text-gray-400">{year}</Text>
+                <Text className="font-serif text-xs tracking-[0.25em] text-gray-400 font-noto">


Using both font-serif and font-noto classes on the same element is redundant and confusing. Since both classes set the font-family property, only the last one in the CSS cascade will take effect. Consider using only the font-noto class (which applies the NotoSerifKR font) and removing font-serif, or verify which font family should actually be used.

Copilot · 2025-12-29T07:46:37Z

frontend/src/components/CalendarPage.tsx

                ) : fortune ? (
-                  <Text className="text-center font-serif text-lg font-semibold leading-7 text-gray-600">
-                    {fortune.overview}
+                  <Text className="text-center font-serif text-lg font-semibold leading-7 text-gray-600 font-noto">


Using both font-serif and font-noto classes on the same element is redundant. Only one font-family declaration should be used. Consider removing font-serif since font-noto is the intended font.

mark77234 added 12 commits December 28, 2025 16:41

feat: 로그인,회원가입 화면 UI 업데이트

5e00aeb

feat: 유저정보 입력 페이지 UI 업데이트

752af58

feat: mono-serif 폰트 추가

44485d5

feat: UI 업데이트

96ff4be

feat: 시간,날짜 선택 모달창 추가

ee94c09

feat: 아이콘 업데이트

1578b63

feat: 모달창 컴포넌트 분리

7d5158f

feat: 버전 업데이트 (1.0.1)

9b8c101

fix: 사이즈 크기 수정

e520a8d

feat: 홈화면 폰트 업데이트

6e1723e

feat: 설정창 UI 업데이트

33169d5

feat: 로그인 상태에 따라 설정창 및 프로필 설정 필요 여부 조정

ae4c7bf

Copilot AI review requested due to automatic review settings December 29, 2025 07:39

mark77234 linked an issue Dec 29, 2025 that may be closed by this pull request

feat - UI 업데이트 #7

Closed

mark77234 self-assigned this Dec 29, 2025

mark77234 merged commit 0c1e5c3 into dev Dec 29, 2025
2 of 3 checks passed

mark77234 deleted the feat/7 branch December 29, 2025 07:39

Copilot started reviewing on behalf of mark77234 December 29, 2025 07:39 View session

Copilot AI reviewed Dec 29, 2025

View reviewed changes

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

feat - UI 업데이트 #8

feat - UI 업데이트 #8

Uh oh!

mark77234 commented Dec 29, 2025

Uh oh!

Uh oh!

Copilot AI left a comment

Uh oh!

Copilot AI Dec 29, 2025

Uh oh!

Copilot AI Dec 29, 2025

Uh oh!

Copilot AI Dec 29, 2025

Uh oh!

Copilot AI Dec 29, 2025

Uh oh!

Copilot AI Dec 29, 2025

Uh oh!

Copilot AI Dec 29, 2025

Uh oh!

Copilot AI Dec 29, 2025

Uh oh!

Copilot AI Dec 29, 2025

Uh oh!

Copilot AI Dec 29, 2025

Uh oh!

Copilot AI Dec 29, 2025

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

		<View className="p-4 ">
		<View className="w-full max-w-xl gap-6 rounded-2xl bg-white p-5 ">

	placeholder="exmaple@mail.com"
	placeholder="example@mail.com"

	<View className="overflow-hidden rounded-xl border border-gray-200 bg-white ">
	<View className="overflow-hidden rounded-xl border border-gray-200 bg-white">

	className={`${isSelected ? 'text-gray-900' : 'text-gray-400'} ${itemTextClassName} `}
	className={`${isSelected ? 'text-gray-900' : 'text-gray-400'} ${itemTextClassName}`}

feat - UI 업데이트 #8

feat - UI 업데이트 #8

Uh oh!

Conversation

mark77234 commented Dec 29, 2025

작업내용

Uh oh!

Uh oh!

Copilot AI left a comment

Choose a reason for hiding this comment

Pull request overview

Reviewed changes

Uh oh!

Copilot AI Dec 29, 2025

Choose a reason for hiding this comment

Uh oh!

Copilot AI Dec 29, 2025

Choose a reason for hiding this comment

Uh oh!

Copilot AI Dec 29, 2025

Choose a reason for hiding this comment

Uh oh!

Copilot AI Dec 29, 2025

Choose a reason for hiding this comment

Uh oh!

Copilot AI Dec 29, 2025

Choose a reason for hiding this comment

Uh oh!

Copilot AI Dec 29, 2025

Choose a reason for hiding this comment

Uh oh!

Copilot AI Dec 29, 2025

Choose a reason for hiding this comment

Uh oh!

Copilot AI Dec 29, 2025

Choose a reason for hiding this comment

Uh oh!

Copilot AI Dec 29, 2025

Choose a reason for hiding this comment

Uh oh!

Copilot AI Dec 29, 2025

Choose a reason for hiding this comment

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants