[DevNote] 0128

오늘 내가 공부 한 것.

• React를 더 잘 알아보기위해 공식 홈페이지에서 Tutorial을 시작했다. 게임을 만드는 코스인데,
  이걸로 react에 대해서 좀 더 알 수 있으면 좋겠다.
• React 팀과제를 하면서 20개 정도의 키워드에 대해서 공부했다. 오늘은 그 내용을 조금 정리해봐야 겠다.

팀 과제를 하면서 알게 된 것.

1. 가상돔이란 무엇인가?

   • 가상돔이란 우리가 가상으로 UI를 저장해두었다가 realDOM과 연동시켜주는 프로그래밍 컨셉이다.
   • 가상돔을 잘 설명하는 영상 링크
     
     https://youtu.be/BYbgopx44vo

2. 스프레드 문법이란 무엇인가?

   • 하나로 뭉쳐 있는 여러 값들의 집합을 펼쳐서 개별적인 값들의 목록으로 만드는 것.
   • 값을 만드는게 아니기 때문에 변수에 할당할 수 없다.
   • 따라서 단독으로 사용될 수 없고 다음과 같이 사용 될 수 있다.
     • 함수 호출문의 인수 목록
     • 배열 리터럴의 요소 목록
     • 객체 리터럴의 프로퍼티 목록(최신버전)
   • 참고링크 : https://velog.io/@seongkyun/%EC%8A%A4%ED%94%84%EB%A0%88%EB%93%9C-%EB%AC%B8%EB%B2%95

3. SPA와 MPA 방식의 차이점은 무엇인가?

   • SPA (Single Page Application)는 단 하나의 HTML을 가지고 Application 이다. React, Vue, Angular등의 동작 방식
   • 첫 접속시 모든 컴포넌트를 받아오기 때문에 첫 접속 로딩이 느리다. 즉, 사용자가 사용하지 않는 부분까지 모두 내려받는다.
   • 참고 링크 : https://ko.wikipedia.org/wiki/%EC%8B%B1%EA%B8%80_%ED%8E%98%EC%9D%B4%EC%A7%80_%EC%95%A0%ED%94%8C%EB%A6%AC%EC%BC%80%EC%9D%B4%EC%85%98
     -MPA (Multi Page Application)는 전통적인 동작 방식을 의미한다.
     -SSR(Server Side Application) 방식으로 렌더링한다. 새로운 페이지를 요청할 때마다 렌더링된 정적 리소스(HTML, CSS, JS)가 다운로드된다.
   • 참고 링크 : https://hanamon.kr/spa-mpa-ssr-csr-%EC%9E%A5%EB%8B%A8%EC%A0%90-%EB%9C%BB%EC%A0%95%EB%A6%AC/

느낀점

• React를 강의만으로 이해하는 것은 한계가 있을 것 같다. 이번에 공식 홈페이지에서 튜토리얼을 따라
  가면서 리액트의 ES6버전에 대해서 더 자세히 알수 있는 기회가 되었으면 좋겠다.
• 참고링크 : https://poiemaweb.com/
• 알고리즘 문제를 하루에 한문제씩 풀어봐야 겠다. (스터디에 들어갈 수 있으면 더욱 좋을 듯)
• 목요일은 항상 과제를 끝냈다는 것 때문에 기분이 조금 붕 뜨는 것 같다. 이 시간에 더욱 집중해서 시간을 헛투로 쓰지 않아야 겠다. (알고리즘 같이 집중할 수 있는 것을 하는 것도 좋을 듯.)

오늘의 한줄

내가 여기서 뭐하고 있는거지 생각이 들면, 애초에 꿈꿨던 미래를 생각해보자

열심히 공부하고 준비해서 해외에서 일하는 개발자가 될 수 있도록 준비하자!