웹 (6) 썸네일형 리스트형 웹 서버가 필요한 이유 & 발전 & 대용량 시스템 1. DB는 왜 중간에 응용 프로그램이 필요할까? 위의 형태로 다이렉트로 DB에 커넥션 하는 게 불가능할까? 결론적으로 가능하긴 하다. 기본적으로 안드로이드가 제공하는 SQL Lite라는 DB가 연결될 수 있고, 네트워크로 DB를 잡을 수가 있다. 그런데 두 가지 이유 때문에 이렇게 사용하지 않는다. DB 커넥션을 폰에서 Direct로 했을 때 아래의 문제점들이 발생하기 때문이다. 1) 보안의 취약성 앱 소스는 오픈된다고 보면 된다. 난독화라는 기술도 있어서 어느 정도 보안이 된다. 그러나 소스가 열렸을 때 DB 커넥션 하는 서버의 모든 정보(서버 IP, 유저의 PW 등)가 앱 소스 안에 있어야 한다. 그러다보니까 노출이 돼서 좋을 게 없다. 2) 고정된 IP를 앱 소스에 넣지 않아도 된다. 서버 IP로.. SPA /PWA/ WA 용어 설명. 1. SPA란? 컴포넌트 기반의 SPA를 구축할 수 있게 해주는 프레임워크. 사용자가 웹사이트에 한 번만 접속한 뒤로 다시 페이지를 리로딩할 필요가 없이 한 페이지 내에서 어플리케이션을 이용할 수 있다. 컴포넌트 웹을 구성하는 로고, 메뉴바, 버튼, 모달창 등 웹 페이지 내의 다양한 UI 요소. SPA 단일 페이지 어플리케이션 하나의 페이지 안에서 필요한 영역 부분만 로딩 되는 형태 빠른 페이지 변환 적은 트래픽 양 2. PWA 웹 어플리케이션을 모바일 프로그래밍을 전혀 필요로 하지 않고, 웹 어플리케이션 자체를 모바일에 다운로드 받아서 모바일에 관련된 다양한 API를 이용할 수 있고 기기가 오프라인일 때에도 끊임없이 어플리캐이션을 사용할 수 있게 지원을 도와준다. 3. WA 브라우저 위에서 조금 성능이.. SPA란 무엇일까? 1. 기존 MVC가 가진 아쉬운 점. 기존의 웹 페이지는 한 게시글을 읽고 좋아요 눌르면 페이지 전체가 업데이트 됐었다. 1) 사용자가 게시물 주소로 접속할 때, 서버는 '이 사용자가 이 게시판의 이 게시물을 읽는구나' 확인. 2) 게시글을 데이터 베이스에서 불러오고 데이터베이스에서 좋아요 수와 댓글들을 그리고 이전 글과 다음 글의 제목과 링크들을 불러온다. 3) 사이트에 기본적으로 보여지는 다른 내용들과 함께 이 데이터들을 HTML, CSS, JAVSCRIPT로 작성해서 사용자의 브라우저에 보내준다. 4) 사용자가 그 화면을 보고 글에 좋아요를 누르면 서버는 또 이 사용자가 이 게시판의 이 게시물에 좋아요를 했구나 인식 5) 해당 게시물에 사용자의 아이디로 좋아요를 추가. 6) 다시 데이터베이스에서 이.. HTTP란? 1. 정의 http -> http://www.~~~.com ht=> hyper text t => transfer p=> 프로토콜(주고 받는 약속)이다. 93년에 나온 프로토콜로 인터넷 세상에 혁신을 일으켰다. http가 나오기 전에는 text 기반이였다. 그리고 http가 나오니 브라우저에 클릭이라는 개념이 생겼다. 클릭 => 또 다른 사이트로 들어가진다.(hyper link) HTTP는 hyper text를 transfer하는 프로토콜이고, hyper text의 마크업 언어이다. 글씨뿐 아니라 이미지를 다 표현해준다. 그리고 html을 주고 받을 수 있는 프로토콜이 http이다. http는 get put post delete 등의 메소드들이 있으며, 이런 것들이 주고받아져서 인터넷을 쓸 수가 있다. 2.. 웹의 발전 1. 초기 처음 인터넷 시대가 열려, 전할 수 있는 정보가 text밖에 없었다. 그림도~ 스타일도~ text를 보내주지만, 어떤 약속된 text를 보내주면 그림도 그려주고 구역도 나눠주는 이런 프로그램 이름은? 브라우저. 브라우저 종류는 익스플로러, 크롬 등 다양하다. 2. 발전 이런 text가 => html. text좀 보내줘 이런 약속된 건 => http 프로토콜. 초기 브라우저에 단점이 있다. 뭐냐? 너무 정적임. (작성한 사람이 작성한 화면만 봐야함. 주는 그대로) 이거 너무 심심해서, 프로그램적으로 변해야겠다. 그래서 나온 언어가 => javascript가 되겠다.(동적) ※ 자바스크립터 언어를 해석하고 프로그램을 돌려주는 게 => 브라우저. 출력도 99%가 브라우저 화면에서 나온다. html로.. GET과 POST의 차이점 GET은 가져오는 것이고 POST는 수행하는 것입니다. 좀 더 자세히 설명하면 GET은 Select적인 성향을 가지고 있습니다. GET은 서버에서 어떤 데이터를 가져와서 보여준다거나 하는 용도이지 서버의 값이나 상태등을 바꾸지 않습니다. 게시판의 리스트라던지 글보기 기능 같은 것이 이에 해당하죠. 단, 방문자의 로그를 남긴다거나 글읽은 횟수를 올려준다거나 하는건 예외입니다. 반면에 POST는 서버의 값이나 상태를 바꾸기 위해서 사용합니다. 글쓰기를 하면 글의 내용이 디비에 저장이 되고 수정을 하면 디비값이 수정이 되죠. 이럴 경우에 POST를 사용합니다. 좀 더 자세히 말하면, GET은 URL 주소에 값이 ?뒤에 쌍으로 이어붙어 있고, POST는 숨겨져서(BODY 안에) 보내집니다. 또한 GET은 URL.. 이전 1 다음
