[혼공얄코]3주차-강지윤
2주차때 와플을 받았다. 감사합니다~ 열심히 해보겠습니다.
chapter2까지는 손글씨로 작성했고, chapter3은 패드로 작성하겠습니다.
03-1/ 서버는 뭐고 AWS는 뭔가요?
(서버와 클라이언트 컴퓨터 모두 본체 안에 CPU와 메모리, 저장 장치가 설치)
서버: 컴퓨터에게 서버역할을 시키는 소프트웨어
클라이언트: 데이터를 주는 서버와 반대되는 개념
많은 사용자가 이용하고 서버는 역할에 적합한 하드웨어 성능을 갖춰야 하고 해킹으로부터 안전해야함
> 위와 같은 조건을 충족시킨 전문 시설= 데이터 센터, IDC. (서버호텔)
[클라우드 컴퓨팅]
클라우드 컴퓨팅 서비스: 아마존 AWS, 마이크로소프트의 애저, 구글의 GCP, 네이버의 NCP 등
단순한 호스팅. vs. 클라우드 호스팅
(물리적 서버) (가상 서버)
>요즘 IT 기업들은 단순 호스팅에서 클라우드로 변경 추세
[IaaS]: 가상화된 서버 컴퓨터 대여 서비스
[PaaS]: 애플리케이션을 개발하고 서비스하기 위해 필요 서버(플랫폼제공 서비스)
[SaaS]: 소프트웨어가 이미 완성된 형태로 제공하는 클라우드 서비스
03-2/ 웹사이트는 어떻게 만들어지나요?
[웹 브라우저]: 줄여서 브라우저,
HTML 요소배치, CSS 디자인역할, 자바스크립트 시키는 역할 > 삼총사.!
[HTML]: 태그로 구성, 마크업 언어
[CSS]: 디자인 요소, HTML코드를 예쁘게 꾸며 주는 것이 CSS, 스타일 언어
[자바스크립트]: 화려한 그래픽 애니메이션 보여줌, 동적인 기능
> HTML과 CSS, 자바스크립트는 웹사이트의 핵심이자 웹 개발자에게는 필수언어!
[웹 표준]
국제적으로 권고 사항
인터넷 익스플로러> 홀로 브라우저 시장 지배, 2022년 지원종료
But/ CSS와 자바스크립트의 최신 기능들은 익스플로러에서 작동X
[반응형 vs 적응형]
1. 반응형 웹사이트 > 반응형 웹(신축성있게 화면 크기에 맞게 너비나 높이, 위치 조절)
2. 적응형 웹사이트 > 적응형 웹(pc용과 모바일용 웹사이트를 따로 만드는 것)
03-3/ 쿠키, 토큰, 캐시는 일상에서 쓰는 그 단어인가요?
반복적으로 작업하지 않도록 저장해두는 것이 효율적!
[쿠키]: 크롬이나 사파리 같은 브라우저에 저장되는 작은 텍스트 조각
[세션]: 반복해서 아이디 비번 제공 귀찮> 해결하기 위해 사용되는 기능
[토큰]: 세션 아이디 대신 토큰 발급
세션 방식 vs 토큰 방식
장점: 사용자 원하는 대로. 기억해 둘 필요X
단점: 사용자 상태 보관. 토큰이 만료될 때까지 제어X
[캐시]: 데이터 저장, 통신비 없이 콘텐츠 이용
[CDN]: 여러 개의 서버를 이용해 웹 콘텐츠를 사용자와 가까운 서버에서 전송함으로써 속도 높임, 필수!
03-4/ 스마트폰 앱인데 웹사이트라고요?
[네이티브 앱]: 각 운영체제에 맞는 앱을 개발하는 방법, 모든 기능 사용, 동시에 버전출시 어려움
[크로스 플랫폼]: 같은 소스 코드로 안드로이드 버전과 iOS 버전에서 모두 작동할 수 있는 앱을 만드는 도구
[웹 앱]: 반응형 혹은 적응형 방식을 사용해서 모바일 기기에서 사용하기 적합한 형태 웹사이트, UI/UX 제공
[하이브리드 앱]: 추가로 네이티브 앱에서 사용 가능한 기능까지 제공하는 앱, 특성에 따라 다양하게 구성
[PWA]: 모바일 웹사이트, 앱 아이콘 추가, 사파리 경우 거의 다 차단..
성능과 기능: 네이티브 앱 > 크로스 플랫폼
개발 및 운영 편의성: 네이티브 앱 < 크로스 플랫폼
03-5/ 웹의 보이는 곳과 보이지 않는 곳
프론트엔드: 사용자가 보는 부분. 백엔드: 사용자가 보지 못하는 부분
[프론트엔드]: 웹사이트를 구성하는 부분 중 브라우저에서 동작
자바스크립트 기능 사용, 새로운 직군 파생. =>. 프론트엔드 개발자, 클라이언트 개발자
[백엔드]: 브라우저가 요청하는 부분, 서버에서 작동하는 부분 => 백엔드 개발자, 서버 개발자
서버에서 동작하는 백엔드, 수많은 프로그래밍 언어를 백엔드 개발에 사용
[프레임워크]: 백엔드 개발자들이 수월하게 개발할 수 있도록 도와주는 프로그램 제작 키트
라이브러리(부품), 프레임워크(키트), 자바에 능숙하고 스프링을 잘 다루는 개발자의 수요 높음
클라이언트 츠그이 개발이 고도화되면서 오늘날에는 백엔드뿐만 아니라 프론트엔드도 프레임워크 사용해서 개발하는 고 늘음
[API]: 약속된 규칙과 신호는 말로 소통이 어렵거나 소통이 불가능한 주체들 사이에 유용하게 사용, 사용법에 맞게 요청 보내어 원하는 기능 사용
[XML]: 마크업 언어
[JSON]: XML을 대신해 JSON이 더 많은 곳에 활용
[YAML]: 마크업 언어가 아니다!, XML이나 JSON 파일보다 가동성 좋음
[AJAX]: 자바스크립트를 이용해 서버와 브라우저가 데이터 교환, 통신 기능
확인문제
추가과제
뤼튼에게 서울에서 부산까지 얼마나 걸려? 라고 물어봤다
설명절이 눈앞에 있고 나중에 갈 일이 생길 거 같아서 한번 해봤다…ㅎㅎ
이렇게 자세하게 알려주고 알기 쉽게 설명을 해주는 것 같다
챗GPT는 학교과제 하면서 몇번 써봤지만, 뤼튼은 처음쓰는데 이것도 꽤 좋은 것 같다.