개발 여행자, 현

nvm - clang error no such file or directory 'cxx=c++' 에러 1. 문제상황 회사에 처음 입사하고 다른 개발자분들과 개발환경을 맞추기 위해 nvm 버전을 낮췄는데 기존 터미널에서 시도했던 설치방법으로 하니 오류가 발생하였다. nvm install 12.20.0 // nvm 12.20.0 버전으로 낮추는 명령어 (기존 설치방법) clang error no such file or directory 'cxx=c++' 2. 해결방법 - M1 맥북 arch -x86_64 zsh nvm install 12.20.0 인텔 맥에서는 다음과 같은 오류가 발생하지 않는 걸로 봤을때 실리콘 M1 맥북을 사용할 때에는 arch -x86_64 zsh 를 작성해줘야 하는 것 같다.

회사 코드를 보면서 컴포넌트를 선언하는 많은 방법중 왜 React.FC를 사용했을까 궁금해서 관련 공부를 하였다. 회사의 거의 모든 컴포넌트는 const App: React.FC = () => { ... } 와 같이 화살표 함수를 이용해 컴포넌트를 선언하였다. 하지만 요즘은 꼭 화살표 함수를 사용해서 선언은 안해줘도 된다. 요즘은 해외의 유명 개발자 분들도 보통 function 키워드를 사용하여 함수형 컴포넌트를 선언하는 추세이다. React 공식 매뉴얼에서도 function 키워드를 사용하고 있다. 1. React.FC의 장점 1) props에 기본적으로 childern이 포함되어 있다. Mac os 기준 option + esc 키를 클릭화면 확인이 가능하다. 2) defaultProps, contex..

useState 1. 개요 state는 컴포넌트 내부에서 생성되고, 값을 변경할 수 있다. 이를 이용하여 컴포넌트의 상태를 관리할 수 있다. 상태(state)란 컴포넌트에서 변화할 수 있는 값을 나타내며, 상태가 변하면 리렌더링(re-rendering) 된다. 상태를 관리해야 하는 컴포넌트는 반드시 class components를 사용해야 했지만, 리액트 16.8 버전 이후를 사용하는 리액트 네이티브 0.59 버전부터는 Hooks라는 것을 사용해 function components에서도 상태를 관리할 수 있게 되었다. 2. 함수형 컴포넌트를 이용하여 상태를 관리하는 법 useState는 function components에서 상태를 관리할 수 있도록 해준다. const [state, setState] =..