![]()
7장. 크롬 개발자 도구 파트를 읽고 개요 웹 개발을 배우게 되면서 개발자 도구를 알게 됐다. 처음에는 HTML, CSS를 알기 좋은 Elements탭, 자바스크립트를 실행할 수 있는 Console탭을 먼저 배우게 됐다. 그리고 어느순간 약간 sources 탭, 그리고 특히 Network 탭을 많이 들여다보게 됐다. (API가 꽂혔는지, 이미지 파일이 꽂혔는지 등 확인하기 시작하면서 였을 것이다.) 이 글 외에도 책에서는 정말 많은 내용을 다루지만 당장 개발자도구에서 뛰적뛰적 사용하기 좋은 것을 정리했다. Source 탭 sources 탭에서 Ctrl + P를 통해 Open File을 하면 웹 페이지에서 사용되는 소스코드를 다 확인할 수 있다. Ctrl+Shift+P로 Run Command 킬 수 있다...
![]()
인트로 나는 사실 클래스 컴포넌트를 써본 적도 배워본 적도 없다. 그렇지만 백엔드 입장에서 봤을 때 클래스를 사용하면 기존에 많이 나온 패턴들을 통해서 더 정형화된 코드, 정리된 코드를 만들 수 있을 텐데. 굳이 함수형을 쓰는 이유가 있을까? 라는 질문을 받았고 그에 대해서 궁금해서 찾아본 결과를 정리하고자 한다. 클래스 컴포넌트? 난 써본 적도 없다. 어떻게 생겼을까;;; React에 hooks가 생긴 16.8 버전 이후 함수형이 대세를 잡았다고 보여진다. 그렇기 때문에 17버전의 후반기, 지금의 18버전만 봐본 나는 써본 적이 없는... 방식이었다. 자, 본격적으로 들어가기 앞서 Class, Function 컴포넌트의 형태는 어떻게 생겼을까? // 클래스형 import React, { Componen..
