개발/개발지식18 [프로그래밍 패러다임] 함수형 프로그래밍 함수형 프로그래밍(Function Programming) 함수형 프로그래밍은 하나의 프로그래밍 패러다임이며, 자료 처리를 수학적 함수의 계산으로 취급하고 상태와 가변 데이터를 멀리하는 프로그래밍 패러다임이다.(위키백과) 함수형 프로그래밍은 말 그대로 깨끗하고 유지 보수가 가능한 소프트웨어를 만들기 위해 함수를 사용하여 최상의 효과를 내는 것을 의미한다. 이해를 돕기 위해서 공장을 생각하면 쉬울 것 같다. 컵라면 공장을 생각해보면 컵라면의 컵을 먼저 레일에 올리고, 면이 담기고, 스프가 담기고, 뚜껑을 닫는다. 함수형 프로그래밍을 공장으로 생각해보면 각각의 역할(컵라면의 컵에 면을 담는 행위)처럼 공장에선 개별 장치들이 각자 자신이 맡은 역할만 한다. 같은 입력을 받으면 항상 똑같은 행위(결과)를 내보낸다.. 2022. 10. 10. 17:34 [디자인 패턴]MVC패턴, MVVM패턴 MVC패턴 MVC패턴은 Model + View + Controller의 약자로 각 Model, View, Controller의 역할로 나누어서 개발하는 디자인 패턴이다. 가장 널리 사용되고 있는 패턴이다. 비즈니스 로직과 화면을 분리하여 사용한다. MVC 패턴의 각 역할을 보면 - Model : 데이터와 비즈니스 로직을 담당 - View : 화면을 담당 - Controller : 사용자의 입력을 받으면 처리(모델과 뷰로 라우팅)를 해준다. 모델(Model) 모델은 앱에 표현할 데이터를 정의해준다. 데이터를 요청하거나 상태가 변경되면 뷰에게 알려준다. DB와의 연결을 해주며 데이터와 직접적으로 연동되는 부분이다. 뷰(View) 사용자에게 보여지는 방식을 정의한다. 웹 사이트라고 하면 사용자가 직접적으로 볼.. 2022. 10. 9. 20:55 브라우저의 동작원리 브라우저의 동작원리 브라우저(browser) ? 브라우저는 흔히 우리가 현재 사용하고있는 크롬, 마이크로 소프트 엣지, 파이어폭스 등을 지칭하는 말로 월드 와이드 웹에서 정보를 검색 및 탐색하기 위한 소프트웨어이다. 위키 백과는 웹 브라우저를 웹 서버에서 이동하며 쌍방향으로 통신하고 HTML 문서나 파일을 출력하는 그래픽 사용자 인터페이스(GUI) 기반의 응용 소프트웨어라고 설명하고 있다. 브라우저의 주요 기능 브라우저의 주요 기능은 사용자가 선택한 자원을 서버에 요청하고, 브라우저에 표시하는 것이다. 자원은 보통 HTML 문서이고, 이미지나 PDF 등 다른 형태일 수도 있다. 자원의 주소는 URI(Uniform Resource Identifier)에 의해 식별 된다. 브라우저는 웹 표준화 기구인 W3C.. 2022. 10. 5. 15:37 서버사이드 렌더링(SSR)과 클라이언트 사이드 렌더링(CSR) 서버사이드 렌더링(SSR) 서버사이드렌더링(Server Side Rendering)은 서버가 사용자에게 보여줄 페이지를 모두 구성 한다음, 사용자에게 페이지를 보여주는 방식. 서버가 완전히 만들어진 HTML 파일을 구성하기 때문에 클라이언트 사이드 렌더링(CSR)보다 페이지 구성시 초기 로딩 속도가 빠르다는 장점이 있다. 하지만 서버를 이용해서 페이지를 구상하는 한계점이 있기때문에 페이지를 이동할 때마다 새로고침이되고, CSR보다 페이지 전환 속도가 느리다는 단점이 있다. 서버사이드 렌더링(SSR) 동작원리 1. 사용자의 페이지 요청시 서버는 리소스를 확인해 페이지내에 있는 스크립트와 HTML컨텐츠를 컴파일 및 준비 2. 컴파일된 HTML을 클라이언트 브라우저로 응답해줌 3. 브라우저는 HTML을 다운로.. 2022. 10. 2. 22:55 WEB 개발 시간을 단축하는 방법 WEB 개발 시간을 단축하는 방법 웹 개발을 진행하면서 나도 모르고 있던 웹 개발 팁들을 정리해보고자 한다. 앞으로는 개발하면서 사용해야지..! 1. 디자인 모드(Design Mode) 디자인 모드는 웹 브라우저에서 임시로 화면을 수정할 수 있다. 크롬, 파이어폭스, 사파리 등의 웹 브라우저에서 F12 키를 눌러 개발자 도구를 켜고 아래와 같이 document.designMode = 'on'을 입력하면 브라우저에 텍스트나 이미지를 옮겨볼 수 있다. //디자인 모드 켜기 document.designMode = 'on' //디자인 모드 끄기 document.designMode = 'off' 2. 시간 절약을 위한 자바스크립트 코드 1) 변수 교체 다음은 간단히 변수를 교체하는 방법이다. 두 변수의 값을 교체.. 2022. 10. 2. 11:10 웹 브라우저에 URL을 입력하면 일어나는 일 웹 브라우저에 URL을 입력하면 일어나는 일. 우리 일상생활에서 항상 사용하는게 웹 사이트이며, www.naver.com과 같은 도메인을 사용하여 사이트에 접속한다. 과연 우리가 일반적으로 사용하는 주소창에서 주소를 입력하고 엔터키를 치면 무슨일이 일어날까? AWS 한국 블로그를 읽어보면서 알아보자. 기초 지식 웹 브라우저에 URL(https://channy.creation.net/blog)을 입력하고 Enter 키를 누르게 되면, 브라우저는 인터넷에서 사이트를 호스팅하는 서버를 파악해야한다. 이는 channy.creation.net 도메인을 검색하여 주소를 찾는다. 서버나 휴대폰, 스마트 냉장고 등 인터넷의 각 디바이스에는 IP주소라는 고유한 주소가 있다. IP주소에는 3.34.220.186와 같은 4.. 2022. 9. 29. 23:15 이전 1 2 3 다음 728x90
