IT 개념 정리(20)
-
[Part.4] 클라우드
1. 클라우드란?- 가상화된 서버, 데이터베이스를 말한다.- 클라우드 서버는 데이터 센터에 위치한다.- 물리적인 서버를 구매하지 않고 원격에서 해당 클라우드를 통해 서버와 데이터베이스를 사용할 수 있다.ⓘ Note데이터 센터컴퓨팅 시스템 및 관련 하드웨어 장비를 저장하는 물리적 위치이다.여기에는 서버, 데이터 스토리지 드라이브 및 네트워크 장비와 같이 IT 시스템에 필요한 컴퓨팅 인프라가 포함된다.모든 회사의 디지털 데이터를 저장하는 물리적 시설이다.* 내용 출처 : aws 2. 클라우드 장단점- 장점 · 유연성 : 필요에 따라 확장하고 줄일 수 있다. · 접근성 : 인터넷 접속이 가능한 모든 장소에서 리소스와 서비스에 접근할 수 있다.- 단점 · 보안 문제 : 인터넷에 연결되어 있으므로 해킹, ..
2024.08.29 -
[Part.4] 데이터베이스
1. 데이터베이스란?- 데이터를 보관하는 장소이다.- 체계적으로 정리하기 위해 행과 열 형식으로 저장한다. 2. DBMS(DataBase Management System)란?- 협업하는 사람들이 DBMS를 통해 동시에 데이터 접근이 가능하다.- DBMS 종류 : SQLServer, Oracle, MySQL, MariaDB 3. SQL(Structured Query Language)이란?- 데이터를 조작하기 위해 사용되는 언어이다.
2024.08.29 -
[Part.3] 캐싱
1. 캐싱이란?- 자주 쓰는 데이터를 임시로 저장하는 공간이다.- 계속 써야 되는 데이터를 필요할 때마다 꺼내쓰기 위해서 사용된다.- 예를 들어, 클라이언트의 이미지 요청으로 이미지를 응답받았는데, 새로고침 할 때마다 같은 이미지를 요청하는 건 비효율적이다. - 그래서, 한 번 불러온 이미지를 캐싱을 하게되면 새로고침되어도 서버에서 다시 받아올 필요가 없다. 2. 캐싱의 장점- 성능 향상 · 기존에 한 번 서버로부터 불러온 데이터들을 다시 불러올 필요가 없다. · 그래서 접근성이 뛰어나므로 웹페이지의 접반적인 속도가 빨라진다.- 통신 최소화 · 프론트엔드에서 해야하는 역할은 통신을 적게 하는 것도 있다. · 그렇기 때문에 캐싱은 통신을 적게 할 수 있도록 하기 때문에 통신 부하를 줄일 수 있다...
2024.08.29 -
[Part.3] SPA
1. SPA(Single Page Application)- 직역하면 하나의 페이지 서비스이지만 다수의 페이지를 표시하는 데 있어서 과거 전통적인 방식으로 페이지 전환을 수행하지 않고, 마치 하나의 페이지인 것처럼 처리하는 기술을 의미한다.- 웹페이지의 구조가 어떤 방식으로 작동하는지를 설명하는 용어이다.- 랜더링이 클라이언트 측에서 이루어지는 CSR- 이전에는 MPA(Multi Page Application)로 다중의 페이지로 서비스가 이루어졌었다.ⓘ NoteMPA(Multi Page Application)최초 요청 시 데이터를 전달받고 다음 화면 요청 시 또 다시 데이터를 전달 받는다.SPA(Single Page Application)최초 요청 시 데이터를 전달받고 다음 화면 요청 시 통신 후 필요한 ..
2024.08.29 -
[Part.3] CSR, SSR
1. CSR(Client Side Rendering)이란?- 직역하면 화면 쪽에서 랜더링- 클라이언트 쪽에서 랜더링 작업을 한다.- 웹서버는 브라우저로부터 요청을 받는다.- 응답값으로 html, css, js, 이미지 등의 데이터를 응답받는다.- 그 다음 화면에서 랜더링을 시작하는데, 랜더링을 시작하기 전까지 유저들은 아무것도 볼 수 없다.- 랜더링이 완료된 후 사용자들은 화면을 볼 수 있고 조작할 수 있다.ⓘ Note랜더링웹사이트가 그려지는 과정 2. SSR(Server Side Rendering)- 직역하면 서버 쪽에서 랜더링하는 것- 서버 쪽에서 랜더링 준비를 끝마친 상태로 브라우저에 전달하는 방식이다.- 웹 서버는 브라우저로부터 요청을 받는다.- 서버 쪽에서 랜더링을 진행한다.- 화면에서 랜더링..
2024.08.29 -
[Part.3] 반응형 웹, 모바일 웹
1. 반응형 웹- 크기에 따라 늘어나거나 줄어드는 웹사이트를 말한다.- 어떤 환경(모바일, 태블릿, 큰 모니터, 작은 모니터 등)에서도 사용자가 편하게 볼 수 있도록 한다. 2. 화면에 맞게 개발을 추가적으로 작업해야하는가?- 아니다. 개발은 한 번만 하지만 그대신 CSS 미디어 쿼리를 사용한다. - CSS에서 화면의 가로사이즈(width)를 구간으로 나눈다. - 예를 들어, 1200px 이하 사이즈에서는 가로로 보이게 한다던지 이런식이다.- 해당 작업을 통해 화면 사이즈에 맞게 레이아웃이 배치된다. 3. CSS로 일일히 구간을 나눠야 되는가?- 그렇다. PC, 태블릿, 모바일 width 사이즈에 맞게 다 작업해야한다. - 그래서 은근 공수가 많이 투입되는 작업이다. 혹은 bootstrap이란 라이브..
2024.08.29