# 211014 TIL

장기현장실습

SNU 성문 분석

• 외부에서 서버 ip로 접근할 수 있도록 포트포워딩하기 위해서는 게이트주소로 들어가 로그인을 한 후, 외부 포트 범위를 설정해주어야 한다. 로그인 권한이 대표님께 있어서 대표님이 해결해주셨다. 외부에서 183.98.35.16으로 접속하면 서버 IP 192.168.1.31로 변환되어 접속된다. 포트 번호는 기본 80으로 하여 따로 작성하지 않아도 되도록 설정했다.  
• 윈도우 환경에서의 문제 발생 (로컬, 셋업 파일로 설치한 프로그램 모두) 
  • 1:1 분석 시, 특정 파일을 선택하고 분석하기를 누르면 빈 화면이 뜨면서 오류가 발생했다. 
  • 로그를 찍어보니 JSON.parse를 할 때 첫글자부터 JSON 형식이 아니라 발생하는 오류였다. 또, 도커로 진행상황을 살피던 중, 분석이 잘될 때는 200 코드를 보내는데, 빈 화면이 뜰 때는 202 코드는 보내는 것을 확인할 수 있었다. 
  • 서버에서 데이터를 보내는 과정을 살펴봐야할 것 같아, views.py 의 분석 api 부분의 status 코드(202, 203, 204)를 리턴해보며 확인하려고 했다. 이미 빌드한 이미지를 push해 둔 상태여서 또 다시 빌드하기에는 시간이 오래걸리기 때문에, 컨테이너에 직접 접근해서 수정해보기로 했다. 
  • 해당 이미지의 컨테이너에 접근해서 수정해보고, 이미지에 직접 접근해서도 수정해보았으나, 왜인지 계속 변경사항이 유지되지 않아 결국 해결하지 못한 상태이다. 

 

웹팩 관련 질문 피드백

• 질문 
  • Index.html에 작성한 스크립트 코드 중 config에 접근 오류 발생 
    • config가 정의되어 있지 않다는 콘솔 에러 확인 
    • config에 어떻게 접근할 수 있는지? 
• 피드백 
  • Time.js의 모듈을 사용하지 않은 것 같은데, 코드를 작성한 이유 혹은 의도가 무엇인지 
    • Import 초기 테스트를 위해 작성한 코드일 뿐.. 
  • Webpack.config.js 파일에 entry, output 등의 필수 설정이 빠져있는 것 같아 전체 코드를 보내달라고 요청 
    • 빠져있는 것이 맞고 현재 보낸 코드가 전체 코드인 상태 
  • Index.js 코드에는 로그 출력 내용만 있어, 궁극적으로 사용하고 싶은 코드가 무엇인지 
    • Index.html에 작성된 스크립트 태그 속 코드 
  • Index.html에 스크립트 태그로 자바스크립트 코드를 작성한 이유? 
    • 모듈화 시키는 것이 목표 
  • Main.js와 neovis.js 파일 둘 다 번들링된 결과물이 맞는가? 맞다면 두개로 나눈 이유? 
    • 웹팩 설정을 다시해서 사용할 모든 파일을 번들링하는 것이 목표 

 

 

백준 단계별로 풀어보기

1단계: 4단계 풀기 완료!

[js/node.js] 백준 10172번: 개