Code_Refacture

취업시장이 난항을 겪고 있어 취업이 잘 되지 않고,내 문제인가 싶은 생각이 더 크게 느껴져서언젠간 되겠지하며 코드 리팩토링하며 공부하는 일기를 작성할 예정이다.기존 코드를 전부 작성하기엔 어렵기도하고, 가장 처음에 했던 코드이기에 코드량이 너무 많아서 코드분할만해도 한

코드를 가장 최근까지 안보다가 리팩토링을 결심하고, 코드를 포크해서 npm을 설치 후 실행해 보았다. 프로젝트 당시엔 이런 에러가 없었던 것 같은데, 아마 기능들이 업데이트되면서, 그리고 새로운 환경에서 설치해서 에러가 발생하는 듯 하다. 오늘의 목표는 에러부터 잡기

어제에 이어 남은 것들을 리팩토링하는 과정을 적을 예정이다.never used는 그냥 안쓰니까 지워버려서 코드를 간결하게 만들고,타입정의를 먼저 하겠다.LikeListPage에서이 코드를 이런식으로 사용하지 않으면 그냥 삭제해버리고, 추후에 필요하다면 추가하려 한다.그

기존에 styled-components를 사용하여 한 파일에 코드의 길이가 상당히 길었음이 맘에 들지 않아서,스타일을 따로 분리하였다.폴더안에 styles 로 폴더를 만들고이런 식으로 export로 스타일 변수를 선언하고,index.ts 파일로이렇게 내보내 주었다.기존

이런 식으로 Common으로 공통된 Flex 스타일 등을 분리해서호출해서 사용하려 했는데, 스타일 호출이 되지 않아서 왜 그런지 계속 수정하다가 발견했다.이런 식으로 파라미터 형식으로 사용하게 되면 적용이 안되길래 여러 시도를 해보다가스타일을 불러와서 덮어서 사용하니

const MyComponent1: React.FC = ({ children }) => { return (<div>{children}</div>)}특징1\. 타입 자동 완성 제공React.FC를 사용하면 컴포넌트가 기본적으로 children 프로퍼티를 가지

\`interface SampleProps { props: string;}export default function sample1({ props }: SampleProps) { return;}\`\`interface SampleProps { props: strin