2022-01-22 TIL

한 것

1. AWS 가입하기
2. Gabia 가입하기
3. Chapter 1

TIL

1. 서버/클라이언트/웹의 동작 개념

   • 웹의 동작 개념 (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데이터를 띄어준다.

2. CSS

   /* 자식 선택자는 > 뒤에 적는다 */
   #아이디이름 > sometag {
       attribute: ;
   }
   
   /* 자손 선택자는 띄어쓰기로 구분한다. */
   /* 즉, 아래는 '클래스'라는 클래스를 갖는 '태그1' 태그 안에 있는 모든 '태그2'를 선택한 것이다 */
   sometag1.클래스이름 sometag2 {
       attribute: ;
   }

3. 부트스트랩

   • 부트스트랩이란
     • 트위터에서 개발한 무료 프레임워크, 쉽고 빠른 반응형 웹디자인을 만들 수 있게 함
     • 미리 정해진 클래스들을 다양하게 꾸며 CSS파일로 정리한 것을 HTML에서 불러와 쓰는 것이다. (온라인에서 가져옴)
     • 같은 HTML 파일로 화면의 크기에 따라 다르게 보이도록 디자인 가능 기계마다 다양한 사용환경에 최적화되어 다르게 보이도록 하는 처리가 미리 되어있음.

2주간 화이팅을 해보즈아!!