미리 말씀드리자면, 저는 프로그램을 독학으로 배웠고, 어디서 배운 적이 없는 사람입니다. 그것도 겨우 안드로이드에서 돌아가는 게임을 1인 개발한 것이 경력의 전부라고 말할 수 있습니다. 이러한 저라도, 일단 다른 생명과학 연구원을 하면서 한번은 전자 연구 노트를 한번 가지고 와 보는 것이 어떤가 해서 한번 오픈소스로 나와있는 indigo ELN이라는 전자연구 노트가 있기에 일단 이걸 건드려 보기로 했습니다.
일단 이런 오픈소스로 되어 있는 프로그램인데, 일단 카페24에서 호스팅 서버를 구입해서 Centos 7에서 apache httpd를 설치했습니다. 그리고 나서 구현을 시키기 위해서 다음으로 git hub에 갔습니다.
저는 분명히 clone이라는 명령어를 써서 git hub에 있는 파일을 제대로 가지고 오는 것에는 성공했다고 생각합니다. 그 증거로 일단은 docker-compose up -d 라는 명령어를 써서, 제대로 빌드는 했다는 생각이 듭니다.
docker ps 라는 명령어를 치면, 제대로 위 스크린샷에서 볼 수 있는 것처럼 원래 indigo eln을 구성하고 있는 4개의 docker container가 나오는 것을 확인할 수 있었습니다.
그리고 나서 가장 핵심이 되는 indigo-eln-ui_1 이라는 이미지 속에 들어가서 index.html의 코드를 살짝 수정해서 그냥 this is test 002라는 문구만 나오도록 <b> </b>만 태그를 넣었습니다.
이렇게 해서 위 스크린샷에서 보이는 것처럼 일단 제가 테스트를 위해서 집어넣은 문구는 떳고, 이제 제대로 indigo eln의 웹페이지만 뜨면 되지만, 어떻게 된 일인지 저 문구만 뜨고 그 외에는 백지만 보이는 상황이 되었습니다.
일단 가장 많은 정보를 제공한다는 파이어폭스의 개발자 툴을 이용해서 접속해본 결과 다음과 같은 내용이 네트워크 탭에서 뜨는 것을 확인할 수 있었습니다.
제 생각에는 저 localhost:8080이라는 것이 문제인 것 같습니다만, 이게 보니까 docker container에서 다른 docker container로 무언가를 요청해야 하는데, 그게 잘못된 것이 아닌가 합니다.
실제로 저 8080포트는 indigo-eln-server_1 이라는 이미지가 사용하는 포트이기도 합니다.
추가 정보이지만, 일단 NS_ERROR_CONNECTION_REFUSED라고 되어 있는데, 정작 이거 무언가가 요청이 잘못 되어서 이러는 것일까요?
일단 저는 웹 프로그래밍은 전혀 공부해 본 적이 없고, 서버에 관한 지식도 없이 이걸 도전해서.....
처음에는 apache tomcat과 apache httpd가 다른 것이라는 것도 몰라서 괜히 톰캣 건드려서 war파일 만든다고 애를 먹어본 적도 있습니다.
일단 파이어폭스 콘솔 탭에서 나온 메세지인데, 어디서 부터 무엇을 건드려야 할 지 모르겠습니다.
혹시 이에 대해서 아시는 분이 있으면 자그만한 힌트라도 좋으니, 좀 주십시요. 어떻게 ui의 webpack.dev.config에 들어가서 프록시 설정을 해도 영 나아지는 것이 없기는 없는데, 프록시 설정이 잘못된 걸까요?
심지어 invalid host header라는 것을 해결하려고 이걸 검색해서 webpack의 관련된 코드를 넣어 보았지만, 영 신통치 않았습니다.
