MPA와 SPA 그리고 SSR과 CSR을 알아보자

MPA (Multi Page Application)란?MPA는 전통적인 웹 애플리케이션 형태로, 여러 개의 HTML 페이지로 구성된다. 각 페이지는 독립적인 HTML 파일로 존재하며 사용자가 페이지를 이동할 때마다 서버에서 해당 HTML 파일을 받아와 브라우저에서 렌더링합니다. 이러한 방식은 웹 개발 초창기부터 사용되어 왔으며 간단한 웹사이트나 콘텐츠 중심의 웹 서비스에 적합하다. MPA의 장점검색 엔진 최적화(SEO)에 용이: 각 페이지가 독립적인 URL과 콘텐츠를 가지므로 검색 엔진이 페이지를 쉽게 크롤링하고 색인할 수 있다.브라우저 호환성 문제가 적다: MPA는 오래된 브라우저에서도 잘 작동하며, 특별한 기술이나 라이브러리가 필요하지 않다.서버 측 렌더링으로 인해 서버에서 추가적인 보안 제어가 가능..

• format_list_bulleted Frontend
• · 2024. 8. 13.
• textsms

웹서버 : Monolithic과 MSA 차이

Monolithic 아키텍쳐와 MSA의 차이를 비교하기 전에?먼저 두가지를 비교해보기 전에 사전 내용을 알아보자.두 방식은 소프트웨어 설계에서 가장 널리 알려진 두 가지 방법론이다. 모놀리식 아키텍처는 전통적인 방식으로 모든 기능을 하나의 단일 애플리케이션으로 통합하는 접근법이다.이 방식은 간단하고 초기 개발 속도가 빠르지만 시간이 지남에 따라 유지보수가 어려워지고 확장성이 제한되는 단점이 있다.반면, 마이크로서비스 아키텍처는 시스템을 작은 독립적인 서비스로 나누어 각 서비스가 별도로 개발되고 배포될 수 있도록 하는 현대적인 접근법이다.  이 글에서는 모놀리식 아키텍처와 마이크로서비스 아키텍처의 개념과 특징 그리고 각 방법론의 장단점에 대해 살펴보고아키텍처를 선택하는 것이 더 적합한지에 대해 알아보자. ..

• format_list_bulleted 소프트웨어 아키텍쳐
• · 2024. 8. 9.
• textsms

[Node.js] 업비트 API로 트레이딩 봇 만들기 - 매도/매수

이전 글에서 다룬 업비트 지갑 연동에 이어,이번 포스팅에서는 매도와 매수 기능을 추가한 코인 매매 트레이딩 봇을 만드는 방법을 소개합니다.프로젝트 환경 세팅과 업비트 업비트 지갑연동이 궁금하시다면 아래 링크의 이전 글을 참고 부탁드립니다.2024.04.28 - [사이드프로젝트] - [Node.js] 업비트 API로 트레이딩 봇 만들기 - 업비트 지갑 연동 [Node.js] 업비트 API로 트레이딩 봇 만들기 - 업비트 지갑 연동제작 계기최근에 코인에 대한 관심이 높아지면서 저 역시 코인 투자를 시작하게 되었습니다. 투자를 진행해보니, 생각보다 많은 시간이 소요되는 것을 느꼈습니다. 이에 "혹시 내fabric0de.tistory.com 참고문서이전 글에서 말씀드린 업비트에서 제공하는 API 문서를 참고하였..

• format_list_bulleted 사이드프로젝트
• · 2024. 5. 20.
• textsms

[Node.js] 업비트 API로 트레이딩 봇 만들기 - 업비트 지갑 연동

제작 계기최근에 코인에 대한 관심이 높아지면서 저 역시 코인 투자를 시작하게 되었습니다. 투자를 진행해보니, 생각보다 많은 시간이 소요되는 것을 느꼈습니다. 이에 "혹시 내가 직접 트레이딩하지 않아도 대신 거래를 해줄 프로그램이 있지 않을까?"라는 생각이 들었습니다. 이런 생각을 가지고 시장을 조사해보니, 다양한 오픈소스와 상업용 프로그램들이 존재함을 알게 되었습니다. 그러나 제가 원하는 특정 기능과 방식을 완벽하게 충족하는 프로그램을 찾기는 쉽지 않았습니다.이러한 이유들로 업비트 API를 이용한 코인 트레이딩 봇 제작을 시작해 보았습니다.  그럼 제가 프로그램을 제작한 단계별로 설명드리겠습니다.먼저 이번 포스팅에서는 업비트 API를 통해 자신의 지갑 금액을 조회하는 프로세스까지 진행해 보겠습니다. 사전..

• format_list_bulleted 사이드프로젝트
• · 2024. 4. 28.
• textsms

[HTML] role 속성 - 웹 컨텐츠 접근성 제공

HTML role 속성 무엇인가?HTML에서 role 속성은 웹 페이지 내의 특정 요소의 목적이나 타입을 명시적으로 선언하여 접근성을 향상시키는 데 중요한 역할을 한다. role 속성은 주로 스크린 리더와 같은 보조 기술이 웹 콘텐츠를 보다 정확하게 해석하고 사용자에게 전달할 수 있도록 돕는다.role 속성은 WAI-ARIA(Web Accessibility Initiative - Accessible Rich Internet Applications) 의 일부로 웹 애플리케이션의 접근성을 높이기 위해 개발되었다.WAI-ARIA?웹 콘텐츠와 웹 애플리케이션의 접근성을 향상시키기 위해 W3C에 의해 개발된 기술 표준이다.WAI-ARIA의 목적은 주로 보조 기술을 사용하는 사람들이 더 풍부하고 상호 작용이 가능한..

• format_list_bulleted HTML
• · 2024. 4. 25.
• textsms

Node.js란? 기본부터 알아보자

Node.js 란? Node.js는 크로스플랫폼 오픈소스 자바스크립트 런타임 환경으로 여러 OS 환경을 지원한다. Node.js를 이용하면 웹 브라우저 바깥에서 자바스크립트 코드를 실행할 수 있다. 이러한 방식이 가능한 이유는 V8 자바스크립트 엔진을 통해 JS코드를 구동하기 때문이다.V8 자바스크립트 엔진이란?V8 자바스크립트 엔진은 웹 브라우저를 만드는 데 기반을 제공하는 오픈 소스 자바스크립트 엔진으로 크롬 브라우저와 안드로이드 브라우저에 탑재되어 있다. 왜 Node.js를 사용할까?그렇다면 왜 Node.j를 사용할까, 단순히 브라우저 없이 JS코드를 실행할 수 있는 것이 전부는 아니다.Node.js를 사용하는 주요한 이유는 아래와 같이 설명될 수 있다. 확장성Node.js 어플리케이션은 쉽게 확장..

• format_list_bulleted Node.js
• · 2024. 4. 22.
• textsms