스파르타코딩클럽 내일배움캠프 27일차

오늘 일과 간단 요약

1. 리액트 입문 강의 정리 작성 후 블로그 글 올리기
2. 프로그래머스 Level 0 1문제
3. 리액트로 투두리스트 만들기 (개인 과제) 진행

 

 

 

 

 

리액트 입문 강의 내용 정리

오전에는 어제 들었던 리액트 강의 정리한 걸 블로그에 정리해서 올렸다.

노션에 정리했었는데, 본격적으로 과제를 해결하기 전에 내용 복습 겸 해서 블로그 글로 작성했는데 생각보다 시간이 오래 걸렸다.

 

강의 시간이 좀 짧기도 하고, 압축적으로 설명을 담아서 리액트를 공부하기에는 너무 부족한 것 같아서

추가 공부를 어떤 걸로 해야 할까 고민인데...그 전에 압축본 복습하는 시간을 가졌다.

덕분에 블로그 카테고리가 단조로웠는데 제법 많아졌다. Javascript도 생기고 react도 생기고....

앞으로 오류나 기타 필요한 정리가 있으면 블로그에도 동시에 올려야겠다.

 

아래는 내가 정리한 정리글 링크.

https://daydream-sy.tistory.com/64

[React] 스파르타코딩 내일배움캠프 React 입문 내용 정리

 

 

 

 

 

프로그래머스 level 0 1문제

어제처럼 2문제를 풀고 싶었는데, 개인 과제하면서 오랜 시간을 써서 그냥 오늘은 1문제만 풀기로.

 

진도표에 나와있는 문제를 풀었는데,

처음에는 뭐를 출력해야 하는지 고민하느라 시간을 좀 썼는데 다행히 잘 풀렸다.

내일도 한 문제를 풀 예정인데, 이것도 잘 풀렸으면 좋겠다.

 

 

 

 

 

리액트로 투두리스트 만들기

아무래도 리액트를 배우는 게 처음이다보니 폴더 구조 자체를 생각하기 힘들어지고 

컴포넌트를 어떤 식으로 나눠야 할지 몰라서 이런 고민희 흔적들이 남았다...ㅋㅋㅋㅋ

 

나름의 와이어프레임

폴더 구조 나눠보기

컴포넌트 나눠보기

 

이런 일련의 과정들과 투두리스트를 만들기 위한 삽질 후...최종 폴더 구조는 이렇다.

 

css 폴더를 따로 나누는게 좋을 것 같아서 나눴는데, 이렇게 컴포넌트를 나누는게 맞나 싶다.

아직 제대로 완성한게 아니지만...

 

일단 지금 구현한 건

1. Todo 추가
2. Todo 삭제
3. UI 구성

인데, 저 추가하는 부분에 버그가 생겨서 그것부터 내일 해결해야 한다...!

처음에는 임시로 input을 하나만 넣어서 제대로 todo가 추가 되고 잘 삭제되었는데, 제목+내용으로 input을 2개로 바꾸니까

todo item이 만들어지긴 하는데 내용이 나오지 않고 나오는 버그가 생겨버렸다.

저녁에 이걸 해결하고 싶었는데 결국 못해서...내일 아침부터 해야한다.

 

현재의 화면은 다음과 같다.

CSS를 끝나고 한 번 더 고쳐야 할 것 같긴 한데...저 제목 input을 추가하니까 그런 버그가 생겨버렸다.

내일은 꼭 해결해서 제출해야 하는데...아직 완료되면 바뀌는 것도 구현 못해서 큰일이다.

그리고 아직 완료전/완료후 이것도 구분해야 하는데 생각은 해놓고 코드로 구현은 아직이라서 할 수 있을지 잘 모르겠다.

 

사실 입문 강의만 듣고서 하기 쉽지 않아서 공식 문서도 보고, 다른 사람들의 블로그 글도 보고...

유튜브 무료 강의도 볼까 고민 중이다.

어찌저찌 만들었긴 한데, 구현 못한 것들이 생각나서 조금 다급해진다.

아까 매니저님이 완성할 필요는 없다고 하셨지만...그래도 잘 만들고 싶은 걸...

내일은 꼭 완성해야지...

 

 

 

 

 

 

짧은 일기

오늘은 아예 개인 과제 한다고 하루가 너무 빨리 가버렸다.

확실히 프로젝트 하는게 시간이 빨리 가긴 한다..이것저것 오류 나는 거 고치고, 아예 컴포넌트를 갈아엎기도 하고...

그나마 저기까지 만든 걸 다행이라고 여겨야하나 ㅎㅎㅎ

 

기능별로 컴포넌트를 나누니까 확실히 코드가 가독성 있고 편하게 볼 수 있긴 하다.

이게 기능이 더 커지면 컴포넌트 폴더 안에 기능별로 js파일을 넣는게 아니라 아예 기능별 폴더가 따로 있다던데,

아직은 투두리스트 정도에도 감탄하고 있다 ㅋㅋㅋ 나중에 언젠가 크게 하겠지 뭐...

 

사실은 자바스크립트랑 리액트랑 다른 부분들을 처음 배우다보니 영 감이 안 잡힌다 아직..

그래도 개인 과제도 해보고 따로 공부도 할 거니까...지금보다는 낫겠지...

아무리 생각해도 내일 제출할 개인 과제는 튜터님이 해설 강의(?)를 해주시고 난 뒤에 다시 리팩토링 할것 같긴 하다 ㅋㅋㅋ

지금 나름 커밋 컨벤션에 맞춰서 커밋하고 있는데, 커밋 로그가 쌓여지는 맛이 있긴 하다.

 

내일은 꼭 오늘 구현 못한 부분 해결했으면 좋겠다!