뚱이의 이모저모 세상 알기 & 개발 일기 😼 뚱이의 이모저모 세상 알기 & 개발 일기 😼

이번 주의 개인적으로 가장 큰 미션 중 하나는 필드가 연달아 3개가 있을 때, 두 번째 세 번째 필드가 첫 번째 필드의 상태를 보고 자동으로 바뀌는 것을 구현하는 것이었다. 좀 더 자세히는 초기 상태를 Select Field로 두고 Select Field 내용을 api 통신을 통해 받아오는데 이 때 받아올 내용이 없다면 첫 번째 필드를 TextField로 바꾸고, 두 번째, 세 번째 필드에서도 초기에 Select Field 였다가 첫 번째 Field가 TextField로 바뀐 것을 감지 한 후 TextField로 바꾸는 작업이다. 물론 각 필드를 하나씩 구현하면 쉽게 만들 수 있다. 하지만 각 필드는 사실 하나의 컴포넌트를 렌더링 한 것이다. 이를 위해서 Node.js에서 제공하는 eventEmitter..

## 타입스크립트로 서버 기본 셋팅하기 리액트의 경우 typescript template을 사용하면 빠르게 설치가 가능하지만, 서버의 경우 설치를 따로 해줘야하므로 기록을 하려고 한다. Frontend typescript setting 리액트의 경우 앞서 말한대로 template을 이용하면 간단하게 설치가 가능하다. 사이트에 들어가보면 참고를 할 수 있을 것이다. yarn create react-app my-app --template typescript 나의 경우 yarn을 사용하기 때문에 이렇게 install을 해서 사용 할 수 있다. frontend, backend 둘 다를 건들여야할 때는 나의 경우 폴더 트리를 아래와 같이 가져가고 있다. typescript-setting |__ client |__..