IT STUDY LOG

# 학습 목표 nginx를 통해 정적 웹 사이트, 정적 콘텐츠를 이해합니다. HTTP 기반의 서버를 생성하는 소프트웨어인 nginx를 사용하여, 웹 서버(Web Server)를 생성하여 정적 웹페이지 호스팅을 따라 해보세요. 다음과 같은 구조 중에서, 정적 웹페이지 호스팅의 경우에는 HTML, CSS등의 정적 파일만 전달하면 되기 때문에, 보다 단순한 구조인 Client - Web Server의 구조를 가집니다. nginx 샘플 정적 파일을 호스팅 하는 과정을 따라해보며, 환경 설정 파일을 작성하는 방법과 지시어에 대해서 학습하세요. # 학습 내용 1. CORS 개념 1) CORS cross origin resource sharing - 웹 어플리케이션에서 다른 도메인 간에 자원을 공유하기 위한 보안 메..

#해결 과제 ❔ CozStory 프론트엔드를 빌드하고, nginx를 이용해 정적 웹사이트로 호스팅하세요. #실습 자료 레파지토리 : https://github.com/cs-devops-bootcamp/sprint-cozstory-frontend CozStory 개요 간단한 블로그 애플리케이션 새 글 쓰기 (create) 블로그 글 목록 조회 (read) 글 수정 (update) 글 삭제(delete) 클라이언트-서버 아키텍처 nginx 웹 서버를 통해 클라이언트(프론트엔드)를 제공 프론트엔드는 React라는 기술로 작성 node.js 기반의 fastify 프레임워크로 작성된 WAS가 리소스를 제공하고, 앞서 설명한 비즈니스 로직(CRUD 등)을 수행(백엔드 역할) #과제 항목별 진행 상황 💡 소스 코드 ..

#해결 과제 ❔ HTTP 기반의 서버를 생성하는 소프트웨어인 nginx를 사용하여, 웹 서버(Web Server)를 생성하여 정적 웹페이지 호스팅을 따라 해보세요. ❔ 다음과 같은 구조 중에서, 정적 웹페이지 호스팅의 경우에는 HTML, CSS등의 정적 파일만 전달하면 되기 때문에, 보다 단순한 구조인 Client - Web Server의 구조를 가집니다. ❔ nginx 샘플 정적 파일을 호스팅 하는 과정을 따라해보며, 환경 설정 파일을 작성하는 방법과 지시어에 대해서 학습하세요. #과제 항목별 진행 상황 💡 nginx 설치 데비안 저장소 정보를 업데이트하십시오. sudo apt-get update NGINX 오픈 소스 패키지를 설치합니다. sudo apt-get install nginx 설치를 확인합니..

# 학습 목표 nginx를 통해 정적 웹 사이트, 정적 콘텐츠를 이해합니다. HTTP 기반의 서버를 생성하는 소프트웨어인 nginx를 사용하여, 웹 서버(Web Server)를 생성하여 정적 웹페이지 호스팅을 따라 해보세요. 다음과 같은 구조 중에서, 정적 웹페이지 호스팅의 경우에는 HTML, CSS등의 정적 파일만 전달하면 되기 때문에, 보다 단순한 구조인 Client - Web Server의 구조를 가집니다. nginx 샘플 정적 파일을 호스팅 하는 과정을 따라해보며, 환경 설정 파일을 작성하는 방법과 지시어에 대해서 학습하세요. # 학습 내용 1. nginx Web Server Hands-on 1) nginx 설치 nginx 설치 레퍼런스 homebrew를 이용한 Mac용 nginx 설치 레퍼런스 ..

# 학습 목표 서버의 종류와 역할에 대해서 이해합니다. 웹서버와 웹 애플리케이션 서버의 차이점을 이해합니다. 정적, 동적이라는 단어를 이해하고, 정적 웹 사이트와 동적 웹 사이트의 차이점을 학습합니다. nginx를 통해 정적 웹 사이트, 정적 콘텐츠를 이해합니다. nginx를 이용해 정적 웹사이트를 제공하고, Mini WAS를 개발하면서 위의 그림에서 2와 5번에 해당하는 구조를 이해합니다. express, fastify를 통해 API 서버를 만들면서 WAS의 구조와 해당 서버에 대한 모듈을 이해합니다. 웹 서버와 WAS의 전체적인 구조를 이해하고, 기본적인 CRUD가 있는 블로그 서버를 개발하며, 전체 아키텍처를 이해합니다. # 학습 내용 1. 정적 웹사이트 vs. 동적 웹사이트 정적 웹사이트와 동적 ..