Today

1. 알고리즘 코드카타

일관된 문자열의 개수 세기

2. 프로젝트 - 가계부

프로젝트 셋업

• 터미널 환경에서 프로젝트 생성
  

• 패키지 설치
  

• github 연결
  github 레포지터리 생성
  VSCode 터미널에서 명령어 입력

  git init
  git remote add origin “url”
  git add .
  git commit -m “first push”
  git branch -M main
  git push -u origin main

와이어프레임 / 컴포넌트 구조 짜기

프로젝트 진행

1. 라우터 셋업
2. 전역 스타일링 적용
3. 월 선택 섹션 구현
4. 입력 폼 섹션 구현
5. 입력된 데이터 불러오기, 월별로 필터링

남은 프로젝트 과제

6. 상세화면 이동
7. 상세화면 - crud 적용

언제하지🥲

---

Learn

1. 텍스트가 길어질 경우 한줄로 줄임

.truncate-text {
  white-space: nowrap; /* 텍스트가 한줄에 표시 */
  overflow: hidden; /* 텍스트 요소가 크기를 넘어갈 경우 숨김 */
  text-overflow: ellipsis; /* 텍스트가 숨겨질 경우 말줄임표(...) */
}

/* 호버링시 전체 내용 보여줌 */
.truncate-text:hover {
  white-space: normal;
  overflow: visible;
  text-overflow: initial;
}

2. 오류 해결

전역 스타일링을 하기 위해 스타일드 컴포넌트를 불러오고 저장하는 순간 오류가 발생 했다.

원인 : 패키지 설치 오류

스타일드 컴포넌트가 잘못 설치되어 있다.

원래 설치하려고 한 패키지 : styled-componets
잘못 설치한 패키지 : styled-componet 너 뭐니

해결

• 명령어 입력
  패키지 설치 : yarn add styled-components
  패키지 삭제 : yarn remove styled-component
  
  

---

주절주절

이것저것 새로운 것을 배우고 오류 해결하고 바쁜 하루지만 아직 할게 많이 남았다는 사실.

내일 주말인데