From 987003e96e8ad2b0fa40b4728a172e39faa4bc9a Mon Sep 17 00:00:00 2001 From: Hyein Jeong Date: Mon, 23 Sep 2024 12:15:47 +0900 Subject: [PATCH 01/10] =?UTF-8?q?=EB=A9=94=EC=9D=B8=20=ED=99=94=EB=A9=B4?= =?UTF-8?q?=20br=20=ED=83=9C=EA=B7=B8=EB=A1=9C=20UX=20=EA=B0=9C=EC=84=A0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .idea/.gitignore | 8 +++ .idea/codeStyles/Project.xml | 57 ++++++++++++++++++++ .idea/codeStyles/codeStyleConfig.xml | 5 ++ .idea/git_toolbox_blame.xml | 6 +++ .idea/inspectionProfiles/Project_Default.xml | 6 +++ .idea/ko.react.dev.iml | 9 ++++ .idea/material_theme_project_new.xml | 12 +++++ .idea/misc.xml | 6 +++ .idea/modules.xml | 8 +++ .idea/vcs.xml | 6 +++ src/components/Layout/HomeContent.js | 26 +++++++-- 11 files changed, 144 insertions(+), 5 deletions(-) create mode 100644 .idea/.gitignore create mode 100644 .idea/codeStyles/Project.xml create mode 100644 .idea/codeStyles/codeStyleConfig.xml create mode 100644 .idea/git_toolbox_blame.xml create mode 100644 .idea/inspectionProfiles/Project_Default.xml create mode 100644 .idea/ko.react.dev.iml create mode 100644 .idea/material_theme_project_new.xml create mode 100644 .idea/misc.xml create mode 100644 .idea/modules.xml create mode 100644 .idea/vcs.xml diff --git a/.idea/.gitignore b/.idea/.gitignore new file mode 100644 index 000000000..c3f502a19 --- /dev/null +++ b/.idea/.gitignore @@ -0,0 +1,8 @@ +# 디폴트 무시된 파일 +/shelf/ +/workspace.xml +# 에디터 기반 HTTP 클라이언트 요청 +/httpRequests/ +# Datasource local storage ignored files +/dataSources/ +/dataSources.local.xml diff --git a/.idea/codeStyles/Project.xml b/.idea/codeStyles/Project.xml new file mode 100644 index 000000000..c9827f9fc --- /dev/null +++ b/.idea/codeStyles/Project.xml @@ -0,0 +1,57 @@ + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/.idea/codeStyles/codeStyleConfig.xml b/.idea/codeStyles/codeStyleConfig.xml new file mode 100644 index 000000000..79ee123c2 --- /dev/null +++ b/.idea/codeStyles/codeStyleConfig.xml @@ -0,0 +1,5 @@ + + + + \ No newline at end of file diff --git a/.idea/git_toolbox_blame.xml b/.idea/git_toolbox_blame.xml new file mode 100644 index 000000000..7dc124965 --- /dev/null +++ b/.idea/git_toolbox_blame.xml @@ -0,0 +1,6 @@ + + + + + \ No newline at end of file diff --git a/.idea/inspectionProfiles/Project_Default.xml b/.idea/inspectionProfiles/Project_Default.xml new file mode 100644 index 000000000..03d9549ea --- /dev/null +++ b/.idea/inspectionProfiles/Project_Default.xml @@ -0,0 +1,6 @@ + + + + \ No newline at end of file diff --git a/.idea/ko.react.dev.iml b/.idea/ko.react.dev.iml new file mode 100644 index 000000000..d6ebd4805 --- /dev/null +++ b/.idea/ko.react.dev.iml @@ -0,0 +1,9 @@ + + + + + + + + + \ No newline at end of file diff --git a/.idea/material_theme_project_new.xml b/.idea/material_theme_project_new.xml new file mode 100644 index 000000000..b11d8193a --- /dev/null +++ b/.idea/material_theme_project_new.xml @@ -0,0 +1,12 @@ + + + + + + \ No newline at end of file diff --git a/.idea/misc.xml b/.idea/misc.xml new file mode 100644 index 000000000..639900d13 --- /dev/null +++ b/.idea/misc.xml @@ -0,0 +1,6 @@ + + + + + + \ No newline at end of file diff --git a/.idea/modules.xml b/.idea/modules.xml new file mode 100644 index 000000000..45a26c4ff --- /dev/null +++ b/.idea/modules.xml @@ -0,0 +1,8 @@ + + + + + + + + \ No newline at end of file diff --git a/.idea/vcs.xml b/.idea/vcs.xml new file mode 100644 index 000000000..35eb1ddfb --- /dev/null +++ b/.idea/vcs.xml @@ -0,0 +1,6 @@ + + + + + + \ No newline at end of file diff --git a/src/components/Layout/HomeContent.js b/src/components/Layout/HomeContent.js index db922ccfe..a0f257734 100644 --- a/src/components/Layout/HomeContent.js +++ b/src/components/Layout/HomeContent.js @@ -52,12 +52,16 @@ function Section({children, background = null}) { function Header({children}) { return ( -

