OK 괜찮아, 동네 개발자형

aws는 free tier가 1년이지만 oracle cloud는 평생(상시常時) 무료라고 합니다.
https://www.oracle.com/kr/cloud/free/

그래서 도전해 봤는데, 삽질을 많이 하고, 경험을 정리해서 올립니다.

1. https://cloud.oracle.com 에 회원가입합니다. 신용카드 등록 필요합니다.

2. 왼쪽 상단 메뉴아이콘 눌러서 `컴퓨트 > 인스턴스`를 클릭합니다. Free Tier로 2개까지 무료 인스턴스를 만들 수 있습니다.

3. `인스턴스 생성`을 클릭하고 설정을 시작합니다. 서버 이미지는 Oracle Linux 8이 기본인데, 네트워크 설정 등에서 삽질을 무한히 경험해서, 개인적으로는 CentOS나 Ubuntu를 추천합니다. 우측의 이미지 변경을 클릭합니다.

이 글은 CentOS 8 Stream 이미지를 기준으로 진행하겠습니다.

자동으로 키 쌍 생성하면, Private Key를 다운로드 받을 수 있습니다. 사용자 홈에 `~/keys/` 폴더를 만들고, 다운 받은 key파일을 이동합니다. `chmod 400 ~/keys/ssh-key-2023-07-09.key`으로 퍼미션을 수정합니다.

인스턴스를 만들면 공용 IP가 자동으로 붙습니다.

터미널에서 `ssh -i ~/keys/ssh-key-2023-07-09.key opc@132.145.91.36` 명령으로 접속할 수 있습니다. fingerprint 저장은 `yes` 라고 답합니다. 윈도우의 경우 Git Bash창에서 같은 명령을 사용할 수 있습니다. 우분투 이미지는 opc@ 대신 ubuntu@ 아이디로 접속할 수 있습니다.

`sudo dnf install nginx` 명령으로 웹서버를 설치합니다. aws보다는 약간 오래 걸리는 느낌이 있습니다.

설치 후 다음 명령으로 nginx를 시작합니다. 
`sudo systemctl start nginx` 그리고, 잘 동작하는지 확인합니다.
`curl localhost`

AWS와 달리 인스턴스 안에서도 iptables 방화벽을 열어야 됩니다. iptables 리셋하는 방법도 있는데, 나중에 다른 글에서 다루겠습니다. 
`sudo iptables -I INPUT 1 -p tcp --dport 80 -j ACCEPT`

클라우드 가상 방화벽도 열어야 됩니다. 서브넷을 선택합니다.

보안 목록에 `Default Security List*`를 선택합니다.

`수신 규칙 추가`를 선택하고 소스 CIDR은 `0.0.0.0/0`, 대상 포트 범위에 `80`을 입력하고 추가합니다.

브라우저에서 nginx 화면을 확인할 수 있습니다. 역시 오라클이라 빨간색으로 테마를 꾸며놨습니다.

https://okjsp.tistory.com/1165644382

참고:

• 오라클 클라우드 웹서버만들기 따라하기.
  • https://miahn43.tistory.com/41 
• 오라클 클라우드(Oracle Cloud)로 무료로 웹 서버 구축하기
  • https://mycodings.fly.dev/blog/2022-08-07-complete-introduction-of-oracle-cloud-free-tier
• 나만의 '평생' 무료 서버 만들기
  • https://blog.ny64.kr/posts/create-your-own-lifetime-free-server-using-oracle-cloud/
• https://www.oracle.com/kr/cloud/free/

astro를 통해서 빠르고, 가볍게 웹사이트를 만들 수 있습니다. 아래 이미지는 next.js와 용량을 비교한 것입니다.

Astro는 빠르게 콘텐츠 중심의 웹사이트를 구축하기 위한 올인원 웹 프레임워크입니다.

• Component Islands: 더 빠른 웹 사이트 구축을 위한 새로운 웹 아키텍처입니다.
• 서버 우선 API 설계: 사용자 장치에서 값비싼 작업을 제거합니다.
• 제로 JS, 기본적으로: 속도를 늦추는 JavaScript 런타임 오버헤드가 없습니다.
• 에지 지원: Deno 또는 Cloudflare와 같은 글로벌 에지 런타임을 포함하여 어디에나 배포할 수 있습니다.
• 사용자 지정 가능: Tailwind, MDX 및 100개 이상의 기타 통합 중에서 선택할 수 있습니다.
• UI에 구애받지 않음: React, Preact, Svelte, Vue, Solid, Lit 등을 지원합니다.

파일 기반의 라우팅을 제공하기 때문에, Next.js의 특징을 가져왔습니다. https://docs.astro.build/en/core-concepts/routing/

# Example: Static routes
src/pages/index.astro        -> mysite.com/
src/pages/about.astro        -> mysite.com/about
src/pages/about/index.astro  -> mysite.com/about
src/pages/about/me.astro     -> mysite.com/about/me
src/pages/posts/1.md         -> mysite.com/posts/1

Astro Islands라는 아일랜드 아키텍처를 사용하는 것이 특징적입니다.

시작은 node.js 기반에서 쉽게 시작할 수 있습니다.

npm create astro

생성된 폴더로 이동해서 `npm run dev` 로 프로젝트를 바로 실행할 수 있습니다.

https://docs.astro.build/en/getting-started/

소개 동영상: https://www.youtube.com/watch?v=dsTXcSeAZq8 

요약: Selenium은 자동화된 웹 애플리케이션 테스트에 사용하는 테스트 프레임워크입니다. Selenium RC(Selenium Remote Control)에 익숙해지면 다양한 브라우저를 대상으로 웹 애플리케이션을 테스트하여 웹 애플리케이션의 품질이 최상의 상태가 되도록 할 수 있습니다.

http://www.ibm.com/developerworks/kr/library/wa-testweb/index.html

이클립스를 사용해서 개발을 하는 것은 기존 텍스트 에디터를 이용해서 작업하는 것과 많은 차이를 갖고 있다. 특히 웹 애플리케이션 개발에서는 더 많은 차이가 있게 되는데, 우선 언급해 볼 것이 서비스에 구성된 디렉토리와 개발에 사용되는 디렉토리의 차이점이다.

웹 애플리케이션은 서블릿 스펙에 따라서 디렉토리가 정해진 규칙을 갖고 있다.

서비스와 관련된 디렉토리 구조가 위와 같고, 개발용 디렉토리 구조는 java 파일이라는 특징 때문에 다음과 같이 구성한다.

개발 디렉토리와 WAS의 서비스되는 디렉토리의 매핑 즉 자연스런 연결은 빌드 툴인 ant를 통하거나 Eclipse같은 IDE에서 자동으로 해준다.

이클립스의 경우 Servers 라는 프로젝트가 웹 프로젝트와 별개로 생성이 된다. 여기에서 설정되는 서버의 세팅은 기본적으로 설치된 세팅과 별도로 운영된다. 즉 톰캣이 설치된 디렉토리의 conf 에 있는 설정과는 별개로 Servers하위의 서버별 server.xml 의 파일에 설정된 내용으로 동작이 된다는 뜻이다.
<%= request.getRealPath("/") %> 를 통해서 확인해 보면 이클립스에서 운영하는 디렉토리가 완전히 엉뚱한 곳에 존재함을 알 수 있다. 웹 프로젝트에서 파일을 변경하면 자동으로 파일이 해당 위치로 복사된다.


관련자료:
http://tomcat.apache.org/tomcat-4.1-doc/appdev/index.html 영문
http://www.apache-korea.org/tomcat/tomcat-4.1-doc/appdev/index.html 번역문