■ 리액트 소스 노출 차단 React로 구현한 웹의 소스가 노출되는 것을 방지하지 않고 그대로 베포하게 되면, 크롬 웹 브라우저의 개발자 도구에서 쉽게 소스를 확인하거나 디버깅할 수 있다. 소스를 확인하거나 디버깅을 할 수 있다는 의미는 보안적인 부분에서 치명적인 문제가 아닐수 없다. 따라서 React로 개발한 소스가 노출되지 않도록 차단하는 작업을 진행 1. [.env] 파일 생성 후 내용 추가 GENERATE_SOURCEMAP = false 2. 프로젝트 빌드 후 반영 npm run build 3. 크롬 웹 브라우저 개발자 도구에서 확인 프로젝트내에 임의로 MainView.js 파일 생성하였지만 노출되지 않음을 확인할 수 있다.

■ Jenkins 에서 sudo 권한 사용 해당 이슈를 해결하기 위해 또는 sudo 권한을 사용하기 위해서 Jenkins 에서 sudo 권한을 지정 이슈 : sudo: a terminal is required to read the password; either use the -S option to read from standard input or configure an askpass helper Build step 'Execute shell' marked build as failure ■ CentOS 1. sudoers 파일 열기 $ sudo vi /etc/sudoers 2. [Defaults requiretty] 행을 찾아서 주석 처리 $ # Defaults requiretty 3. sudoers 파일..

■ GiGA WiFi home 사이트 접속 웹 브라우저 실행 URL 창에 172.30.1.254 실행 로그인 * 초기 아이디/비밀번호 : ktuser/homehub ■ 포트 포워딩 장치설정 > 트래픽 관리 > 포트 포워딩 설정 외부 포트 : 외부에서 접근할때 사용될 포트 / 예시) 9090 ~ 9090 내부 IP 주소 : 로컬 내부 IP 확인 방법은 *아래 링크 참조 내부 포트 : 내부에서 작동중인 포트 / 예시) 8080 ~ 8080 프로토콜 : 통신 방법에 따라 설정 / 예시) ALL [Windows 10] KT 공유기 내부망 고정 IP 설정 ■ GiGA WiFi home 사이트 접속 웹 브라우저 실행 URL 창에 172.30.1.254 실행 로그인 * 초기 아이디/비밀번호 : ktuser/homeh..

■ GiGA WiFi home 사이트 접속 웹 브라우저 실행 URL 창에 172.30.1.254 실행 로그인 * 초기 아이디/비밀번호 : ktuser/homehub ■ DHCP 코넷 IP 사용 범위 설정 장치설정 > 네트워크 관리 > LAN 연결 설정 화면으로 이동 독자가 사용할 IP의 DHCP 코넷 IP 사용 범위 설정 (필자의 경우 IP 범위를 45 ~ 50까지로 설정) ■ 인터넷 프로토컬 설정 제어판 > 네트워크 및 인터넷 > 네트워크 연결 화면으로 이동 이더넷 속성으로 이동 인터넷 프로토콜 버전 4(TCP/IPv4) 속성으로 이동 다음 IP 주소 사용(S): 선택 위에서 설정한 [DHCP 코넷 IP 사용 범위]에 해당되는 IP로 설정 (필자의 경우 45로 설정) DNS는 아래 [* DNS 설정 참..

■ 쉘 스크립트 파일을 찾지 못하는 이슈 sudo: unable to execute {쉘 스크립트 파일}: No such file or directory ■ 해결 방법 Linux 환경에 WinSCP와 같은 툴을 사용하여 쉡 스크립트 파일을 카피해서 생성하였을 경우 Linux 환경에서 해당 쉘 스크립트 파일을 찾지 못하는 현상이 있다. 따라서 Linux 환경에서 해당 파일을 직접 생성해서 해결함.

■ localtunnel로 내부망 웹 서버를 외부 인터넷망에 노출 로컬 PC(내부망)에서 웹 서버를 기동하고 결과를 외부 인터넷망(외부망)에서 확인해야하는 경우에 사용을 권하며, 내부망에서 웹 서버에 포트 및 방화벽 설정으로 로컬 PC의 IP로도 외부망에서 접근가능하지만, http 가 아닌 https 프로토콜 통신으로 보다 가독성이 좋은 도메인을 설정하여 웹 서버를 외부망에 노출하는 방법을 작성. ■ localtunnel Localtunnel을 사용하면 DNS 및 방화벽 설정을 망치지 않고 로컬 개발 시스템에서 웹 서비스를 쉽게 공유할 수 있으며, Localtunnel은 모든 요청을 로컬에서 실행 중인 웹 서버에 프록시하는 공개적으로 액세스할 수 있는 고유한 URL을 할당한다. ■ 작업 1. npm 설치..