1-7. 정리

이제 프로젝트에서 필요한 대부분의 주요 인터페이스는 완성하였습니다. 이 과정에서, 우리는 리액트에 관련되지 않은 자바스크립트 라이브러리를 사용하는 방법도 익혔습니다. 컴포넌트의 라이프사이클 메소드에서 각 라이브러리의 함수를 호출했지요?

검색을 조금 해보면, 우리가 사용한 CodeMirror 와, Prismjs 를 컴포넌트 형태로 포팅을 한 프로젝트도 찾을 수 있습니다. 리액트 형태로 만들어진 라이브러리를 사용한다면, 막상 사용 할 때에는 편할 수도 있지만, 설정을 세부적으로 하거나, 컴포넌트를 커스터마이징을 하는 작업이 매우 복잡해 질 수도 있습니다.

추가적으로, 리액트 컴포넌트로 만들어진 프로젝트가 유지보수가 중단 될 수도 있습니다. 만약에 여러분이 이번 프로젝트가 아니더라도, 특정 자바스크립트 라이브러리가 리액트 컴포넌트화 된 라이브러리를 사용하게 된다면, 해당 라이브러리가 공식적으로 만들어진 것인지 확인해보세요. 추가적으로, 프로젝트의 마지막 수정 날짜는 언젠지, 유지보수는 잘 되고 있는지 확인하세요. 공식적으로 만들어진 리액트 라이브러리가 아니라면, 대부분의 경우 원본 라이브러리를 설치하여 사용하는 것이 편합니다.

아직까지는, 우리가 만든 백엔드 서버와의 연동이 이뤄지지 않았습니다. 유저 인터페이스의 준비가 끝났으니, 이제 서버에 API 요청을 하여 필요한 데이터를 등록하고, 또 등록한 데이터들을 조회하는 방법을 알아보겠습니다.