+

{children}

); } +function Br() { + return
; +} + function Para({children}) { return (

@@ -160,7 +164,10 @@ export function HomeContent() {

-
컴포넌트를 사용하여 사용자 인터페이스 만들기
+
+ 컴포넌트를 사용하여 +
사용자 인터페이스 만들기 +
React를 사용하면 컴포넌트라고 불리는 조각들을 사용하여 사용자 인터페이스를 만들 수 있습니다. Thumbnail,{' '} @@ -183,7 +190,10 @@ export function HomeContent() {
-
코드와 마크업으로 컴포넌트 작성하기
+
+ 코드와 마크업으로 +
컴포넌트 작성하기 +
React 컴포넌트는 JavaScript 함수입니다. 조건부로 내용을 표시하려면{' '} if 문을 사용할 수 있습니다. 목록을 표시하려면 배열에{' '} @@ -206,7 +216,10 @@ export function HomeContent() {
-
필요한 곳에 상호작용 요소 추가하기
+
+ 필요한 곳에 +
상호작용 요소 추가하기 +
React 컴포넌트는 데이터를 받고 화면에 표시할 내용을 반환합니다. 사용자가 입력란에 입력하는 것과 같이 상호작용에 응답하여 새 @@ -236,7 +249,10 @@ export function HomeContent() {
-
프레임워크를 통해서 풀스택으로 만들기
+
+ 프레임워크를 통해서 +
풀스택으로 만들기 +
React는 라이브러리입니다. 컴포넌트를 함께 묶을 수 있지만, 라우팅과 데이터를 가져오는 방법을 규정하지는 않습니다. React로 앱을 From 8e27f541bd39c7de09b6156f9e456416a9f4d75f Mon Sep 17 00:00:00 2001 From: Hyein Jeong Date: Mon, 23 Sep 2024 13:46:49 +0900 Subject: [PATCH 02/10] fix: HomeContent ux improvement --- .idea/.gitignore | 8 - .idea/codeStyles/Project.xml | 57 ------ .idea/codeStyles/codeStyleConfig.xml | 5 - .idea/git_toolbox_blame.xml | 6 - .idea/inspectionProfiles/Project_Default.xml | 6 - .idea/ko.react.dev.iml | 9 - .idea/material_theme_project_new.xml | 12 -- .idea/misc.xml | 6 - .idea/modules.xml | 8 - .idea/vcs.xml | 6 - .idea/workspace.xml | 199 +++++++++++++++++++ src/components/Layout/HomeContent.js | 32 ++- 12 files changed, 221 insertions(+), 133 deletions(-) delete mode 100644 .idea/.gitignore delete mode 100644 .idea/codeStyles/Project.xml delete mode 100644 .idea/codeStyles/codeStyleConfig.xml delete mode 100644 .idea/git_toolbox_blame.xml delete mode 100644 .idea/inspectionProfiles/Project_Default.xml delete mode 100644 .idea/ko.react.dev.iml delete mode 100644 .idea/material_theme_project_new.xml delete mode 100644 .idea/misc.xml delete mode 100644 .idea/modules.xml delete mode 100644 .idea/vcs.xml create mode 100644 .idea/workspace.xml diff --git a/.idea/.gitignore b/.idea/.gitignore deleted file mode 100644 index c3f502a19..000000000 --- a/.idea/.gitignore +++ /dev/null @@ -1,8 +0,0 @@ -# 디폴트 무시된 파일 -/shelf/ -/workspace.xml -# 에디터 기반 HTTP 클라이언트 요청 -/httpRequests/ -# Datasource local storage ignored files -/dataSources/ -/dataSources.local.xml diff --git a/.idea/codeStyles/Project.xml b/.idea/codeStyles/Project.xml deleted file mode 100644 index c9827f9fc..000000000 --- a/.idea/codeStyles/Project.xml +++ /dev/null @@ -1,57 +0,0 @@ - - - - - - - - - - - - - - - - - - - - \ No newline at end of file diff --git a/.idea/codeStyles/codeStyleConfig.xml b/.idea/codeStyles/codeStyleConfig.xml deleted file mode 100644 index 79ee123c2..000000000 --- a/.idea/codeStyles/codeStyleConfig.xml +++ /dev/null @@ -1,5 +0,0 @@ - - - - \ No newline at end of file diff --git a/.idea/git_toolbox_blame.xml b/.idea/git_toolbox_blame.xml deleted file mode 100644 index 7dc124965..000000000 --- a/.idea/git_toolbox_blame.xml +++ /dev/null @@ -1,6 +0,0 @@ - - - - - \ No newline at end of file diff --git a/.idea/inspectionProfiles/Project_Default.xml b/.idea/inspectionProfiles/Project_Default.xml deleted file mode 100644 index 03d9549ea..000000000 --- a/.idea/inspectionProfiles/Project_Default.xml +++ /dev/null @@ -1,6 +0,0 @@ - - - - \ No newline at end of file diff --git a/.idea/ko.react.dev.iml b/.idea/ko.react.dev.iml deleted file mode 100644 index d6ebd4805..000000000 --- a/.idea/ko.react.dev.iml +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - - - - \ No newline at end of file diff --git a/.idea/material_theme_project_new.xml b/.idea/material_theme_project_new.xml deleted file mode 100644 index b11d8193a..000000000 --- a/.idea/material_theme_project_new.xml +++ /dev/null @@ -1,12 +0,0 @@ - - - - - - \ No newline at end of file diff --git a/.idea/misc.xml b/.idea/misc.xml deleted file mode 100644 index 639900d13..000000000 --- a/.idea/misc.xml +++ /dev/null @@ -1,6 +0,0 @@ - - - - - - \ No newline at end of file diff --git a/.idea/modules.xml b/.idea/modules.xml deleted file mode 100644 index 45a26c4ff..000000000 --- a/.idea/modules.xml +++ /dev/null @@ -1,8 +0,0 @@ - - - - - - - - \ No newline at end of file diff --git a/.idea/vcs.xml b/.idea/vcs.xml deleted file mode 100644 index 35eb1ddfb..000000000 --- a/.idea/vcs.xml +++ /dev/null @@ -1,6 +0,0 @@ - - - - - - \ No newline at end of file diff --git a/.idea/workspace.xml b/.idea/workspace.xml new file mode 100644 index 000000000..71e9b2adc --- /dev/null +++ b/.idea/workspace.xml @@ -0,0 +1,199 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + { + "associatedIndex": 5 +} + + + + { + "keyToString": { + "RunOnceActivity.ShowReadmeOnStart": "true", + "git-widget-placeholder": "main", + "kotlin-language-version-configured": "true", + "last_opened_file_path": "C:/Users/hyein/Desktop/ko.react.dev", + "node.js.detected.package.eslint": "true", + "node.js.detected.package.tslint": "true", + "node.js.selected.package.eslint": "(autodetect)", + "node.js.selected.package.tslint": "(autodetect)", + "nodejs_package_manager_path": "yarn", + "ts.external.directory.path": "C:\\Users\\hyein\\Desktop\\ko.react.dev\\node_modules\\typescript\\lib", + "vue.rearranger.settings.migration": "true" + } +} + + + + + + + + + + + 1727060136071 + + + + + + \ No newline at end of file diff --git a/src/components/Layout/HomeContent.js b/src/components/Layout/HomeContent.js index a0f257734..e9ab7ed75 100644 --- a/src/components/Layout/HomeContent.js +++ b/src/components/Layout/HomeContent.js @@ -58,10 +58,6 @@ function Header({children}) { ); } -function Br() { - return
; -} - function Para({children}) { return (

@@ -70,6 +66,10 @@ function Para({children}) { ); } +function Br() { + return
; +} + function Center({children}) { return (

@@ -166,7 +166,8 @@ export function HomeContent() {
컴포넌트를 사용하여 -
사용자 인터페이스 만들기 +
+ 사용자 인터페이스 만들기
React를 사용하면 컴포넌트라고 불리는 조각들을 사용하여 사용자 @@ -192,7 +193,8 @@ export function HomeContent() {
코드와 마크업으로 -
컴포넌트 작성하기 +
+ 컴포넌트 작성하기
React 컴포넌트는 JavaScript 함수입니다. 조건부로 내용을 표시하려면{' '} @@ -218,7 +220,8 @@ export function HomeContent() {
필요한 곳에 -
상호작용 요소 추가하기 +
+ 상호작용 요소 추가하기
React 컴포넌트는 데이터를 받고 화면에 표시할 내용을 반환합니다. @@ -251,7 +254,8 @@ export function HomeContent() {
프레임워크를 통해서 -
풀스택으로 만들기 +
+ 풀스택으로 만들기
React는 라이브러리입니다. 컴포넌트를 함께 묶을 수 있지만, 라우팅과 @@ -431,7 +435,11 @@ export function HomeContent() {
-
새로운 기능이 준비되면 업그레이드 하기
+
+ 새로운 기능에 맞춰 +
+ 업그레이드 하기 +
React는 변화에 신중하게 접근합니다. 모든 React 커밋은 10억 명 이상의 사용자가 있는 비즈니스에 크리티컬한 영역에서 테스트 @@ -518,7 +526,11 @@ export function HomeContent() { />
-
React 커뮤니티에 오신 것을 환영합니다.
+
+ React 커뮤니티에 +
+ 오신 것을 환영합니다. +
Date: Mon, 23 Sep 2024 13:48:30 +0900 Subject: [PATCH 03/10] fix: HomeContent ux improvement --- .idea/workspace.xml | 199 -------------------------------------------- 1 file changed, 199 deletions(-) delete mode 100644 .idea/workspace.xml diff --git a/.idea/workspace.xml b/.idea/workspace.xml deleted file mode 100644 index 71e9b2adc..000000000 --- a/.idea/workspace.xml +++ /dev/null @@ -1,199 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - { - "associatedIndex": 5 -} - - - - { - "keyToString": { - "RunOnceActivity.ShowReadmeOnStart": "true", - "git-widget-placeholder": "main", - "kotlin-language-version-configured": "true", - "last_opened_file_path": "C:/Users/hyein/Desktop/ko.react.dev", - "node.js.detected.package.eslint": "true", - "node.js.detected.package.tslint": "true", - "node.js.selected.package.eslint": "(autodetect)", - "node.js.selected.package.tslint": "(autodetect)", - "nodejs_package_manager_path": "yarn", - "ts.external.directory.path": "C:\\Users\\hyein\\Desktop\\ko.react.dev\\node_modules\\typescript\\lib", - "vue.rearranger.settings.migration": "true" - } -} - - - - - - - - - - - 1727060136071 - - - - - - \ No newline at end of file From 545b4061c8d8d5f9bcf1bc525c940b274d95be2b Mon Sep 17 00:00:00 2001 From: Hyein Jeong Date: Mon, 23 Sep 2024 15:41:11 +0900 Subject: [PATCH 04/10] =?UTF-8?q?BR=20=ED=83=9C=EA=B7=B8=20=EB=B0=98?= =?UTF-8?q?=EC=9D=91=ED=98=95=20=EC=A0=81=EC=9A=A9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .idea/workspace.xml | 62 ++++++++++++++++++++++++++++ src/components/Layout/HomeContent.js | 23 ++++------- 2 files changed, 70 insertions(+), 15 deletions(-) create mode 100644 .idea/workspace.xml diff --git a/.idea/workspace.xml b/.idea/workspace.xml new file mode 100644 index 000000000..da8c3a187 --- /dev/null +++ b/.idea/workspace.xml @@ -0,0 +1,62 @@ + + + + + + + + + + { + "associatedIndex": 5 +} + + + + + + + + + + + + + + + 1727060136071 + + + + + + \ No newline at end of file diff --git a/src/components/Layout/HomeContent.js b/src/components/Layout/HomeContent.js index e9ab7ed75..e9f9b3913 100644 --- a/src/components/Layout/HomeContent.js +++ b/src/components/Layout/HomeContent.js @@ -67,7 +67,7 @@ function Para({children}) { } function Br() { - return
; + return
; } function Center({children}) { @@ -165,9 +165,7 @@ export function HomeContent() {
- 컴포넌트를 사용하여 -
- 사용자 인터페이스 만들기 + 컴포넌트를 사용하여
사용자 인터페이스 만들기
React를 사용하면 컴포넌트라고 불리는 조각들을 사용하여 사용자 @@ -193,8 +191,7 @@ export function HomeContent() {
코드와 마크업으로 -
- 컴포넌트 작성하기 +
컴포넌트 작성하기
React 컴포넌트는 JavaScript 함수입니다. 조건부로 내용을 표시하려면{' '} @@ -220,8 +217,7 @@ export function HomeContent() {
필요한 곳에 -
- 상호작용 요소 추가하기 +
상호작용 요소 추가하기
React 컴포넌트는 데이터를 받고 화면에 표시할 내용을 반환합니다. @@ -254,8 +250,7 @@ export function HomeContent() {
프레임워크를 통해서 -
- 풀스택으로 만들기 +
풀스택으로 만들기
React는 라이브러리입니다. 컴포넌트를 함께 묶을 수 있지만, 라우팅과 @@ -434,11 +429,10 @@ export function HomeContent() {
-
+
새로운 기능에 맞춰 -
- 업그레이드 하기 +
업그레이드 하기
React는 변화에 신중하게 접근합니다. 모든 React 커밋은 10억 명 @@ -528,8 +522,7 @@ export function HomeContent() {
React 커뮤니티에 -
- 오신 것을 환영합니다. +
오신 것을 환영합니다.
Date: Mon, 23 Sep 2024 15:41:28 +0900 Subject: [PATCH 05/10] =?UTF-8?q?BR=20=ED=83=9C=EA=B7=B8=20=EB=B0=98?= =?UTF-8?q?=EC=9D=91=ED=98=95=20=EC=A0=81=EC=9A=A9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .idea/workspace.xml | 62 --------------------------------------------- 1 file changed, 62 deletions(-) delete mode 100644 .idea/workspace.xml diff --git a/.idea/workspace.xml b/.idea/workspace.xml deleted file mode 100644 index da8c3a187..000000000 --- a/.idea/workspace.xml +++ /dev/null @@ -1,62 +0,0 @@ - - - - - - - - - - { - "associatedIndex": 5 -} - - - - - - - - - - - - - - - 1727060136071 - - - - - - \ No newline at end of file From 7022f49369a4e2f98d5b9c72e4a13e68f0dba269 Mon Sep 17 00:00:00 2001 From: Hyein Jeong <103382269+happyhyep@users.noreply.github.com> Date: Mon, 23 Sep 2024 15:47:03 +0900 Subject: [PATCH 06/10] =?UTF-8?q?Header=20=EC=BD=94=EB=93=9C=20=ED=95=9C?= =?UTF-8?q?=EC=A4=84=EB=A1=9C=20=EB=B3=80=EA=B2=BD?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/Layout/HomeContent.js | 15 +++++---------- 1 file changed, 5 insertions(+), 10 deletions(-) diff --git a/src/components/Layout/HomeContent.js b/src/components/Layout/HomeContent.js index e9f9b3913..0c6627d44 100644 --- a/src/components/Layout/HomeContent.js +++ b/src/components/Layout/HomeContent.js @@ -190,8 +190,7 @@ export function HomeContent() {
- 코드와 마크업으로 -
컴포넌트 작성하기 + 코드와 마크업으로
컴포넌트 작성하기
React 컴포넌트는 JavaScript 함수입니다. 조건부로 내용을 표시하려면{' '} @@ -216,8 +215,7 @@ export function HomeContent() {
- 필요한 곳에 -
상호작용 요소 추가하기 + 필요한 곳에
상호작용 요소 추가하기
React 컴포넌트는 데이터를 받고 화면에 표시할 내용을 반환합니다. @@ -249,8 +247,7 @@ export function HomeContent() {
- 프레임워크를 통해서 -
풀스택으로 만들기 + 프레임워크를 통해서
풀스택으로 만들기
React는 라이브러리입니다. 컴포넌트를 함께 묶을 수 있지만, 라우팅과 @@ -431,8 +428,7 @@ export function HomeContent() {
- 새로운 기능에 맞춰 -
업그레이드 하기 + 새로운 기능에 맞춰
업그레이드 하기
React는 변화에 신중하게 접근합니다. 모든 React 커밋은 10억 명 @@ -521,8 +517,7 @@ export function HomeContent() {
- React 커뮤니티에 -
오신 것을 환영합니다. + React 커뮤니티에
오신 것을 환영합니다.
Date: Mon, 23 Sep 2024 15:50:55 +0900 Subject: [PATCH 07/10] =?UTF-8?q?header=20=EC=BD=94=EB=93=9C=20=ED=95=9C?= =?UTF-8?q?=EC=A4=84=EB=A1=9C=20=EB=B3=80=EA=B2=BD?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/Layout/HomeContent.js | 15 ++++++++++----- 1 file changed, 10 insertions(+), 5 deletions(-) diff --git a/src/components/Layout/HomeContent.js b/src/components/Layout/HomeContent.js index 0c6627d44..e9f9b3913 100644 --- a/src/components/Layout/HomeContent.js +++ b/src/components/Layout/HomeContent.js @@ -190,7 +190,8 @@ export function HomeContent() {
- 코드와 마크업으로
컴포넌트 작성하기 + 코드와 마크업으로 +
컴포넌트 작성하기
React 컴포넌트는 JavaScript 함수입니다. 조건부로 내용을 표시하려면{' '} @@ -215,7 +216,8 @@ export function HomeContent() {
- 필요한 곳에
상호작용 요소 추가하기 + 필요한 곳에 +
상호작용 요소 추가하기
React 컴포넌트는 데이터를 받고 화면에 표시할 내용을 반환합니다. @@ -247,7 +249,8 @@ export function HomeContent() {
- 프레임워크를 통해서
풀스택으로 만들기 + 프레임워크를 통해서 +
풀스택으로 만들기
React는 라이브러리입니다. 컴포넌트를 함께 묶을 수 있지만, 라우팅과 @@ -428,7 +431,8 @@ export function HomeContent() {
- 새로운 기능에 맞춰
업그레이드 하기 + 새로운 기능에 맞춰 +
업그레이드 하기
React는 변화에 신중하게 접근합니다. 모든 React 커밋은 10억 명 @@ -517,7 +521,8 @@ export function HomeContent() {
- React 커뮤니티에
오신 것을 환영합니다. + React 커뮤니티에 +
오신 것을 환영합니다.
Date: Mon, 23 Sep 2024 19:26:00 +0900 Subject: [PATCH 08/10] =?UTF-8?q?BR=20=ED=83=9C=EA=B7=B8=20props=20?= =?UTF-8?q?=EC=B6=94=EA=B0=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .idea/workspace.xml | 64 ++++++++++++++++++++++++++++ src/components/Layout/HomeContent.js | 13 ++++-- 2 files changed, 73 insertions(+), 4 deletions(-) create mode 100644 .idea/workspace.xml diff --git a/.idea/workspace.xml b/.idea/workspace.xml new file mode 100644 index 000000000..734af945b --- /dev/null +++ b/.idea/workspace.xml @@ -0,0 +1,64 @@ + + + + + + + + + + + + { + "associatedIndex": 5 +} + + + + + + + + + + + + + + + 1727060136071 + + + + + + \ No newline at end of file diff --git a/src/components/Layout/HomeContent.js b/src/components/Layout/HomeContent.js index e9f9b3913..64ff2917a 100644 --- a/src/components/Layout/HomeContent.js +++ b/src/components/Layout/HomeContent.js @@ -66,8 +66,12 @@ function Para({children}) { ); } -function Br() { - return
; +function Br({breakPointPrefix = 'lg'}) { + const breakPointClass = { + lg: 'lg:inline', + xl: 'xl:inline', + }[breakPointPrefix]; + return
; } function Center({children}) { @@ -165,7 +169,8 @@ export function HomeContent() {
- 컴포넌트를 사용하여
사용자 인터페이스 만들기 + 컴포넌트를 사용하여 +
사용자 인터페이스 만들기
React를 사용하면 컴포넌트라고 불리는 조각들을 사용하여 사용자 @@ -432,7 +437,7 @@ export function HomeContent() {
새로운 기능에 맞춰 -
업그레이드 하기 +
업그레이드 하기
React는 변화에 신중하게 접근합니다. 모든 React 커밋은 10억 명 From 79d5dc4d32e92e084949c6645d9230eba122e1d2 Mon Sep 17 00:00:00 2001 From: Hyein Jeong Date: Mon, 23 Sep 2024 19:26:16 +0900 Subject: [PATCH 09/10] =?UTF-8?q?BR=20=ED=83=9C=EA=B7=B8=20props=20?= =?UTF-8?q?=EC=B6=94=EA=B0=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .idea/workspace.xml | 64 --------------------------------------------- 1 file changed, 64 deletions(-) delete mode 100644 .idea/workspace.xml diff --git a/.idea/workspace.xml b/.idea/workspace.xml deleted file mode 100644 index 734af945b..000000000 --- a/.idea/workspace.xml +++ /dev/null @@ -1,64 +0,0 @@ - - - - - - - - - - - - { - "associatedIndex": 5 -} - - - - - - - - - - - - - - - 1727060136071 - - - - - - \ No newline at end of file From 8e56fadeb68d03fd74c91de7e46b845026d72875 Mon Sep 17 00:00:00 2001 From: Hyein Jeong Date: Tue, 24 Sep 2024 14:05:04 +0900 Subject: [PATCH 10/10] =?UTF-8?q?=EA=B3=B5=EB=B0=B1=20=EC=B6=94=EA=B0=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/Layout/HomeContent.js | 1 + 1 file changed, 1 insertion(+) diff --git a/src/components/Layout/HomeContent.js b/src/components/Layout/HomeContent.js index 64ff2917a..6a7f46a70 100644 --- a/src/components/Layout/HomeContent.js +++ b/src/components/Layout/HomeContent.js @@ -71,6 +71,7 @@ function Br({breakPointPrefix = 'lg'}) { lg: 'lg:inline', xl: 'xl:inline', }[breakPointPrefix]; + return
; }