Programming/CS12 서버 사이드 렌더링과 클라이언트 사이드 렌더링 1. 서버 사이드 렌더링 SSR 서버 사이드 렌더링(SSR, Server Side Rendering)은 서버에서 페이지를 만들어서 클라이언트에게 보여주는 방식입니다. 기존의 웹개발에서 주로 사용되던 방식으로 브라우저에 렌더링되는 형태를 HTML문서로 만들어서 보내주는 식으로 진행이 됩니다. 이 방식은 요청시 새로고침을 해야하고 클라이언트 사이드 렌더링 에 비해서 처음 렌더링되어 보여주기 까지의 시간이 길었습니다. 요청마다 새로고침이 발생하고, 한 페이지에서 보여주는 정보가 무수히 많은 웹 페이지에서는 오히려 사용자 경험을 떨어뜨리는 경우가 있어서 그런 경우 클라이언트 사이드 렌더링을 하는 경우가 있습니다. 2. 클라이언트 사이드 렌더링 CSR 클라이언트 사이드 렌더링(CSR, Client Side Ren.. 2022. 2. 5. 함수형 프로그래밍 함수형 프로그래밍(Functional Programming)은 선언형 프로그래밍과 순수 함수를 이용해서 문제를 해결하는 프로그래밍 패러다임 입니다. 문제를 여러개의 순수 함수들로 나눔으로써 얻는 이점은 코드의 가독성이 높아지고 유지보수성이 크게 증가한다는 것 입니다. 1. 프로그래밍 패러다임 서론에서 함수형 프로그래밍은 프로그래밍 패러다임의 하나라고 언급했는데, 프로그래밍 패러다임이란 무엇일까요? 프로그래밍 패러다임은 프로그래머에게 주는 프로그래밍 관점입니다. 이 관점에 따라서 같은 코드도 다른방식으로 짜게 됩니다. 흔히 듣는 객체지향 프로그래밍도 프로그래밍 패러다임의 방법 중 하나이고, 지난번에 소개한 명령형 프로그래밍과 선언형 프로그래밍도 프로그래밍 패러다임의 일종입니다. 2. 순수 함수 순수 함수란.. 2022. 1. 12. 명령형 프로그래밍과 선언형 프로그래밍 1. 명령형 프로그래밍 명령형 프로그래밍은 input data를 받아들여 가공해 output data를 만들어내고 출력하는 구조의 프로그래밍 방식입니다. 즉, 문제를 어떻게(how) 해결할 것인지를 설명하는 프로그래밍 방식입니다. 예를 들면 회사로 출근을 하는 것을 명령형 프로그래밍으로 만들어보겠습니다. 집을 나선다. xxxx번 버스를 탄다. xxxx번 버스로 환승한다. 버스에서 내려 회사 건물에 들어간다. 사무실에 들어가 출근 인증을 한다. 예시처럼 어떻게 해서 목적을 달성한다라는 프로그래밍입니다. 프로그램이 수행해야 하는 작업들을 일일히 나열하기 때문에 개념적으로 이해하기 쉽고, 익숙합니다. 2. 선언형 프로그래밍 선언형 프로그래밍은 명령형 프로그래밍과는 대조되는 개념으로, 과정보다는 달성에 필요한 .. 2021. 12. 31. SPA, Single Page Application 1. SPA SPA, Single Page Application은 하나의 페이지로 이루어진 웹 어플리케이션 또는 웹 페이지를 말하는 용어입니다. 그동안은 html을 배워오고 간단한 웹 사이트를 하나 만들면서 보통 여러개의 페이지로 구성된 홈페이지를 만들었습니다. 그래서 페이지를 요청하게 되면 서버에서 페이지에 담긴 모든 리소스들을 처리해서 html문서로 돌려주고 새로고침하게 됩니다. 이 방식이 사용자도 늘어나고, 웹 페이지에서 표시하는 정보들이 많아지자 서버쪽에 큰 부담이 가게 되었습니다. html을 계속 요청하게되면 UI의 사용 상태 유지가 어렵고, 바뀌지 않는 부분까지도 다시 요청해서 보여주기 때문에 로딩이 길어진다는 문제점들을 수반하고 있었습니다. 이런 문제를 해결하고자 SPA방식이 등장했습니다. .. 2021. 12. 9. OSI 7 Layer 네트워크 통신을 다루다보면 반드시 등장하는 개념인 OSI 7계층에 대해 포스팅을 하려고 합니다. 1. OSI 7 Layer OSI 7 Layer(혹은 OSI 모형, Open Systems Interconnection Reference Model)은 국제표준화기구에서 발표한 모델입니다. 이 모델은 네트워크의 프로토콜 디자인과 통신을 7개의 계층(Layer)로 나누어 설명하는 모델입니다. 통신 과정을 7개의 계층으로 나누었기 때문에 통신 과정을 층별로 파악하기 쉽고, 이해하기 쉬운 등의 여러가지 이유로 널리 알려지고 사용되는 모델입니다. 또한 층별로 나누었다는 장점 덕에 특정 층에서 문제가 발생했음을 감지할 수 있다면 다른 구조는 냅두고 해당 층에서만 문제를 해결할 수 있다는 장점도 가지고 있습니다. OSI.. 2021. 11. 27. 쿠키와 세션 인터넷을 하다보면 가끔씩 우리는 인터넷 기록 삭제를 할 때가 있습니다. 이때 종종 접하는 단어가 '쿠키 삭제'로 쿠키를 지우는 것이라고 합니다. 또 연결을 하다보면 세션이라는 단어도 많이 듣게됩니다. 이처럼 인터넷을 하다가 자주 만나는 쿠키와 세션이 무엇일까요? 1. 쿠키 1-1. 쿠키의 개념 쿠키(cookie)는 웹 사이트에 방문할 때 생기는 여러 정보들을 담아 브라우저에 저장되는 임시 저장 파일입니다. 사용자가 사이트에 접속하면 브라우저에 정보를 담아뒀다가 재방문을 하게 될 경우 서버로 다시 쿠키를 보내서 하던 작업을 이어서 할 수 있게 해주는 개념입니다. 즉, 쿠키는 클라이언트에 저장되는 브라우저 정보라고 할 수 있습니다. 쿠키는 브라우저마다 다른 정보를 저장합니다. 다시 말하면 내가 크롬을 이용하.. 2021. 11. 3. 이전 1 2 다음 300x250
