🗂 WIL/📁 TypeScript

ElementRef

import { useRef } from "react"; const Component = () => { const buttonRef = useRef(null); return Hello; }; 항상 써왔던 방식은 ref 에 호버해서 해당하는 프로퍼티를 확인하는 방식이였다. ElementRef ElementRef 를 사용하면 조금 더 쉽게 사용할 수 있다고 한다. 👍 import { useRef, ElementRef } from "react"; const Component = () => { const buttonRef = useRef(null); return Hello; }; typeof 도 사용가능! 이미 이전 버전을 사용하고 있다면 굳이 ElementRef 로 변경할 필요는 없다! https://www...

💡 TypeScript 사용한 후기

TypeScript 을 공부하고 나서, 처음으로 TodoApp 에 적용하여 만들어 보았다. 사용하면서 느낀 장점과 소감을 간단하게 정리해보았다. # 객체 안의 속성 값을 기억하지 않아도 IDE 가 자동으로 리스트업 해준다. 객체, 함수의 매개변수로 들어오는 변수의 이름, type 까지 알 수 있기 때문에, 코드를 작성하는 데 있어서 개인적으로 훨씬 편했다. 복잡하지 않은 구조인 TodoApp 에서도 간편함을 느꼈기에, 훨씬 복잡한 구조였던 팀 프로젝트에 적용했더라면 하는 아쉬움도 생겼다. # 협업의 개발 생산성 향상 - 회사 프로젝트 사실 위의 글과 연결된 내용인데, 협업할때 개발 생산성을 높일 수 있다는 생각이 들었다. 개인 프로젝트는 단기간, 혼자 구현하는 코드이기에 나만 알아보는 코드가 되어도 실행..

Props.children 타입 지정?

🚀 React.FC 를 사용할까? 🚪 들어가기 전에 TypeScript 학습을 위해 TypeScript를 이용해서 TodoApp을 만드는 중에 Container를 공통 컴포넌트로 만들기 위해 props.children을 사용할 일이 생겼다. props.children 은 타입 지정을 어떻게 해야 할지? 찾다 보니 React.FC를 발견하게 되었는데, React.FC 가 무엇인지? 에 대해 알아보았다. (현재 프로젝트에는 적용하지 않은 상태이다.) # React.FC 는 무엇일까? FC = FunctionComponent 타입의 줄임말로 과거에는 클래스형 컴포넌트 개발을 주로 했지만, 현재 리액트에서 함수형 컴포넌트 개발이 주를 이루면서 함수형 컴포넌트 타입을 선언할 때 사용하는 타입이다. 아래는 FC 타..