All

214 posts

웹 페이지 상에서 많은 양의 데이터를 일목요연하게 보여주기 위해서 테이블(table) UI가 많이 사용됩니다. 정렬이나 검색을 지원하는 완성도 있는 테이블 UI를 직접 개발하려면 생각했던 것보다 구현이 복잡해지는 경우가 많은데요. React Tabl…

웹 페이지에서 많은 양의 데이터를 일목요연하게 보여주기 위해서 테이블(table) UI가 많이 사용됩니다. React로 완성도 있는 테이블 컴포넌트를 개발하려면 이외로 고려할 부분이 많아서 생각보다 많은 시간과 노력이 들어가게 되는데요. 이번 포스트…

이번 포스트에서는 환경 변수를 파일에 저장할 수 있도록 해주는 dotenv 라이브러리에 대해서 알아보겟습니다. 설치 npm 패키지 매니저를 이용하여 dotenv 라이브러리를 Node.js 프로젝트에 설치합니다. .env 파일 작성 dotenv 라이브…

이번 포스트에서는 Node.js에서 환경 변수에 어떻게 접근하고 설정할 수 있는지 알아보겠습니다. 환경 변수란? 먼저 환경 변수(environment Variables)가 무엇인지 간단하게 개념부터 짚고 넘어가겠습니다. 일반적으로 우리는 코드 베이스…

React 앱을 개발하다보면 네트워크를 통해 REST API나 GraphQL API를 호출하여 원격에 있는 데이터를 가져와야 하는 일이 빈번하게 생기는데요. 이번 포스트에서는 React 훅 함수를 이용해서 원격 API를 깔끔하게 호출하는 방법에 대해…

이번 포스트에서는 React에서 웹 스토리지를 사용해서 컴포넌트의 상태를 유지시키는 방법에 대해서 살펴보겠습니다. useState()로 유실되는 상태 관리하기 React에서 제공하는 useState() 훅 함수를 사용하면 컴포넌트의 상태를 간편하게 …

웹 개발을 하다보면 <script> 엘리먼트를 이용해서 HTML 문서 안에 자바스크립트 코드를 삽입하는 경우가 필연적으로 생기기 마련인데요. 이번 포스트에서는 이렇게 정말 자주 사용하게 되는 <script> 엘리먼트를 좀 더 효과적으로 사용하는 방법…

웹 애플리케이션을 개발할 때 브라우저 상에서 유저가 발생시키는 이벤트에 애플리케이션이 예상대로 반응하는지 어떻게 테스트할 수 있을까요? 사람이 직접 브라우저에서 해당 애플리케이션을 열고 어떤 내용을 입력하거나 특정 버튼을 클릭하면서 수동 테스트를 해…

이번 포스트에서는 Jest를 이용해서 스냅샷(snapshot) 테스트를 하는 방법에 대해서 알아보겠습니다. Jest에 대한 기본적인 설치 및 사용 방법은 관련 포스트를 참고하시길 바랍니다. 스냅샷 테스팅 스냅샷 테스팅(snapshot testing)…

requests는 파이썬으로 HTTP 호출하는 프로그램을 작성할 때 가장 많이 사용되는 라이브러리입니다. 패키지 설치 파이썬의 패키지 매니저인 pip를 이용해서 requests 패키지을 설치합니다. 설치가 잘 되었는지 파이썬 인터프리터를 실행하여 확…