목록배움과 개발 일지 (11)

계단을 오르듯이

JavaScript를 이용해 계산기 만들기

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 12..
배움과 개발 일지 2021. 9. 5. 00:17
AWS Ubuntu EC2를 MobaXterm로 연결하여 NGINX를 설치한 후 React App build 배포하기

1. 인스턴스 생성 AWS EC2에서 Ubuntu AMI를 선택하여 인스턴스를 생성한다. web을 배포하므로 보안 그룹 구성 시 유형에 HTTP를 추가해야만 한다. 그렇지 않을 경우, 브라우저에서 해당 인스턴스의 IP주소를 입력할 경우, 화면에서 해당 web이 보여질 수 없다. 2. MobaXterm 연결 인스턴스가 생성되면 퍼블릭 IPv4 주소를 복사한다. 인스턴스의 IPv4와 인스턴스를 생성 시 다운받았던 키 페어를 입력하여 SSH로 인스턴스와 MobaXterm과 연결을 한다. Specify username의 checkbox에 체크를 하고, 위의 캡처에서 연결버튼을 누르면 아래와 같은 화면이 나오게 되는데 아래의 캡처본에서 사용자 이름을 Specify username에 입력하여주면 된다. 아래와 같이..
배움과 개발 일지 2021. 3. 12. 00:23
React App을 build하여 Docker NGINX에 배포하기

yarn build 명령어를 통해서 React를 통해 만든 app을 Docker에 build한다. yarn : 패키지 관리자 classic.yarnpkg.com/en/ Yarn Fast, reliable, and secure dependency management. classic.yarnpkg.com book-todo 폴더아래에 build 폴더가 생성된다. 1. Docker의 상태 확인 cmd 창을 열고 docker --version으로 docker의 상태를 확인한다. docker images 의 명령을 통해 docker에 다운로드 되어진 images를 확인하고, docker ps (= docker container ls )명령어를 통해 container의 현재상태를 확인한다. 2. Docker hub ..
배움과 개발 일지 2021. 3. 10. 23:53
이전 Prev 1 2 Next 다음