프로젝트/남는 노트북을 개인 서버로 (4) 썸네일형 리스트형 도커에 올린 리액트 웹서버 외부에서 접근하기 타임라인 정리 0. 이전에 만들었던 docker-compose.yaml 의 docker 호스트 포트 변경 - 실제 사용할 호스트 포트로 변경 -> 저의 경우 58080을 사용 1. 노트북 포트포워딩 - 아래 참고자료 1, 2 확인 2, 노트북의 내부 IP 고정 - 나중에 변경 되면 귀찮아지니깐! - search keyword : skb 공유기 내부 ip 고정 - skb의 경우 [ 공유기 관리자 페이자 -> 고급설정 -> 네트워크 -> 네트워크 설정 -> 예약 IP ] 를 통해 설정 - mac 확인 : > getmac /v - ip 확인 : > ipconfig 3. docker 윈도우 방화벽 인바운드 규칙 정의 - 그냥 전체 58080 포트에 대해 인바운드 규칙을 적용할까 하다가 도커만 열리도록 진행 - .. 도커에서 리액트 앱 실행시켜보기 타임라인 정리 1. node js 다운로드 - LTS로 다운하자,,, 최신 버전은 정보도 없고 오류도 많은 걸? 2. yarn 다운로드 - yarn 버전을 확인 하려는 데 yarn을 못찾는다고 나옴. [ yarn.psl 파일을 로드 할 수 없습니다 ] - 사용하는 터미널의 권한을 Remotesigned 으로 변경 - 내 권한 확인 : Get-ExecutionPolicy - 권한 세팅 : Set-ExecutionPolicy Remotesigned 3. 리액트 프로젝트 설치 및 실행 시켜보기 npx create-react-app frontend cd frontend yarn start 4. Dockerfile 생성 - 위치 : frontend 바로 아래 - 도커에 올릴 이미지를 만들어주기 위한 파일 5. d.. 윈도우 10에 wsl2를 이용한 도커 설치 타임라인 정리 1. windows terminal 설치 - 나중에 좀 편리해 보고자 windows terminal을 설치, 굳이 할 필요 없는 듯? 2. wsl2 설치 - 저는 윈도우 pro를 사용해서 hyper-v를 사용해도 되지만, wsl2를 사용하는게 더 안정정이라는 이야기를 듣고 wsl2를 활용하기로 마음 먹었습니다. 3. docker 설치 - docker for window 설치 - 중간에 자동 재실행 1회, 수동 재실행 1회 수행 - 초기 세팅하는데 좀 오래 걸림 + 에러 난것 처럼 보이는데 좀 기다려보기 - not connect to hub 라는 오류가 나오는데 정상 작동함 - 기본 세팅 확인 - terminal에서 docker 버전 확인 수행 참고 : 윈도우 Docker 설치 완벽 가이드(.. 타임라인 정리 - 남는 윈도우 노트북으로 개인 서버 만들기 최종목표 : 남는 윈도우 노트북을 활용하여 리액트 웹서버로 만든 사이트 올려보기. - 백엔드는 spring boot 예정 - 젠킨스를 활용한 CI/CD 구축 ( 개발은 데스크탑, 서버는 노트북 ) [ 환경 ] 노트북 : lg 그램, 윈도우 10 pro, 와이파이 환경(추후 wol를 위한 랜 연결 예정), intel - i7 7gen 1. 노트북 초기화 ( 윈도우 기본 기능 사용 ) 2. iis, ftp 설치 3. wsl2, 도커 설치 4. 도커에서 리액트 사용해보기 5. 도커에 올린 리액트 사이트 외부 접속 시키기 6. wol을 통해 노트북(서버) 전원을 제어하고자 했지만, 랜선 연결이 너무너무 귀찮은 관계로 스마트 콘센트 + AC기능을 활용. * 주의 사항: 초심자를 위한 상세한 설명이라기보다는 이런 .. 이전 1 다음
