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

오늘 일과 간단 요약

1. 프로그래머스 Level 0 1문제 (풀이 링크)
2. 개인 과제 완성 및 제출
3. 과제 리뷰 실시간 강의

 

 

 

 

 

 

프로그래머스 Level 0 1문제

진도표에 제공된 문제를 풀었는데, 평소보다 시간이 훨씬 더 걸렸다.

문제가 쪼금 더 길다고 그런건가...ㅋㅋㅋ 아니면 생각을 한 번 더 해야 문제를 풀 수 있어서 그런가

아무튼 보통은 짧은 시간 안에 풀고 풀이글까지 올리는데, 오늘은 좀 오래 걸렸다.

 

본격적인 코딩테스트를 준비하려면 한 문제도 오래 걸려서 풀어야 한다던데...

개인 과제 하기 전에 refresh 개념으로 하려고 했는데 오히려 더 고민하면서 풀었었다

그래도 풀어서 다행...다른 사람들 코드 구경하는 재미도 있었다.

 

 

 

 

개인 과제 완성 및 제출

월요일에 초기 세팅만 마치고 어제부터 거의 하루 종일 걸렸던 개인 과제....

16시까지 제출이었는데 놀랍게도 나는 3시 59분에 냈다...ㅋㅋㅋ

그래도 미완성보다는 완성 형태로 내고 싶어서 욕심을 좀 냈는데 1분 차이로 그전에 내서 다행이다.

 

오늘 해야 할 기능은 다음과 같았다.

• 완료-최소 toggle
• working/done 분리하기
• 제목+내용 input 시 생기는 오류 해결
• css 수정

 

 

그리고 내가 해결한 방법은 바로...튜터님한테 질문하기!

이전 팀프로젝트 할 때 두번? 정도 찾아가고 면담한 걸 제외하고는 사실 질문하러 가지 않았다.

개인 공부 하느라 시간을 보낸 것도 있고, 이것저것 강의 듣고 이러느라 튜터님한테 갈 시간이 없었는데...오늘은 두번이나 갔었다.

 

오전에는 제목+내용 저 오류가 해결이 안되서 찾아갔었는데,

덕분에 자바스크립트 개념에 대해 잘못 안 부분과 애매하게 알던 부분을 짚어주셔서 공부할 수 있었다.

자세한건 프로젝트 리드미에 적힌 error log에 있다.

이 부분인데, 사실 너무 간단해보이지만...난 저 개념 자체를 아예 추상적으로 알고 있어서 그랬떤 것이다 ㅠㅠ

저거 조금 고쳤는데 놀랍게도 아주 잘 돌아가는 내 페이지를 보며 참 신기했었다.

이래서 개념 공부가 중요하구나 싶고, 사실 프로젝트 안 했으면 그냥 넘어갔을 것 같은 개념이라서 좋은것 같기도 하고..

그래도 하나 알아가서 다행이다.

 

그리고 나서는 토글 부분을 해결하고 css도 만지고 다른 자잘한 것들을 고쳐가면서 보완하다가,

오후에 한번 더 찾아가서 질문을 했었다.

수정-완료 토글은 완성했는데 진행중/완료 분리하는 게 조건문 말고는 생각나지 않아서 코드를 여러번 고쳤는데,

마치 내가 타노스인것처럼 페이지 자체가 새로고침되는 오류가 생겨서 결국 튜터님께 질문하러 갈 수밖에...ㅎ

 

이번에도 아주 완벽한 처방이었다.

• TodoList.js 에서 list를 받아올 때 조건 하나 더 추가
• item.check === check << 이 조건을 만족하면 TodoItem을 불러오는 것으로 해결 완료

<ul className="TodoList">
      {todo.map(
        (item) =>
          item.check === check && (
            <TodoItem key={item.id} item={item} onToggle={onToggle} onDel={onDel} />
          )
      )}
 </ul>

 

이 부분을 추가하면 되었던 것이다...!!

저런 식으로 코드 쓰는 걸 처음 봐서 신기하고 새삼스럽게 짧은 코드 하나로 제대로 작동하는 게 대단해보였다.

 

저걸 거의 3시 30분 넘어서 질문하러 가서 바로 해결했는데 약간의 css 수정을 거치고 나서야 개인 과제가 끝이 났다!

애초 목표였던 기능 구현 완성을 잘 이룰 수 있어서 좋다. 디자인이 좀 아쉽긴 하지만...그건 어쩔수 없고...

혼자서 처음부터 끝까지 해본게 처음이라서 너무 신기하고 좋은 경험이었다.

비록 삽질하는 시간이 너무 길어서 가끔은 멍하니 코드만 보고 있던 때도 있었지만....ㅋㅋㅋ

리액트뿐만 아니라 자바스크립트 개념을 잘 모른다는 생각과 함께 더 공부해야겠다는 생각이 들었다.

 

완성된 코드는 여기에!

https://github.com/seoyeon-jung/react-todolist

GitHub - seoyeon-jung/react-todolist

 

나름 열심히 커밋도 해봤다! 아직도 컨벤션을 정확히 쓰진 못했지만...나름 노력했다...ㅎ

 

 

 

 

 

 

 

짧은 일기

프로젝트를 만들면서 공부하다보니 잘 모르면서 쓰는 문법도 알게 되고, 또 썼는데 이유를 모르는 함수들도 발견했었다.

그런 것들을 다시 한번 생각해보고, 구글링해보는 게 프로젝트를 통한 공부이지 않을가 싶다.

리액트 입문이 이정도 난이도라니...처음 해봐서 난이도가 너무 높게 느껴지는 것 같긴 하지만...

일단은 숙련 강의가 당장 내일부터 시작인데, 유데미에서 구매한 리액트 강의와 함께 병행하면서 들어야겠다는 목표가 생겼다.

 

그리고 이번에 했던 과제처럼, 유튜브나 다른 강의에서 제공하는 클린코딩을 통해서 프로젝트를 해보는 것도 좋을 것 같다.

다 할 시간이 있을지는 모르겠지만...가능하다면 미니 프로젝트를 통해 배우는게 많을 것 같아서 고민 중이다.

리액트를 아예 처음 해봐서 그런가...아직은 좀 어색하고 어렵기만 하다.

 

그래도 운좋게 개인 과제를 완성한 상태로 제출할 수 있어서 다행이다.

다음 숙련 강의 이후 과제가 얼마나 어려울지 잘 모르겠지만...지금 이걸 전부 해결한 것만으로도 내 자신이 뿌듯하다...ㅎ

공부해야 할게 많긴 하지만...그래도 하나의 산은 넘어간 기분이다.