Merge pull request #63 from poiu694/refactor/all

release 1.0.0

packages/design-system/utils/colorUtils.ts

@@ -24,7 +24,7 @@ export const getJobByTeam = (type: TeamValueType) => {
     case 'data_ml':
       return ['Data', 'Engineer'];
     case 'design':
-      return ['Designer', ''];
+      return ['Product', 'Designer'];
     default:
       return [`${getTitleCaseTeam(type)}`, 'Developer'];
   }

service/src/components/Main/MainTeam.tsx

@@ -65,9 +65,9 @@ const TeamCardWrapper = styled.div`
     height: 100%;
     margin: 3em auto;
 
-    display: flex;
-    justify-content: space-between;
-    flex-wrap: wrap;
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
+    place-items: center center;
     gap: ${theme.padding.xlg}px;
 
     @media (min-width: ${theme.size.tabletL + 300}px) {

service/src/constants/Introduction.ts

@@ -8,7 +8,7 @@ const FrontEndIntroduction = {
     '열정있는 팀원들이 활동합니다.',
     '혼자만 아는 것이 아니라, 다 같이 공유하는 것을 지향합니다.',
     '개발적으로 어려운 부분은 같이 머리를 맞대고 헤쳐나갑니다.',
-    '다른팀들과 소통하는 법을 배웁니다.',
+    '다른 팀들과 소통하는 법을 배웁니다.',
     '프로젝트를 배포하면서 자신의 결과물을 보여줄 수 있는 팀입니다.',
   ],
   activities: [
@@ -21,11 +21,11 @@ const FrontEndIntroduction = {
   aside: {
     team: 'Frontend Team',
     experience: '무관',
-    needs: ['HTML5', 'CSS3', 'Javascript'],
+    needs: ['열정'],
   },
   wants: [
     '프론트엔드를 진정으로 하고 싶으신 분',
-    '자신의 지식을 공유하는데 꺼리낌 없으신 분',
+    '자신의 지식을 공유하는데 거리낌 없으신 분',
     '개발을 잘 몰라 평소에 아이디어만 가지고 계셨던 분',
   ],
 } as IntroductionType;
@@ -41,15 +41,15 @@ const BackEndIntroduction = {
     '모르는 것에 대해 자신감 있게 물어보고 함께 고민합니다.',
   ],
   activities: [
-    '개인 혹은 팀별 프로젝트를 진행합니다',
+    '개인 혹은 팀별 프로젝트를 진행합니다.',
     '데일리 스크럼을 통해 프로젝트 진행상황을 공유합니다!',
     '백엔드팀 스프린트 리뷰를 통해 한달 활동을 피드백합니다.',
-    'Tech Talk를 통해 개발 지식을 습득합니다',
+    'Tech Talk를 통해 개발 지식을 습득합니다.',
   ],
   aside: {
     team: 'Backend Team',
     experience: '무관',
-    needs: ['JAVA', 'Node', 'Go'],
+    needs: ['열정'],
   },
   wants: [
     'Backend Team의 목표를 달성하고자 함께 노력 하실 분',
@@ -68,15 +68,15 @@ const MobileIntroduction = {
     '개발 공식 문서를 기반으로 자신의 지식을 정리하고 확장합니다.',
   ],
   activities: [
-    '개인 혹은 팀별 프로젝트를 진행합니다',
+    '개인 혹은 팀별 프로젝트를 진행합니다.',
     '데일리 스크럼을 통해 프로젝트 진행상황을 공유합니다!',
     '모바일팀 스프린트 리뷰를 통해 한달 활동을 피드백합니다.',
-    'Tech Talk를 통해 개발 지식을 습득합니다',
+    'Tech Talk를 통해 개발 지식을 습득합니다.',
   ],
   aside: {
     team: 'Mobile Team',
     experience: '무관',
-    needs: ['Android', 'React Native', 'Swift'],
+    needs: ['열정'],
   },
   wants: [
     '눈에 보이는 피드백이 있는 개발을 하고 싶으신 분',
@@ -88,19 +88,34 @@ const MobileIntroduction = {
 const DataMLIntroduction = {
   title: 'Data/ML Developer',
   desc: 'GDSC UOS Data/ML 소개 페이지입니다.',
-  introduction: [],
-  activities: ['테크톡', '기술 블로그 글 작성', '데일리 스크럼'],
+  introduction: [
+    'Deep Learning을 딥하게, Machine Learning을 주도적으로 공부합니다.',
+    '사담 나누기를 좋아합니다.',
+    '깊은 지식을 나누며 성장합니다.',
+    '이론적인 부분을 놓치지 않으려고 노력합니다.',
+  ],
+  activities: [
+    '데일리 스크럼에서 매일 관심 있는 기술, 오늘 있었던 일 등의 이야기를 나눕니다.',
+    '매 달 한 명씩 돌아가며 GDSC 블로그에 본인의 관심사를 정리한 글을 포스팅해 지식을 기록합니다.',
+    '격주로 한 명씩 돌아가며 논문을 읽고, 내용을 공유하는 페이퍼 리뷰를 합니다.',
+    '팀 프로젝트로 외부 대회에 나가기도 합니다.',
+  ],
   aside: {
     team: 'Data/ML Team',
     experience: '무관',
-    needs: ['Python', 'Pytorch', 'Colab'],
+    needs: ['열정'],
   },
-  wants: []
+  wants: [
+    '머신러닝, 딥러닝을 깊게 공부해보고 싶은 사람',
+    '영어로 된 논문을 읽는 것에 부담이 덜한 사람',
+    '데이터 분석 덕후들을 만나고 싶은 사람',
+    '이 글을 읽고 뇌세포의 전기신호가 Threshold를 넘은 사람',
+  ],
 } as IntroductionType;
 
 const DesignIntroduction = {
-  title: 'Designer',
-  desc: 'GDSC UOS Designer 소개 페이지입니다.',
+  title: 'Product Designer',
+  desc: 'GDSC UOS Design 소개 페이지입니다.',
   introduction: [
     '이번에 신규 창설되는 팀입니다.',
     '프로젝트 전체를 이해하고, 개발자들과 소통하는 법을 배웁니다.',

service/src/constants/Question.ts

@@ -14,14 +14,14 @@ const CommonQuestion = [
     type: 'common',
     url: '/qna/detail/2',
     title: '왜 1인 1 프로젝트를 권장하나요?',
-    desc: '프로젝트 활동은 곧 모르는 것을 자신의 것으로 만드는 활동을 의미합니다. 프로젝트는 매일 실천을 꾸준히하며 발자취를 남기면서 과정과 결과를 남길 수 있는 좋은 수단입니다. 자신이 만들어낸 결과물은 곧 할 수 있다는 확신으로 이어집니다.',
+    desc: '프로젝트 활동은 곧 모르는걸 자신의 것으로 만드는 활동을 의미합니다. 매일 꾸준히 실천하며 남기는 발자국들은 멋진 결과물로 이어질 것이고, 이는 곧 ‘무엇이던지 할 수 있다’는 자신감이 돼 돌아옵니다. 여러분들도 이런 프로젝트의 매력에 빠지시길 바라며 권장합니다.',
   },
   {
     id: '3',
     type: 'common',
     url: '/qna/detail/3',
     title: '왜 데일리 스크럼을 하나요?',
-    desc: '매일 꾸준하게 팀원들과 개발 현황을 공유하는 것은 쉽지 않으며 많은 노력이 필요합니다. 매일해야 한다는 생각에 조금이라도 더 보고, 조금이라도 더 나아갈 수 있도록 할 수 있는 수단이기 때문에 데일리 스크럼을 권장하고 있습니다.',
+    desc: '데일리 스크럼은 매일 매일 꾸준히, 성실하게 진행해야 하는 활동입니다. 물론 하루도 빠짐 없이 활동에 참여하는게 쉬운 일은 아니지만, 지속적인 소통을 통해 서로의 인사이트를 나누다 보면 공부 기록과 개발 과정이 자연스럽게 정리돼고, 어느새 서로 자극이 될 만큼 성장해있을 것입니다. 또, 그 과정에서 동료들과 쌓이는 유대감은 여러분에게 GDSC 커뮤니티 일원으로서 자부심을 안겨줄겁니다.',
   },
   {
     id: '4',
@@ -54,13 +54,6 @@ const FrontQuestion = [
     title: '프론트엔드를 처음 시작해도 괜찮을까요?',
     desc: 'GDSC UOS 프론트엔드팀은 현재 실력이 중요하지 않습니다. 대신에, 계획과 목표를 가지고 꾸준하게 앞으로 가는 사람들을 선호합니다.',
   },
-  {
-    id: '104',
-    type: 'frontend',
-    url: '/qna/detail/104',
-    title: '개발을 가르쳐주는 활동이 따로 있나요?',
-    desc: '동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라 만세 무궁화 삼천리 화려강산 대한사람 대한으로 길이 보전하세 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라 만세 무궁화 삼천리 화려강산 대한사람 대한 으로 길이 보전하세',
-  },
 ];
 
 const BackQuestion = [
@@ -116,29 +109,15 @@ const DataMLQuestion = [
     id: '401',
     type: 'data_ml',
     url: '/qna/detail/401',
-    title: '머신러닝에 대해 잘 모르는데 괜찮을까요?',
-    desc: '동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라 만세 무궁화 삼천리 화려강산 대한사람 대한으로 길이 보전하세 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라 만세 무궁화 삼천리 화려강산 대한사람 대한 으로 길이 보전하세',
+    title: 'Tensorflow, PyTorch를 알아야 하나요?',
+    desc: '아니요, 잘 몰라도 됩니다! 들어와서 공부를 시작하고 그 과정을 저희에게 들려주시면 좋겠습니다.',
   },
   {
     id: '402',
     type: 'data_ml',
     url: '/qna/detail/402',
-    title: '개발 경험이 없는데 괜찮을까요?',
-    desc: '동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라 만세 무궁화 삼천리 화려강산 대한사람 대한으로 길이 보전하세 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라 만세 무궁화 삼천리 화려강산 대한사람 대한 으로 길이 보전하세',
-  },
-  {
-    id: '403',
-    type: 'data_ml',
-    url: '/qna/detail/403',
-    title: '주로 어떤 활동을 진행하나요?',
-    desc: '동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라 만세 무궁화 삼천리 화려강산 대한사람 대한으로 길이 보전하세 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라 만세 무궁화 삼천리 화려강산 대한사람 대한 으로 길이 보전하세',
-  },
-  {
-    id: '404',
-    type: 'data_ml',
-    url: '/qna/detail/404',
-    title: '개발을 가르쳐주는 활동이 따로 있나요?',
-    desc: '동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라 만세 무궁화 삼천리 화려강산 대한사람 대한으로 길이 보전하세 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라 만세 무궁화 삼천리 화려강산 대한사람 대한 으로 길이 보전하세',
+    title: '기본적인 개념이 잘 안잡혀 있는데 괜찮나요?',
+    desc: '물론 들어오셔서 공부하셔도 무방하지만, 영어로 된 논문을 읽고 공유하는 페이퍼 리뷰 활동이 조금 버거우실 수도 있습니다.',
   },
 ];
 

service/src/constants/Team.ts

@@ -5,6 +5,6 @@ export const teams: QuestionListItem[] = [
     { type: 'frontend',title: 'Frontend Team', url: '/qna/frontend' },
     { type: 'backend',title: 'Backend Team', url: '/qna/backend' },
     { type: 'mobile',title: 'Mobile Team', url: '/qna/mobile' },
-    { type: 'data_ml',title: 'DA/ML Team', url: '/qna/data_ml' },
+    { type: 'data_ml',title: 'Data/ML Team', url: '/qna/data_ml' },
     { type: 'design',title: 'Design Team', url: '/qna/design' },
   ];

service/src/pages/index.tsx

@@ -10,7 +10,7 @@ import { Helmet } from '../components/common';
 const Home: NextPage = () => {
   const { data, error } = useSWR('/api/main', fetcher);
   const { logPageView } = useGA();
-  logPageView('/');
+  logPageView('메인 화면 조회');
   useAOS();
 
   if (error) return <div>Failed to load</div>;

service/src/pages/introduction/[teamName].tsx

@@ -26,14 +26,14 @@ const IntroductionPage: NextPage<IntroductionProps> = ({
   logPageView(`/introduction/${teamName}`);
 
   const handleClickSupportBtn = () => {
-    logEvent('Application', `click ${teamName} application`);
+    logEvent('Application', `${teamName}에서 지원하기 클릭`);
     if (window) {
       window.open(GOOGLE_FORM_LINK, '_blank');
     }
   };
 
   const handleClickQuestionListBtn = () => {
-    logEvent('Click(Question)', `click ${teamName} question`);
+    logEvent('Click(Question)', `${teamName}에서 자주 묻는 질문 클릭`);
     router.push(`/qna/${teamName}`);
   };
 
@@ -51,7 +51,7 @@ const IntroductionPage: NextPage<IntroductionProps> = ({
               items={introduction.activities}
             />
             <List
-              title={`${getTitleCaseTeam(teamName)} 팀은 이런 분을 기다립니다.`}
+              title={`${getTitleCaseTeam(teamName)} 팀은 이런 분을 기다립니다`}
               items={introduction.wants}
             />
           </ContentsWrapper>

service/src/pages/qna/[teamName].tsx

@@ -23,7 +23,7 @@ interface QnaListPageProps extends TeamNameProps {
 
 const QnaListPage: NextPage<QnaListPageProps> = ({ questions, teamName }) => {
   const { logPageView } = useGA();
-  logPageView(`/qna/${teamName}`);
+  logPageView(`${teamName} 질문 페이지 조회`);
 
   return (
     <>

service/src/pages/qna/detail/[id].tsx

@@ -15,7 +15,7 @@ interface QnaPageProps {
 
 const QnaPage: NextPage<QnaPageProps> = ({ question }) => {
   const { logPageView } = useGA();
-  logPageView(`/qna/detail/${question?.id ?? ''}`);
+  logPageView(`${question?.title ?? ''} 질문 조회`);
 
   return (
     <>