Today I Learned

211028TIL_서버리스 프론트엔드(1)/SQL-서브쿼리/자바 환경 설치

개발자 김혜린 2021. 10. 28. 01:00

오늘 원격 수업 첫 시간에 배운 내용 정리 

  1. 기존의 프론트엔드 페이지는 NGINX 웹서버를 인스턴스에 설치하여 관리했습니다.
  2. HTTPS를 사용하기 위해 인증서를 설치해 봤습니다.
  3. S3 정적웹호스팅 기능을 사용하여 서버리스로 프론트엔드 페이지를 관리하였습니다.
  4. CloudFront와 Certification Manager를 사용하여 HTTPS를 인스턴스 없이 생성해 보았습니다.
  5. WAF를 이용하여 좀 더 보안을 강화하는 방법을 알아보았습니다.
  6. Route53을 이용하여 DNS를 이전하는 방법을 알아보았습니다.

 

https://teamsparta.notion.site/1-524f4849367f426bb9e95ef0113dc2d4#50b12703704d4416951b2bcb09b14ff3

 

서버리스 프론트엔드 - 1

매 주차 강의자료 시작에 PDF파일을 올려두었어요!

teamsparta.notion.site

 

서버사이드 랜더링 부분을 제거 해야 서버리스 백엔드, 서버리스 프론트 구성이 가능하다...

 

어디서 화면에 보일 페이지의 내용을 그리느냐의 차이 -> 

1)서버 사이드 렌더링 : 서버에서 페이지를 그려 클라이언트(브라우저)로 보낸 후 화면에 표시하는 기법

2)클라이언트 사이드 렌더링 : 페이지의 내용을 브라우저에서 그림

차이점

서버 사이드 렌더링을 쓰는 목적 : "검색 엔진 최적화"와 "빠른 페이지 렌더링"

서버에서 미리 그려서 브라우저로 보내주기 때문에 페이지를 그리는 시간을 단축

 

서버 사이드 렌더링은 서버에서 페이지를 그려 보내주는데, 우리는 서버리스 수업을 들을 예정이니

서버 사이드 렌더링 문법인 진자를 다 제거해야하는구나....... 

암담하군..

 

서버사이드 렌더링에 관한 지식은 아래 블로그 참고!

https://joshua1988.github.io/vue-camp/nuxt/ssr.html#%E1%84%89%E1%85%A5%E1%84%87%E1%85%A5-%E1%84%89%E1%85%A1%E1%84%8B%E1%85%B5%E1%84%83%E1%85%B3-%E1%84%85%E1%85%A6%E1%86%AB%E1%84%83%E1%85%A5%E1%84%85%E1%85%B5%E1%86%BC%E1%84%8B%E1%85%B4-%E1%84%83%E1%85%A1%E1%86%AB%E1%84%8C%E1%85%A5%E1%86%B7

 

Server Side Rendering | Cracking Vue.js

서버 사이드 렌더링이란? 서버 사이드 렌더링이란 서버에서 페이지를 그려 클라이언트(브라우저)로 보낸 후 화면에 표시하는 기법을 의미합니다. 뷰 싱글 페이지 애플리케이션을 서버 사이드

joshua1988.github.io


SQL 4주차 강의 1~2를 들었다.

서브쿼리 : 하나의 SQL 쿼리 안에 또다른 SQL 쿼리가 있는 것

 


이제 스프링을 배우기에 앞서 자바도 공부를 해놓아야 할 듯 싶어

AJUL에서 자바를 다운받고,

자바 환경 변수를 설정하고, 

(시스템 변수 : 변수 이름을 JAVA_HOME / 값 : C:\Program Files\Zulu\zulu-8)

(PATH : ;C:\Program Files\Zulu\zulu-8\bin 추가 )

인텔리제이를 다운받았다.