개발자가 된 감자

env란?환경 변수 파일을 의미하고, 중요한 key 값이나 DB 비밀번호 등 보안이 필요한 특정 값을 변수에 담아어플리케이션에서 활용할 수 있도록 해주는 설정 파일이다.1. 루트 디렉토리에 .env 파일 생성 후 .gitignore 파일에 .env 추가 하기2. 환경 변수 생성하기REACT_APP_{변수명} 형식 및 대문자로 작성 하는 규칙이 있으므로 참고하자. 3. 환경 변수 사용하기사용하려는 컴포넌트에서 process.env.REACT_APP_{변수명} 으로 접근이 가능하다.  환경 변수가  정상적으로 적용 됨을 확인할 수 있다.

antd 를 이용한 채팅방 개발 중 스크롤 조정이 필요해졌다.채팅 박스 내에 말풍선이 많아져 일정 높이를 넘길 경우 가장 하단의 말풍선을 볼 수 있도록 해야했다.나는 태그의 row 추가 방식으로 말풍선을 추가하고 있었고, 그래서 Table 스크롤을 조정했다.  1. React.useRef 훅을 사용하여 Table 컴포넌트에 대한 참조를 생성하기아래 코드는 Table 컴포넌트의 ref 속성 타입을 사용하여 tblRef라는 참조를 생성한다. 이를 통해 Table 컴포넌트의 하위 DOM 요소나 React 인스턴스에 직접 접근할 수 있게 된다.const tblRef: Parameters[0]["ref"] = React.useRef(null);- tblRef: 생성된 참조의 이름.- Parameters[0]["..