fix: 함수 적용 시 잘못 적용된 부분 해결 및 reload 로직 삭제 (#474)

* fix: getTextColor의 파라미터가 undefined일 때 오류 처리 로직 추가 및 Chip.styles에 잘못적용된 부분 수정

* fix: NavBar 로고 클릭 시 reload 삭제

frontend/src/components/Chip/Chip.styles.js

@@ -6,7 +6,8 @@ const Container = styled.div`
   width: ${({ width }) => (width ? width : 'fit-content')};
   max-width: ${({ maxWidth }) => maxWidth};
   background-color: ${({ backgroundColor }) => backgroundColor ?? COLOR.LIGHT_GRAY_200};
-  color: ${({ backgroundColor }) => getTextColor(backgroundColor) ?? COLOR.BLACK_900};
+  color: ${({ backgroundColor }) =>
+    backgroundColor ? getTextColor(backgroundColor) : COLOR.BLACK_900};
   padding: 0.2rem 0.8rem;
   border-radius: 5rem;
   margin-right: 1rem;

frontend/src/components/NavBar/NavBar.js

@@ -53,9 +53,8 @@ const NavBar = () => {
     }
   }, [user]);
 
-  const goMainWithReload = () => {
+  const goMain = () => {
     history.push(PATH.ROOT);
-    window.location.reload();
   };
 
   const goNewPost = async () => {
@@ -124,7 +123,7 @@ const NavBar = () => {
   return (
     <Container isDropdownToggled={isDropdownToggled} onClick={hideDropdownMenu}>
       <Wrapper>
-        <Logo onClick={goMainWithReload} role="link">
+        <Logo onClick={goMain} role="link">
           <img src={LogoImage} alt="PROLOG 로고" />
           <span>{process.env.REACT_APP_MODE === 'PROD' ? 'BETA' : process.env.REACT_APP_MODE}</span>
         </Logo>

frontend/src/utils/textColorPicker.js

@@ -1,6 +1,10 @@
 import { COLOR } from '../constants';
 
 function getTextColor(hexColor) {
+  if (!hexColor) {
+    return `${COLOR.BLACK_900}`;
+  }
+
   const rgb = parseInt(hexColor.substring(1), 16);
 
   const r = (rgb >> 16) & 0xff;