2022-01-22 TIL
한 것
- AWS 가입하기
- Gabia 가입하기
- Chapter 1
TIL
-
서버/클라이언트/웹의 동작 개념
- 웹의 동작 개념 (HTML을 받는 경우)
- 웹 페이지는 모두 서버에서 미리 준비해두었던 것을 “받아서", “그려주는” 것. 즉, 브라우저가 하는 일은 요청을 보내고, 받은 HTML 파일을 그려주는 것
- 우리가 받은 HTML을 아무렇게나 수정 가능하지만, 새로고침 하면 브라우저가 요청을 새로 보내기 때문에 서버가 보내준 원래 버전의 HTML을 새로 띄워줌.
- 그럼 브라우저는 어디에 요청을 보낼까? → 서버가 만들어놓은 “API”에 미리 정해진 약속대로 요청을 보내는 것 ex) http://naver.com/ 는 naver.com이라는 이름의 서버에 있는 “/” 창구에 요청을 보낸 것.
- 정리 → 클라이언트가 브라우저를 통해 필요한것을 서버 api에 요청을하고 요청한 HTML파일(CSS,JS 포함된)을 브라우저는 받아서 클라이언트가 볼 수 있게 그려준다.
- 웹의 동작 개념 (데이터만 받는 경우)
- HTML만 내려주지 않고 데이터만 내려 줄 때가 훨씬 많다.
- 정리 → JavaScript파일에서 JSON(JavaScript Object Notation) 데이터를 서버 api에 요청하고 DB에 있는 JSON 데이터를 받아와서 브라우저가 데이터를 띄어준다.
- 나의 이해 → 브라우저는 HTML파일을 읽어드려서 띄어주는데 HTML에는 JavaScript 파일이 포함되어 있을테고, 그 파일 안에서 JSON 데이터를 서버에 있는 api에 요청을한다. 그럼 요청받은 서버는 DB에서 요청한 JSON데이터를 api로 보내줘서 브라우저는 받은 JSON데이터를 띄어준다.
- 웹의 동작 개념 (HTML을 받는 경우)
-
CSS
/* 자식 선택자는 > 뒤에 적는다 */ #아이디이름 > sometag { attribute: ; } /* 자손 선택자는 띄어쓰기로 구분한다. */ /* 즉, 아래는 '클래스'라는 클래스를 갖는 '태그1' 태그 안에 있는 모든 '태그2'를 선택한 것이다 */ sometag1.클래스이름 sometag2 { attribute: ; }
-
부트스트랩
- 부트스트랩이란
- 트위터에서 개발한 무료 프레임워크, 쉽고 빠른 반응형 웹디자인을 만들 수 있게 함
- 미리 정해진 클래스들을 다양하게 꾸며 CSS파일로 정리한 것을 HTML에서 불러와 쓰는 것이다. (온라인에서 가져옴)
- 같은 HTML 파일로 화면의 크기에 따라 다르게 보이도록 디자인 가능 기계마다 다양한 사용환경에 최적화되어 다르게 보이도록 하는 처리가 미리 되어있음.
- 부트스트랩이란
2주간 화이팅을 해보즈아!!
Author And Source
이 문제에 관하여(2022-01-22 TIL), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@yeopto/2022-01-22-TIL저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)