220809 TIL - 과제 테스트 문제 보고 멘붕😭

📝TIL, 느낀 점

⁉️ Q&A

✅ 공부

• React
  • Mock Data, Fetch를 활용하여 백엔드와 연동 하기 전 직접 데이터를 만들어 UI와 연결하는 연습을 했다.
  • Data 가 많이 없고, 구조가 간단해서 많은 시간이 걸리진 않았다. 하지만 Components가 많아지고, 데이터 흐름이 복잡해질수록, 그리고 데이터 구조가 복잡해질수록 복잡도는 기하급수적으로 증가할것이라는 느낌이 오더라.
  • 단순히 인스타의 피드리스트, 그리고 각 피드마다 존재하는 댓글 리스트를 { 메인-피드-댓글 컴포넌트 }를 연결하는데도 생각할것이 조금 있었는데, 나중엔 정말 생각을 잘해야겠더라.
  • 아무튼 이런 데이터 흐름, 즉 상태관리를 위해 리덕스를 사용하고, 여타 다른 라이브러리들을 사용하고 한다고 한다. FE의 기초, React의 기초를 배우는 지금 잘배워서 나중에 기본이 흔들려 이해하지 못하는 경우가 없도록 노력해야겠다.
• 과제테스트
  • 시간이 좀 남아 프로그래머스에서 과제테스트를 구경해봤다. 그래서 FE 공부를 200시간 정도는 해서, 과제가 어렵고, 시간이 오래 걸릴순 있어도, 어떤 느낌인지는 알줄 알았다.
  • 그러나 해설지를 본 순간 머리가 어질어질해지더라.
  • Vanilla JS를 활용해 SPA를 구현하는데, 각 컴포넌트를 리액트의 클래스 컴포넌트 처럼 구현해두었고, 심지어 데이터의 이름 또한 this.state 를 사용하며 상태관리를 하는 형태더라.
  • 어… 이게 뭐지.. 싶은 혼란함에 정신을 놓을뻔했는데 ㅋㅋ 다행히 정신을 차리고 과제 테스트, FE에 대해 구글링 해보면서 다시 정신을 차리고 있었다.
  • 위코드 과정에서 FE과정이 엄~청~ 어려운 편은 아니라서 FE라는 것 자체에 대해서 오해하고 있었는지도 모르겠다. 내가 엔트리 레벨이기에 쉬운 부분만 나오는거고, 큰 그림을 몰라서 오해하는거지, 올라서야 할 산은 충분히 높다는걸 이번 기회에 알게 되었다.
  • 어차피 넘어야 할 산이라면 지금부터 한발씩 내딛어야겠다. 하나도 이해가 안되지만 해설지를 보며 코드를 따라 쳐보면서 이해해봐야겠다. React 클래스 컴포넌트 방식도 공부해봐야겠다. 역시나 edwith에 클래스형 컴포넌트 리액트 강의가 있는 이유가 있었다…
• LeetCode

  • 어제 답을 보고 풀이를 제출한 Reverse Linked List의 재귀함수 풀이를 오늘 다시 풀어보았다.

  • 재귀함수를 제대로 이해하지 못한건지 계속 Runtime Error를 내며 해결하지 못했다.

  • 문제가 된 코드는 아래 코드의 주석부분이다.
    result라는 변수에다가 결과값을 리턴해두는게 아니라 head에다가 그대로 재귀함수의 결과값을 넣어버려서 내가 스스로 삭제한 head.next를 접근하다보니 자꾸 Null Exception이 뜬것이다… 허허…

  • 재귀함수… 이놈을 어떻게 해야하나…

  • 항상 하는 단골 멘트지만 “시간 때려박아야한다.” “많이 풀어봐야한다.” “익숙해져야한다.” 허허 그래도 개발 능력 기르는 방법은 간단해서 좋네 🤣🤣 걍 졸라 많이 하면 됨 ㅋㅋ(물론 올바른 방법론은 항상 찾고 있습니다.)

    var reverseList = function(head) {  
      if(head === null || head.next === null) {
        return head;
      }
      
      const result = reverseList(head.next);
      // head = reverseList(head.next);
    
      head.next.next = head;
      head.next = null;
      
      return result
    	// return head
    };

😊 일상

• IDE 사용 (VSCODE)
  • 에디터창을 여러구역으로 쪼개고 구역사이를 이동하기
    • (컨트롤 1, 컨트롤2 하면 창 쪼개짐 (1번, 2번 편집창으로 이동도 됨)
    • 컨트롤 p 누르면 파일열기 됨, 그럼 쪼갠 창에서 각각 파일을 디렉토리 구조 몰라도 이름알면 검색해서 열수있음
  • 특정 라인으로 라인이동
    • 컨트롤 G
  • 이전 수정한 부분으로 돌아가기
    • Alt + 좌우 화살표

🗺️ 좋은 글

📚

🚀🚀개선 점 및 계획

• 아무래도 자꾸 클래스형 컴포넌트도 배워야 한다는 생각 + 계기가 생긴다.
  • ⇒ 생활코딩의 클래스형 컴포넌트 강의를 먼저 완강해야겠다. 그리고 과제 테스트의 SPA 구현 방식을 보면 이해가 조금이라도 될것 같다. 화이팅하자.
  • 항상 오늘 같은 멘붕이 찾아오면 각성하고 한 단계 성장하곤 했었다.
  • 여기서 재밌게 공부하면서 너무 마음을 놓은게 아닌가? 생각이 든다.
  • 마음을 잡고, 제대로 빡세게 공부하자.