오늘은 이번주에 했었던 Quiz 4개를 다시 직접 손코딩해보는 시간을 가져봤다. 아무래도 기능적인 부분을 확실히 이해해야 코드를 원하는 위치에 쓸 수있을거라는 생각에 기본적인것부터 손에 익히는게 중요하다는 생각을해서였다. 아니나 다를까 이미 해본 문제임에도 불구하고 다시 아무것도 없이 해보려고 하니까 바로 멈칫하게 되었다. 그래서 이것말고도 해보려는게 많았지만 일단은 이 기능들만이라도 내가 자연스럽게 쓸 수 있도록 반복연습을 해두자라는 생각에 계속 반복하면서 코드를 쳐봤다. 처음에는 모르는 부분이 있으면 코드를 조금씩 살피면서 해결을 해나갔고 두번째, 세번째가 되면서부터는 거의 코드를 확인하는 횟수가 현저히 줄어들었다. 너무 하나만 하면 안된다는 생각에 어제 저녁에 연습하던 TodoList frontend 부분도 다시 작성을 해보는 시간을 가졌다. 이 또한 아무것도 없는상태에서 하려니 막막함이 몰려와서 위 코드를 연습했던 방법대로 반복적으로 부족한 부분을 확인하며 코드를 치도록 연습했다. 그리고 나중에는 Quiz 풀때와 마찬가지로 이미지를 두고 코드를 보지않고 최대한 할 수있는만큼 코드를 작성해보는 연습을 했다. 문제에 봉착하면 코드를 보기보다 어떤점이 문제였는지 어떻게 해야 해결할 수 있을지 고민하는 시간을 가졌고, 오류가 생긴 부분을 해결도 할 수 있었고, 오류는 없지만 페이지에 이상하게 송출되는 부분은 과감하게 코드를 다 지우고 다시 작성해보기도 했다. 오늘은 코드를 익숙하게 하는데에 많은 시간을 소요했지만 그만큼 기능적으로도 많이 이해하게 되고 손에도 많이 익어서 나름대로 만족감을 느낄 수 있었다. 그래서 내일은 오늘처럼 다시 코드를 보지않고 작성해보는 시간을 갖고, 오늘 진행했던 부분까지 된다면 추가적으로 다른 기능들을 조금이라도 추가해보는 시간을 가져보려고 한다. 그리고 오늘 오류가 났던 부분들에 대해서도 기록을 남기는게 좋다고 지선매니저님이 말씀해주셔서 오류발생과 해결했던 방법에 대해서 간략하게 남겨놓도록 하겠다.
💡 오류 발생 및 해결.
- 읽어보니 useState를 불러올 수 없다고 적혀있어서 오타도 없는데 뭐가 문제일까 고민하고 있었는데 강사님이 const가 밖에 있으면 안되다고 말씀해주셨던게 생각나서 해결할 수 있었다.
- 이 문제 역시 useState 문제였는데 자세히 읽어보니 "d"라고 표시된걸 확인할 수 있었다. components 시켰을때 대문자를 사용해야하는데 소문자로 적어서 오류가 났던 경우였다.
- 이 오류는 보시다시피 value에 중괄호를 씌웠는데 중괄호가 아닌 "" 를 사용해야 했었다. 다행히 오류에 쉽게 설명이 되어있어 바로 해결할 수 있었다.
- 마지막 오류가 가장 머리아팠는데 아무리 해봐도 해결이 안되서 시간을 많이 잡아먹었는데 결국 싹 지워버리고 처음부터 코드를 다시 작성하니 문제없이 잘 해결할 수 있었다. 내가 못본 어느곳에 코드가 문제가 있었나보다..하하;;
🌜하루를 마치며..
확실히 기본이 중요하다는 의미를 이번주에 특히 절실히 느꼈다. 수업을 따라가는것도 중요하지만 그만큼 기본이 바탕이되어야 알아듣는 범위도 늘어나고 가장 큰 문제인 코드를 내손으로 치지 못하는 문제도 해결할 수 있으니 최대한 많이 코드를 쳐보도록 노력해야겠다. 그리고 하루라도 빨리 내가 직접 구상해서 코드를 칠 수 있는 단계까지 갈 수 있도록 시간을 많이 들여야겠다.
