merge: UserLevel 활동 시 얻는 활동 점수 재조정

Author: bellasimi

src/pages/MyInfoPage/LevelModal.jsx

@@ -5,6 +5,42 @@ import theme from 'styles/theme';
 
 const { fontNormal, fontBlack, backgroundLight, fontDark } = theme.color;
 
+const LevelModal = ({ onClose }) => {
+  return (
+    <ModalContainer>
+      <CloseButton name="CLOSE" size={30} onClick={onClose} />
+      <Text fontSize={22} block strong style={{ marginTop: 30 }}>
+        활동 점수
+      </Text>
+      <Text block fontSize={16} style={{ marginTop: 12 }}>
+        활동 점수에 따라 등급이 부여됩니다.
+      </Text>
+      <ScoreDescription>
+        게시물 등록 시 <Strong>+3점</Strong>, 댓글 등록 시 <Strong>+2점</Strong>,<br />
+        다른 사람이 나를 팔로우 할 시 <Strong>+2점</Strong>
+      </ScoreDescription>
+      <LevelList>
+        {levels.map((level, index) => (
+          <LevelItem key={index}>
+            <Avatar
+              src={level.image}
+              size={50}
+              alt={level.name}
+              style={{ backgroundColor: level.color, border: 0 }}
+            />
+            <LevelInfo>
+              <LevelName>{level.name}</LevelName>
+              <LevelDescription>{level.description}</LevelDescription>
+            </LevelInfo>
+          </LevelItem>
+        ))}
+      </LevelList>
+    </ModalContainer>
+  );
+};
+
+export default LevelModal;
+
 const ModalContainer = styled.div`
   width: 100%;
   background-color: white;
@@ -65,39 +101,3 @@ const Strong = styled.span`
   font-weight: bold;
   color: ${fontBlack};
 `;
-
-const LevelModal = ({ onClose }) => {
-  return (
-    <ModalContainer>
-      <CloseButton name="CLOSE" size={30} onClick={onClose} />
-      <Text fontSize={22} block strong style={{ marginTop: 30 }}>
-        활동 점수
-      </Text>
-      <Text block fontSize={16} style={{ marginTop: 12 }}>
-        활동 점수에 따라 등급이 부여됩니다.
-      </Text>
-      <ScoreDescription>
-        게시물 등록 시 <Strong>+2점</Strong>, 댓글 등록 시 <Strong>+1점</Strong>,<br />
-        다른 사람이 나를 팔로우 할 시 <Strong>+1점</Strong>
-      </ScoreDescription>
-      <LevelList>
-        {levels.map((level, index) => (
-          <LevelItem key={index}>
-            <Avatar
-              src={level.image}
-              size={50}
-              alt={level.name}
-              style={{ backgroundColor: level.color, border: 0 }}
-            />
-            <LevelInfo>
-              <LevelName>{level.name}</LevelName>
-              <LevelDescription>{level.description}</LevelDescription>
-            </LevelInfo>
-          </LevelItem>
-        ))}
-      </LevelList>
-    </ModalContainer>
-  );
-};
-
-export default LevelModal;

src/utils/functions/userLevel/getUserLevel.js

@@ -3,7 +3,7 @@ import levels from './levels';
 /* 
   사용자의 점수와 레벨을 계산한다.
   1. 점수
-    포스트 개수(2점) + 댓글 개수(1점) + 팔로워 수(1점)
+    포스트 개수(3점) + 댓글 개수(2점) + 팔로워 수(2점)
 
   2. 레벨 
     1) 초린이: 점수 0 이상 30 미만
@@ -13,7 +13,11 @@ import levels from './levels';
     5) 태양신: 점수 500 이상
 */
 export default function getUserLevel({ posts, comments, followers }) {
-  const score = 2 * posts.length + comments.length + followers.length;
+  const postScore = 3 * posts.length;
+  const commentScore = 2 * comments.length;
+  const followerScore = 2 * followers.length;
+  const score = postScore + commentScore + followerScore;
+
   let level;
   if (score >= 0 && score < 30) {
     level = levels[0];