day 16

* web을 서비스하고 싶다?!

 1. web server 프로그램을 설치한다. (가장기본!)

 2. 고정 IP 생성하기

 3. 전원연결

 

- apache / ngix ; 대표적인 웹서비스 두 가지, 정적 웹서비스

- 동적 웹서비스를 위해서는 정적 웹서비스 + 중간 역할middle ware을 하는 웹서비스가 필요

  >> spring / express

- + application

~"WAS" ; Web Application Service~

 

* 우리가 설치한 프로그램(autoset 안에 묶인 것들)

 1. apache

 2. php

 3. mysql

>> 여전히 대부분의 기업들에서 많이 쓰임!

 

* java 진영의 대표묶음

  1. apache(tomcat)

  2. spring

  3. oracle

 

* js 진영의 대표묶음

 1. node

 2. express

 3. mongoDB

 

* mail server 

  media server

>> 이용을 원할 때 각각 따로 설치 

 

* domain server

 - 127.0.0.1 >> 외우기 어렵다!

 - 외우기 쉬운 주소로 만들어 주는 것! 

 - netlify, 구글클라우드, heropy, oracle 등

 

* 클라우드 서비스 모델 비교 ; Iaas vs. Paas vs. Saas

  - laas>>>Saas로 갈수록 제공되는 서비스가 더 많아 편리함 증가+비용 증가

 

 

• live server 포트는 5501 >> include 기능을 제공하지 않는다!

      >> 80 포트를 사용해야 가능!

 

• php를 사용하는 이유! ; 중복제거를 위해서(모든 페이지에서 동일하게 들어가는 header, footer 등)

     >> 반복되는 것만 넣어야 한다!

          >> js 부분 script를 footer영역에서 index영역으로 이동해줘야 함!(슬라이드 다시 작동)

 

• <? ?> ; php영역에서 관리한다~

* 홈페이지 작업시 사용하는 용어 익혀두기~

공통 nav : "gnb"

페이지 마다 다른 nav : "lnb"

"bread crum"

"quick menu"

 

 

 

• backdrop-filter : 텍스트를 background로 만들때 자동으로 blur효과 처리

 

 

• flex 설정의 default 값은 stretch ; 자식요소의 너비길이를 따라 늘어나고 줄어든다!

      >> 개별요소에만 flex 설정 다시주기! ; align-self 

 

 

 

* basic한 예제 홈페이지 >> 건설회사 홈페이지 찾아보기!

 

 

 

* hitop_php 과제

1. 회사연혁 페이지(history.html) point 요소 추가하기 (가운데 원, 리스트별 red comma)

2. 경영이념 페이지 혼자 만들어보기