Fix: 반응형에 따른 Position, Stack 개수 수정

co-KKIRI · Mar 19, 2024 · f19a80d · f19a80d
1 parent 2adce55
commit f19a80d
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 8 deletions.
diff --git a/co-kkiri/src/components/commons/Positions.tsx b/co-kkiri/src/components/commons/Positions.tsx
@@ -24,8 +24,7 @@ export default function Positions({ positions, variant = "profile", page }: Posi
       if (windowWidth >= tablet) {
         limit = 3;
         if (windowWidth >= desktop) {
-          const isHomeWithSidebarNarrow = page === "home" && isSidebarOpenNarrow;
-          limit = isHomeWithSidebarNarrow ? 4 : 2;
+          limit = isSidebarOpenNarrow ? (page === "home" ? 4 : 3) : 2;
         }
       }
       setDisplayPositions(positions.slice(0, limit));

diff --git a/co-kkiri/src/components/commons/Stacks.tsx b/co-kkiri/src/components/commons/Stacks.tsx
@@ -22,7 +22,7 @@ export default function Stacks({ stacks, variant = "profile" }: StacksProps) {
       let limit = 5;
 
       if (windowWidth >= desktop) {
-        limit = 4;
+        limit = isSidebarOpenNarrow ? 5 : 4;
       }
       setDisplayPositions(stacks.slice(0, limit));
     }

diff --git a/co-kkiri/src/lib/mock/studyList.ts b/co-kkiri/src/lib/mock/studyList.ts
@@ -31,9 +31,9 @@ export const StudyListData: StudyList = {
         isScraped: false,
         progressWay: "오프라인",
         title: "빅데이터 기반 스마트 시티 구축",
-        position: ["프론트엔드", "백엔드"],
+        position: ["프론트엔드", "안드로이드", "디자이너", "개발자"],
         stack: ["Python", "Django", "Vue.js"],
-        memberNickname: "빅데이터스마트시티G",
+        memberNickname: "빅데이터스마트시티G안녕하세요오긴글테스트",
         memberProfileImg: "",
         postViews: 1350,
         postCommentsNum: 155,
@@ -46,8 +46,8 @@ export const StudyListData: StudyList = {
         isScraped: true,
         progressWay: "온라인",
         title: "스마트 홈 네트워크 시스템",
-        position: [],
-        stack: ["Raspberry Pi", "Arduino", "LoRaWAN"],
+        position: ["개발자", "안드로이드", "프론트엔드", "디자이너", "백엔드", "IOS"],
+        stack: ["Node.js", "Express", "MongoDB", "HTML", "CSS", "JavaScript", "Python", "R", "SQL"],
         memberNickname: "스마트홈네트워크G",
         memberProfileImg: "",
         postViews: 1300,
@@ -62,7 +62,7 @@ export const StudyListData: StudyList = {
         progressWay: "오프라인",
         title: "데이터 기반 인공지능 트레이딩 시스템",
         position: ["백엔드"],
-        stack: ["Python", "Pandas", "Scikit-learn"],
+        stack: [],
         memberNickname: "AI트레이딩G",
         memberProfileImg: "",
         postViews: 1250,