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

오늘 일과 간단 요약

1. 프로그래머스 Level 0 1문제 (풀이 링크)
2. 숙련 과제 하기
3. 숙련 과제 오류 해결하기 (팀원들과 함께)
4. 유데미 section 4 이어서 수강

 

 

 

 

 

 

프로그래머스 Level 0 1문제

오늘도 습관처럼 진도표 보고 들어가다 그냥 계획을 바꿨다.

아직 정답률 낮고 복잡한 문제를 풀고 싶지 않아서 그냥 정답률 순으로 풀기로 마음 먹었다.

물론 그게 정답은 아니지만....그냥 아직은 조금 더 편하게 풀고 싶달까 ㅋㅋㅋㅋㅋ

그래서 내가 풀던 대로 정답률 높은 순으로 정렬하고 풀지 않은 문제를 한 문제 풀었다.

확실히 어제보다 시간이 훨씬 짧게 걸린 기분...ㅎㅎ

 

뭐가 정답인지 잘 모르겠지만...그냥 이렇게 해야 내 마음은 더 편할 것 같다 ㅋㅋ

 

 

 

 

숙련 과제

어제에 이어서 숙련 과제를 진행했다. 어제 발생한 오류는 해결하긴 했는데....

문제는 어디서인지 컴포넌트를 받아올 수 없다는 오류가 뜨는 것이다...!

 

생각해보니까 이전 과제에서는 todoList 따로 todoItem 따로 해서 하나씩 받아서 list에 추가하는 형식이었는데,

지금 과제에서는 이전처럼 나누니까 적용이 안된다는 사실을 깨달았다.

그래서 아예 item 파일을 지워버리고 list 파일 안에 전부 넣어서 했더니 이전처럼 투두리스트 자체는 만들수 있었다.

 

그런데 문제는....자세히 보기 버튼을 클릭하니 아무것도 보이지 않는 일이 발생했다.

오류 해결하고 나니 또 오류라니....계속 해결하려고 했는데 해결되지 않아서 그냥 팀원들과의 시간에 해결하려고 했다.

결과적으로 아주 좋은 선택이었다!

 

 

 

 

조원들과 과제 함께 해보기

월요일에는 입문 과제에 대해 간단히 코드 리뷰하고 어떤 방식으로 풀었는지에 대해 이야기를 나눴는데,

오늘은 숙련 과제 진행하면서 생긴 오류를 해결하기 위해서 모였다. 사실은 내 오류 물어보려고...ㅎ

 

역시나 집단 지성이 최고다...!

다함께 내 코드를 보면서 오류를 해결해주려고 고민했는데, 엄청난 결론을 얻고 드디어 해결해냈다...!

그래서 순조롭게 해결 완료!

 

 

 

오류 해결한 기록은 리드미에 작성해두었다...!

숙련 강의에서 배운 것들을 이용해서 바꾸라니까 처음에는 이게 뭘까....? 하면서 시간이 오래 걸렸었는데,

막상 코드를 작성하는 건 대부분 이전 과제에서 가져와서

리덕스 흐름이랑 router 사용하는 부분만 고민해서 작성하니까 전보다 하루 일찍 완성할 수 있었다.

 

역시 다같이 모여서 보니까 내 코드를 조금 더 객관적으로 볼 수 있었다.

혼자 하려면 시간이 엄청 오래 걸리고 뭔지도 몰랐을 것 같은데 다행이다.

 

나 뿐만 아니라 다른 조원들의 코드도 구경하고 새로운 꿀팁들도 알게 되었다.

 

https://wsss.tistory.com/75?category=701719#none 

[Text] 텍스트를 예쁘게 꾸며주는 다양한 애니메이션 소스

누군지 모를 분의 블로그인데,

완전 독특한 CSS도 볼 수 있고, 나중에 디자인 적용할 때 이분 블로그를 참고하면 좋을 것 같다.

나도 다경님한테 링크 받은 부분이다 ㅎㅎ

이번 과제에는 적용하지 않고, 혼자 연습으로 만들어본 곳에 적용해봤는데 정말 예쁘다.

세상은 넓고 능력자들은 참 많다...ㅎ

 

이 외에도 다른 오류가 있었는데,

잠깐 다르게 작성해보고 다시 돌아와서 새로고침하니까 오류가 사라져 잇었다(?)

 

Warning: A component is changing an uncontrolled input to be controlled.

 

이런 오류였는데, 투두 리스트를 추가하는 input 과정의 오류였다.

뭐가 안되는 오류는 아니고 콘솔창에 찍히는 오류였는데,

 

input value로 undefined 가 들어가서 생기는 오류였다.

그래서 input의 value가 undefined가 들어올 때 ' ' 빈 값을 받도록 조건을 달아주었더니 오류가 사라졌었다.

 

value={todo.title || ''}

 

이런 식으로 조건을 달아주니 괜찮았는데,

잠깐 다른 식으로 코드 짜본다고 했다가 오류 나서 아예 없애고 원래대로 돌아왔는데,

이상하게 오류가 사라졌다(?)

 

그래서 우리 모두가 찰나의 오류였나, 잘못 본건가 했다...ㅋㅋㅋㅋ

다행히 오류는 해결되었지만 진실은 미궁 속으로....저런 오류가 생기는 건 맞긴 한데...원래 코드에 없다가 생긴 오류라서 웃긴 해프닝으로 마무리되었다.

 

이러한 우여곡절 끝에 완성된 나의 투두리스트 업그레이드 버전

늘 그렇듯 만들어진 완성본을 보면 기분이 참 좋다 ㅎㅎ

리드미에도 있는 실제 구현 모습이다

 

 

이렇게 조원분들과 함께 공부하다가 나 혼자 마무리까지 하고 나니 숙련 과제 완료...!!

이제는 급하게 머리에 우겨넣은(!) 리액트 공부를 다시 천천히 할 차례다.

 

 

 

 

유데미 section4 강의 이어서

어제에 이어 듣다가 만 유데미 강의를 조금 들었다.

8시에 특강이 있었어서 시간이 얼마 남지 않아서 얼마 듣지 못했지만...

역시나 자세히 리마인드 하니까 좋다.

 

그냥 실전에 적용해보고 정확한 흐름을 이해하지 못한 것들도 짚고 넘어가주니까 좋은 복습자료가 된다.

오늘로 리덕스 과제를 마무리했으니까 내일과 금요일은 좀 많이 들어서 진도를 따라잡아야겠다.

 

 

 

 

 

 

짧은 일기

항상 프로젝트하는 기간에 급격히 친해지고 헤어질 때 아쉬웠는데,

이번 조는 공부하는 중간에 이런 시간을 가지니까 오히려 좋았다. 전에도 그렇게 할 걸, 아쉬움이 생긴다.

혼자 공부하다 보면 비효율적으로 시간을 쓸 때가 많은데,

물어보고 싶은 걸 팀원들에게 물어보고 나도 할 수 있으면 알려주고 하는 이러한 과정이 좋다.

이래서 부트캠프를 신청했었는데, 초기의 생각을 잊고 지냈었는데 이젠 그러지 말아야지.

개인 공부만큼이나 다같이 공부하는 게 중요하다고 느껴진다.