TIL 쓰는게 참 힘들다 ㅋㅋ
일단 지금은 습관 들이는게 목적
오늘 공부했던 것
CSS Flex
Flex 레이아웃
<div class="container">
<div class="item">helloflex</div>
<div class="item">abc</div>
<div class="item">helloflex</div>
</div>
div.container는 플랙스 컨테이너
자식요소 div.item은 flex item(플렉스 아이템)
display : flex;
한줄의 css로 가로 로 배치
기본적으로 width는 내용물의 너비만큼
그리고 높인는 컨테이너 높이 만큼 증가함
/블락형과 구분 가능
display:block
.container {
display: flex;
/* display: inline-flex; */
}
flex=>inline flex(inline block처럼 동작)
flex-direction
flex에서는 아이템 배치 방향을 정하는 메인축이 있다
기본적으로 메인축을 따라서 정렬이 됨
4가지 row / column / row-reverse / column-reverse
flex-wrap
아이템이 여유 공간 넘어갈때 줄바꿈 어떻게 할지 결정
.container {
flex-wrap: nowrap;
/* flex-wrap: wrap; */
/* flex-wrap: wrap-reverse; */
}
nowrap(기본값)
줄바꿈 ㄴㄴ 그냥 초과
wrap(줄바꿈함)
wrap-reverse( 줄바꿈 역순 배치)
flew-flow > wrap+direction
row wrap 이런 식
그다음에 정렬
justify 메인축(오뎅꼬치)
aligin 수직축(오뎅을 뜯어내는) 방향
d. 클라이언트 서버 상호 작용 확인
1. 클라이언트
요청하는 주제
브라우저라는 도구를 활용해 웹서버에 요청
여러분 + 브라우저 는 클라이언트
2. 서버
1. 요청에 대한 처리를 한후에 응답을 줌(처리하고 응답)
네이버 접속> 네이버 입력 요청 >네이버 사이트
회원가입 누르면 처리하는 웹서버 존재
카드 사용 명세서 >
어떤 요청을 했을때 일어나야하는 일듯
서버에서 일어날일
1. 요청 내역 데이터베이스 쌓는다
2. 이메일 전송 서버에 요청
3. 이메일 전송 응답
4. 브라우저에 완료 응답
서버는 내부에 설계 된 요청을 캐치하는 부분이 존재>
요청에 따라서 응답을 제공하기 위해서 서비스를 실시!
요청은 어떻게 하는가?
방법?
가장 많이 사용하는 방법
REST AIP(요청/응답이 왔다가는 부분)
중요한 요소 Http / URL / JSOn
1. Url method(get/post/delete/put) 응답은 json
1. url과 method 조합
2. http 서로간ㄴ에 약속된 상호작용 방법 아넹서 url method로 하는것
프론트앤드로 만든 프론트는 서버도 클라이언트도 둘다 될 수 있다
주고 받는 상황 때문에 백엔드에 요청할때는 클라이언트
받을때는 서버
백앤드도 다른 곳에서 받아오거나 주고 받을 수 있다
서로 주고 받으면서 서버와
API(Appliication rograming Interface
어떤 걸 매개해주는 역활
일종의 규약(약속)
클라이언트의 요청에 따라 동적으로 데이터나 정보를 제공
정적 페이지(네이버를 떳을때 파일)html 파일 제공
웹서버를 구성하는 4가지 방법
프론드앤드 백앤드를 각각 구성(2개)//회사에서 많이 씀 안정성이 높음
프론ㄴ트왜 백앤드를 동시에 구성(1개)
백앤드만 구성하여 배포 (웹서버 1걔)
프론트만 구성(1개)
웹서비스에 대한 큰 그림이 필요하다!!