WEB 3.0이란 WEB 3.0은 인공지능과 블록체인을 기반으로 맞춤형 정보를 제고하고 데이터 소유를 개인화하는 3세대 인터넷입니다. 기존에 사용하던 서비스에서 인공지능을 통해 개인 맞춤형 정보를 얻고, 블록체인을 통해 개인의 정보 소유 및 보안을 강화하는 지능형 웹 기술입니다. 앞선 WEB 세대별 특징 WEB 1.0 WEB 1.0은 읽기 중심의 초기 인터넷 기술입니다. 과거의 웹 페이지는 소유자가 제공하는 정보만을 확인할 수 있었습니다. 단순히 뉴스와 책 등을 인터넷으로 표현했다고 생각하면 됩니다. 사용자는 정보를 게시할 수 없고, 단순히 웹페이지에서 제공하는 정보만을 확인할 수 있습니다. WEB 2.0 WEB 2.0은 이전의 읽기 중심에서 쓰기가 가능해졌습니다. 이에 따라 다양한 정보의 상호작용이 가..

3-Tier Architecture란 3-Tier Architecture는 애플리케이션을 프레젠테이션 계층 또는 사용자 인터페이스, 데이터가 처리되는 애플리케이션 계층 그리고 애플리케이션과 관련된 데이터가 저장 및 관리되는 데이터 계층이라는 3개의 논리적이고 물리적인 컴퓨팅 계층으로 구성되는 소프트웨어 애플리케이션 아키텍처입니다. 3-Tier Architecture 상세 설명 프레젠테이션 계층 프레젠테이션 계층은 사용자가 애플리케이션과 상호작용하는 사용자 인터페이스 및 커뮤니케이션 계층입니다. 해당 계층의 목적은 정보를 표시하고 사용자로부터 정보를 수집하는 것입니다. 예를 들어 웹 브라우저, 데스크탑 애플리케이션, GUI 등에서 보여지는 화면 부분이라고 볼 수 있습니다. 애플리케이션 계층 애플리케이션 계..

Ansible이란 Ansible이란 python으로 오픈소스로 서버의 프로비저닝, SW 배포 등의 자동화를 관리해주는 도구입니다. Ansible의 특징 Agentless 타 자동화 도구들은 타겟 대상들에 Agent 설치 기반 PULL 방식으로 동작하는 것에 비해 Ansible은 타겟 대상들에 Agentless 기반의 PUSH 방식으로 동작하기 때문에 기술적, 지리적 제한이 보다 넓습니다. 멱등성 어떤 연산이 여러분 수행되더라도 결과가 달라지지 않는 성질을 의미합니다. Ansible 또한 동일한 모듈을 반복 실행해도 결과가 동일하도록 구성되어 멱등성을 일관되게 수행할 수 있습니다. Ansible의 구성 요소 Module Ansible에서 실행되는 개별 작업의 정의입니다. 대상 호스트에서 실행하는 라이브러리..

Vuex란 Vuex란 Vue.js의 상태관리를 위한 패턴이자 라이브러리입니다. Vue.js의 반응성 체계를 효율적으로 활용하여 화면을 업데이트 한다는 특징이 있습니다. 애플리케이션의 모든 컴포넌트에 대한 중앙 집중식 저장소 역할을 하며 예측 가능한 방식으로 상태를 변경할 수 있습니다. Vuex가 필요한 이유 컴포넌트 사이에 용이한 데이터 전달 복잡한 애플리케이션에서 컴포넌트 개수가 많아지면 컴포넌트 간에 데이터 전달이 어려워집니다. Vuex는 이를 해결하기 위해 데이터 통신을 한 곳에서 중앙 집중식으로 관리하기 때문에 데이터 전달을 용이하게 합니다. 컴포넌트 사이의 데이터 흐름 파악 Vue의 컴포넌트 방식인 props, event emit 때문에 중간에 거쳐가야 할 컴포넌트가 많아지거나 이를 피하기 위해..

함수형 프로그래밍이란 함수형 프로그래밍의 개념 함수형 프로그래밍은 순수함수를 조합하고 공유 상태, 변경 가능한 데이터 및 부작용을 피하여 소프트웨어를 만드는 프로세스입니다. 함수형 프로그래밍은 명령형이 아닌 선언형이며 애플리케이션의 상태는 순수 함수를 통해 전달됩니다. 애플리케이션의 상태가 일반적으로 공유되고 객체의 메서드와 함께 배치되는 객체 지향 프로그래밍과는 대조됩니다. 함수형 프로그래밍의 특징 순수 함수 순수함수란 같은 입력이 주어지면 항상 같은 출력을 반환하고 부작용이 없는 함수를 의미합니다. 그리고 프로그램의 의미를 변경하지 않고 결과 값으로 함수 호출을 대체할 수 있습니다. 합성 함수 합성 함수는 새로운 함수를 만들거나 계산하기 위해 둘 이상의 함수를 조합하는 과정입니다. 불변성 불변성이란 ..

SPA(Single Page Application)란 SPA의 개념 SPA(Single Page Application)이란 정적 파일을 한 번에 모두 다운로드 받고, 이후 사용자와의 상호작용 가운데 필요한 데이터만 서버에서 동적으로 받아 트래픽의 총량을 줄이는 애플리케이션의 형태입니다. 웹의 사용성, 속도 향상의 이점을 가지므로 모바일 퍼스트 전략에 부합합니다. SPA의 장점 서버에 들어가는 요청이 적음 개발이 간단하고 능률적 네트워크 작업을 모니터링하고 페이지 요소 및 이와 관련된 데이터를 조사할 수 있기 때문에 크롬에서 디버그가 쉬움 어떤 로컬 저장소라도 효율적으로 캐시할 수 있음 프론트엔드와 백엔드 분리로 인한 개발업무 분업화 및 협업이 용이함 SPA의 단점 모든 정적 리소스를 한번에 다운로드하기 ..