티스토리

VIAE의 IT 이모저모

검색하기

블로그 홈

VIAE의 IT 이모저모

viae.tistory.com/m

다양한 IT 읽을 거리를 소개해요.

구독자: 1

방명록 방문하기

주요 글 목록

프롬프트 작성법: 효과적인 스크립트 작성을 위한 팁 소개 프롬프트 작성은 주어진 시간에 효과적으로 대화를 진행하기 위해 필요한 기술입니다. 프롬프트는 다양한 상황에서 사용되며, 면접, 연설, 세미나 등의 자리에서 효과적인 커뮤니케이션을 돕는 역할을 합니다. 이 글에서는 프롬프트 작성법에 대해 자세히 알아보고자 합니다. 프롬프트 작성법이란? 프롬프트 작성법은 사전에 준비된 스크립트를 기반으로 대화를 진행하는 기술입니다. 이를 통해 말을 잘 꾸며내고, 핵심 내용을 간결하게 전달할 수 있습니다. 프롬프트 작성은 주제에 대한 깊은 이해와 명확한 구조화가 필요합니다. 프롬프트 작성의 중요성 프롬프트 작성은 대화의 흐름을 원활하게 유지하는 데 중요한 역할을 합니다. 잘 작성된 프롬프트는 질문에 대한 명확하고 포괄적인 답변을 도출해내며, 청중의 이해를 돕습니다. 또한.. 공감수 0 댓글수 0 2024. 3. 14.
TCP/IP란? TCP/IP는 패킷 통신 방식의 인터넷 프로토콜인 IP(인터넷 프로토콜)와 전송 조절 프로토콜인 TCP(전송 제어 프로토콜)로 이루어져 있으며, IP는 패킷 전달 여부를 보증하지 않고, 패킷을 보낸 순서와 받는 순서가 다를 수 있습니다. (unreliable datagram service) TCP는 IP 위에서 동작하는 프로토콜로, 데이터의 전달을 보증하고 보낸 순서대로 받게 해주며, HTTP(HyperText Transfer Protocol), FTP(File Transfer Protocol), SMTP(Simple Mail Transfer Protocol) 등 TCP를 기반으로 한 많은 수의 애플리케이션 프로토콜들이 IP 위에서 동작하기 때문에, 묶어서 TCP/IP라 부르기도 합니다. 조금 더 간략히.. 공감수 3 댓글수 2 2023. 11. 17.
[번역] 리액트(React) 디자인 패턴 출처: React Design Patterns 소개 React 개발자는 테스트되고 신뢰할 수 있는 솔루션을 사용하여 문제를 해결하는 빠른 접근 방식을 제공하는 디자인 패턴을 사용하여 시간과 노력을 절약할 수 있습니다. 디자인 패턴을 사용하면 결합이 적은 응집력 있는 모듈을 만들 수 있으며, 이를 통해 React 개발자는 유지보수 가능하고 확장 가능하며 효율적인 애플리케이션을 만들 수 있습니다. 이 글에서는 React 디자인 패턴을 살펴보고 이 패턴이 React 애플리케이션 개발을 어떻게 개선할 수 있는지 살펴보겠습니다. 컨테이너 및 프레젠테이션 패턴 컨테이너 및 프레젠테이션 패턴은 리액트 코드에서 프레젠테이션 로직과 비즈니스 로직을 분리하여 모듈화되고 테스트 가능하며, 관심사 분리 원칙을 따르는 것을 목.. 공감수 0 댓글수 0 2023. 11. 14.
HTML 최적화를 통한 웹 사이트 성능 향상 방법 소개 웹 사이트의 성공은 방문자에게 제공하는 경험에 의해 크게 좌우됩니다. 성능 최적화는 사용자 경험을 향상시키는 중요한 요소 중 하나입니다. 빠른 로딩 시간은 사용자의 만족도를 높이고 검색 엔진 결과에서 더 높은 순위를 차지할 수 있게 합니다. HTML은 웹 페이지의 구조를 정의하기 때문에 성능에 영향을 미치는 요소로 아래에는 간단하게 HTML을 최적화하여 웹 사이트의 성능을 개선할 수 있는 몇 가지 방법입니다. 성능 향상 방법 불필요한 태그 및 주석 제거 코드 내에 쓸모없는 태그와 주석이 많으면 HTML 문서의 크기가 커지게 되며, 이는 로딩 시간에 부정적인 영향을 미칩니다. 사용하지 않는 코드를 정기적으로 검토하고 정리하여 문서를 간결하게 유지하는것이 좋습니다. 이것은 필요한 내용입니다. 이미지 최.. 공감수 0 댓글수 0 2023. 11. 12.
[번역] 모바일 우선 웹 디자인이 데스크톱에 미치는 부정적인 영향 출처: The Negative Impact of Mobile-First Web Design on Desktop 요약: 모바일 우선 웹 디자인은 데스크톱에서 볼 때 심각한 사용성 문제를 일으킵니다. 콘텐츠가 공백이 넓고 이미지와 글꼴이 확대된 긴 스크롤 페이지에 지나치게 분산되어 사용자가 정보를 소비하고 이해하기 어렵습니다. 많은 최신 웹사이트는 모바일 우선 접근 방식으로 설계되었습니다. 이러한 페이지가 데스크톱 디바이스에서 렌더링될 때 콘텐츠가 지나치게 크고 길게 표시될 수 있습니다. 화면을 가리는 이미지, 크고 부풀려진 텍스트, 과도한 음수 공간으로 인해 페이지가 길어지고 모든 콘텐츠를 소비하기 위해 더 많은 스크롤이 필요합니다. 이러한 디자인 트렌드를 콘텐츠 분산이라고 부릅니다. 이 페이지에서: 콘텐.. 공감수 0 댓글수 0 2023. 11. 11.
[번역] 더 좋고 안전한 코드를 위한 두 가지 간단한 규칙 출처: Two simple rules for better and more secure code 안녕하세요! 이전 게시물 중 하나인 "최고의 애플리케이션 보안 도구는 교육입니다"에서 특히 예산이 제한되어 있는 경우 보안에 대해 자신이나 엔지니어를 교육하는 것이 가장 높은 투자 수익을 얻을 수 있는 이유에 대해 설명한 바 있습니다. 하지만 보안을 배우거나 가르치는 것이 말처럼 간단하지 않다는 것을 잘 알고 있습니다. 조직마다 고유한 특성이 있고 엔지니어마다 고유한 자질이 있기 때문입니다. 게다가 보안 코딩 관행을 내재화하는 것은 시간이 많이 걸리는 과정입니다. 이제 막 이 여정을 시작하는 분들을 위해 기억하기 쉽고 자신이나 동료가 작성하는 코드의 보안을 크게 강화할 수 있는 매우 간단한 두 가지 규칙을 공유.. 공감수 0 댓글수 0 2023. 11. 10.
웹사이트 파비콘 만드는 사이트 소개 웹사이트를 만들때 필요한 것 중 하나가 파비콘입니다. 파비콘에대한 설명은 아래에서 설명하며, 파비콘은 브라우저와 디바이스에 따라 여러 사이즈를 가지고 있습니다. 이러한 파비콘을 하나씩 만들기에는 번거로운 작업이 아닐 수 없는데, 이런 번거로운 작업을 쉽게 해주는 사이트입니다. 파비콘이란 파비콘이란 웹사이트 또는 웹 페이지를 대표하기 위해 웹 브라우저에서 사용되는 작은 이미지입니다. 즐겨찾기 아이콘(favorite icon)의 줄임말로 주로 웹 브라우저 상단에 있는 탭에 표시됩니다. 파비콘 만드는 사이트 favicon-generator favicon-generator는 파비콘을 만드는 사이트 중 하나로, 별도의 회원가입 없이 사용할 수 있습니다. 파일을 첨부한 후 Create Favicon 버튼을 클.. 공감수 0 댓글수 0 2023. 11. 9.
[번역] 상위 10가지 소프트웨어 개발 KPI 출처: Top 10 Software Development KPIs 목표를 설정한 후에는 지속적으로 목표를 달성하고 있는지 확인해야 합니다. 소프트웨어 개발도 마찬가지입니다. 모든 성공적인 소프트웨어 개발 수명 주기(SDLC)는 측정 가능한 목표를 설정하는 것에서 시작됩니다. 소프트웨어 개발의 핵심 성과 지표 또는 KPI는 소프트웨어 개발의 진행 상황을 평가하는 데 도움이 됩니다. 모든 개발 팀에서 KPI가 항상 동일하지는 않습니다. 성공을 측정하는 가이드 역할을 하지만, 각 조직은 현재 프로젝트 및 전반적인 비즈니스 목표와 관련된 지표를 설정해야 합니다. 그러나 소프트웨어를 성공적으로 빌드, 배포 및 확장하려면 전반적으로 잘라내야 하는 지표도 있습니다. 팀이 살펴봐야 할 소프트웨어 개발의 상위 10가지 .. 공감수 1 댓글수 0 2023. 11. 8.
CSS 방법론이란? OOCSS, BEM, SAMCSS, Atomic CSS 소개 CSS방법론들은 모듈성, 확장성, 유지보수성을 고려한 설계 방법들을 제안하고 있습니다. 다양한 CSS방법론이 있지만 CSS방법론에서 추구하고자 하는 모습은 아래와 같습니다. 코드의 재사용성을 높이자. 쉽게 유지보수 하자. 확장 가능하게 하자. 클래스명 만으로도 무슨 의미인지 예측 가능하도록 하자. 이는 CSS의 규모가 확장되고 프로젝트의 규모가 커질수록 관리하기 어려운 CSS를 관리하기 수월하게 하고자 하는 노력이며, 방법론은 상황에 맞춰 다양한 모습으로 변형될 수 있으며 유연하게 여러 방법론을 함께 사용할 수 있습니다. OOCSS(Object Oriented CSS) OOCSS는 Object Oriented CSS의 약자이며, 모듈 방식으로 다양한 스타일 규칙 전체에서 동일한 속성의 중복을 줄이는.. 공감수 0 댓글수 0 2023. 11. 7.
[부업] AI 활용한 온라인 부업 - adobe stock 소개 요즘 AI 를 활용한 온라인 부업이 많은 사람들이 하고 있습니다. 그 중 간단하게 할 수 있는 온라인 부업을 소개해드리고자합니다. 소개해 드릴 부업은 바로 "adobe stock"을 통한 이미지 판매입니다. 이미지 판매를 하기 위해서 많은 분들이 어렵다고 여겨지겠지만 adobe stock은 특이하게 AI 생성물을 통한 이미지 또한 판매가 가능한데, 이 부분을 소개해드리고자 합니다. 진행 단계 adobe stock에 등록하기 위한 절차중 먼저 이미지를 생성하여야 하는데요. 이미지를 생성하는 방법 부터 이미지를 등록하고 판매를 이루는 방법을 아래 단계에 따라 설명하도록 하겠습니다. 1. Playground AI 회원가입 먼저 AI를 통해 이미지 생성을 하기 위해 Playground AI에 회원가입 후 .. 공감수 0 댓글수 0 2023. 11. 6.
저작권 없는 무료 이미지 사이트 소개 무언가를 만들때 매번 필요로 하는 이미지인데, 저작권 없는 이미지를 찾기 위해서 여러 곳들을 검색하는데 시간을 쏟고 있습니다. 이럴때를 위해 필요한 저작권 없는 무료 이미지 사이트입니다. 무료 이미지 사이트 Pixabay pixabay는 방대한 이미지 데이터를 가지고 있으며, 한국어로 검색이 가능하다는 장점이 있습니다. 또한, 선명한 화질로 사진을 얻을 수 있으며, 누구나 쉽게 다양한 사진들을 얻을 수 있습니다. morguefile morguefile 또한 무료로 이미지를 사용할 수 있습니다. 이미지를 다운받기 위해 회원가입이 필요하며, 무료로 사용가능한 이미지들을 다운받을 수 있습니다. stockvault stockvault 는 무료로 이미지를 다운받을 수 있는 사이트로, 회원가입 없이 사용가능하.. 공감수 0 댓글수 0 2023. 11. 5.
이미지 및 멀티미디어 콘텐츠를 삽입하는 HTML 작성법 소개 이미지 및 멀티미디어 콘텐츠 삽입을 위한 태그(Image and multimedia Elements)는 이미지, 오디오, 비디오와 같은 다양한 멀티미디어 리소스를 지원하며, 멀티미디어 접근성을 보장합니다. 이미지 및 멀티미디어 콘텐츠를 위한 HTML 작성법 태그 태그는 문서의 이미지를 나타냅니다. 태그는 필수 속성으로 src을 가지며, src 속성은 이미지의 경로(URL)을 나타냅니다. alt속성은 이미지를 설명하는 대체 텍스트를 정의합니다. alt 속성은 이미지 URL이 잘못되었거나 브라우저내 지원되는 형식이 아닌 경우 이미지를 대체하여 보여줄 텍스트이며, 이는 웹페에지 내 이미지를 직접적으로 볼 수 없는 사용자 혹은 봇에 이미지에 대한 정보를 제공해주는 역할을 수행합니다. 태그 태그는 태그와 함.. 공감수 1 댓글수 1 2023. 11. 4.
[번역] JSON은 느립니다. JSON 보다 더 빠른 4가지 대안 출처: JSON is Slower. Here Are Its 4 Faster Alternatives 소개 빠르게 변화하는 웹 개발 환경에서 속도와 응답성은 타협할 수 없는 요소입니다. 사용자는 정보에 대한 즉각적인 액세스, 신속한 상호 작용, 원활한 경험을 원합니다. 자바스크립트 객체 표기법의 줄임말인 JSON은 웹 개발에서 데이터 교환을 위한 충실한 동반자 역할을 해왔지만, 애플리케이션의 속도를 떨어뜨리고 있는 것은 아닐까요? JSON의 세계에 대해 자세히 알아보고, 잠재적인 병목 현상을 살펴보고, 앱이 치타처럼 질주할 수 있도록 더 빠른 대안과 최적화 기술을 알아보세요. JSON이란 무엇이며 왜 신경 써야 할까요? JSON 최적화를 위한 여정을 시작하기 전에 JSON이 무엇이며 왜 중요한지 이해해 봅시.. 공감수 0 댓글수 1 2023. 11. 4.
알아두면 좋은 CSS 툴(서비스) 소개 다양한 웹 관련 서비스들이 존재하고 있으며, 그 중 CSS 작성하거나 살펴볼때 도움이 될 서비스(플랫폼)을 모았습니다. 여러 CSS 툴을 살펴봄으로써 인사이트를 얻기에 좋습니다. CSS 툴 cssgradient CSS Gradient는 웹사이트에 무료 그라데이션 배경을 만들 수 있는 프로젝트로 CSS 그라데이션을 확인할 때 유용합니다. colorhunt Colorhunt는 디자이너와 아티스트를 위한 다양한 색상 팔레트를 제공합니다. CSS Tricks CSS Tricks는 Cascading Style Sheets에 대한 최고의 조언, 팁, 요령 및 코드를 살펴볼 수 있습니다. fffuel Fffuel은 그라데이션, 패턴, 텍스처, 모양 및 배경을 위한 색상 도구 및 무료 SVG 생성기 모음입니다. .. 공감수 0 댓글수 0 2023. 11. 3.
웹 표준과 웹 접근성을 위한 HTML 작성법 웹 표준이란? 웹 표준은 웹 사이트를 만들 때 따르는 규칙과 권장 사항의 모음입니다. 이러한 규칙과 권장 사항은 웹 사이트가 모든 사용자에게 일관된 경험을 제공하고, 웹 사이트가 여러 플랫폼 및 브라우저에서 일관되게 동작하도록 보장합니다. 예를 들어, HTML5는 최신 웹 표준이며, 웹 페이지의 구조를 정의하고, CSS는 웹 페이지의 디자인 및 레이아웃을 관리하는 데 사용됩니다. 웹 표준을 준수하면 모든 사용자가 웹 사이트를 쉽게 접근하고, 검색 엔진에서도 좀 더 잘 색인화될 수 있습니다. 웹 접근성이란? 웹 접근성은 모든 사람들이 웹 사이트에 접근하여 정보를 얻고 상호작용할 수 있도록 보장하는 것을 의미합니다. 이것은 장애가 있는 사람들, 고령자, 저시력 또는 색약인 사람, 모바일 기기를 사용하는 사람.. 공감수 0 댓글수 0 2023. 11. 2.
무료 AI 이미지 생성 서비스(플랫폼) 소개 인공 지능은 날마다 더 새롭고 스마트한 디지털 도구로 빠르게 진화하고 있습니다. 그 중 AI를 통해 무료로 이미지를 생성할 수 있는 도구들을 소개합니다. 무료 이미지 생성 툴 Starryai Starryai는 꿈꾸던 작품을 시각적으로 완벽하게 바꿀 수 있는 이상적인 솔루션입니다. Starryai 앱을 사용하면 제공된 텍스트 입력을 통해 즉각적인 AI 기반 이미지를 만들 수 있습니다. 실제로 이모티콘을 사용하여 특정 유형의 작품을 만들 수도 있습니다. Playgroundai Playgroundai는 대표적으로 AI를 통해 무료로 이미지를 생성할 수 있는 서비스입니다. 회원 가입 후 이용할 수 있으며, 다양한 이미지들을 생성 및 검색을 통해 AI로 생성된 이미지를 만나볼 수 있습니다. Leonardo... 공감수 0 댓글수 0 2023. 11. 1.
CSS(Cascading Style Sheets)란 무엇인가? CSS란? CSS는 문서가 사용자에게 표시되는 방식 (스타일, 레이아웃 등)을 지정하는 언어입니다. 문서는 대개 MarkUp언어를 사용하여 구조화된 텍스트 파일로, HTML이 가장 일반적인 MarkUp언어이지만 SVG또는 XML과 같은 다른 MarkUp언어도 사용됩니다. 사용자에게 문서를 제시한다는 것은 사용자를 위해 유용한 양식으로 변환한다는 것을 의미하며, Firefox, Chrome 등 브라우저는 모니터, 프로젝터 또는 프린터에서 시각적으로 문서를 표시하도록 설계되었습니다. CSS 규칙 CSS는 규칙 기반 언어입니다. 웹 페이지의 특정 요소 또는 요소 그룹에 적용할 스타일 그룹을 지정하는 규칙을 정의하며, 다음과 같은 규칙을 가지고 있습니다. HTML 콘텐츠가 표시되는 방식을 업데이트 하도록 설정.. 공감수 0 댓글수 2 2023. 10. 31.
웹 폼 디자인과 유효성 검사를 위한 HTML 작성법 폼(Form)이란? 폼은 웹사이트나 웹 애플리케이션에서 사용자로부터 정보를 수집하는 데 사용되는 요소입니다. 폼은 사용자와 상호작용할 수 있는 다양한 입력 필드, 버튼 및 선택 옵션 등을 포함할 수 있습니다. 이러한 폼을 제공하는 것은 사용자 경험을 개선하고 유효성 검사를 통해 올바른 데이터를 수집하는 데 도움이 됩니다. 주요 폼 태그 태그 폼의 시작을 나타내는 태그로, 모든 입력 요소는 이 태그 안에 위치해야 합니다. action 속성을 사용하여 폼 데이터를 서버로 전송할 URL을 지정할 수 있습니다. method 속성을 사용하여 폼 데이터를 전송하는 HTTP 메소드를 지정할 수 있습니다. 일반적으로는 "GET" 또는 "POST"를 사용합니다. Name: Save Name: Save Title Sele.. 공감수 0 댓글수 0 2023. 10. 31.
시맨틱 마크업을 위한 HTML 작성법 시맨틱 마크업이란? 시맨틱(Semantic)이란 "의미론적인"의 뜻을 가지며 마크업(Markup)이란 HTML 태그로 문서를 작성하는 것을 말합니다. 시맨틱 마크업이란 웹페이지의 의미를 전달하기 위해 구조적으로 의미를 지닌 마크업을 뜻합니다. 이는 곧 검색엔진최적화(SEO)에도 영향을 미치며, 웹 페이지의 가독성과 접근성을 높일 수 있어 전체적인 웹 페이지의 정보전달을 꾀할 수 있습니다. 시맨틱 마크업 예시 웹 페이지의 머리말을 나타냅니다. 사이트 제목, 로고, 주요 내비게이션 등을 포함할 수 있습니다. 웹사이트 제목 메뉴1 메뉴2 메뉴3 웹 페이지의 주요 내비게이션을 나타냅니다. 메뉴1 메뉴2 메뉴3 문서의 주요 섹션을 나타냅니다. 각 섹션은 일반적으로 제목( ~ )을 가지며 뉴스, 블로그 게시물 등과.. 공감수 0 댓글수 2 2023. 10. 30.
검색엔진최적화(SEO)를 위한 HTML 마크업 기법 SEO란? SEO(검색 엔진 최적화)는 웹사이트가 검색 엔진에서 상위에 노출될 수 있도록 최적화하는 과정을 말합니다. 비즈니스 유형이 어떤 것이든 SEO는 가장 중요한 마케팅 유형 중 하나로, 검색엔진최적화를 통해 서비스 유입을 이끌어 낼 수 있습니다. SEO가 필요한 이유 고객이 검색엔진(구글 or 네이버 등)에서 검색을 할 경우, 검색결과에서 최대 3페이지 정도만 탐색을 하고 이후 이탈한다고 합니다. 통계에 따르면, 첫페이지의 검색이탈율은 거의 92%에 달하고 3페이지까지 클릭해보는 고객은 겨우 3.7%에 불과하다 합니다. 그렇기에 대부분 1페이지에 목표하는 비즈니스가 검색 결과에 나오지 않으면 검색을 통한 사용자 유입 기회가 없다고 생각해도 무방합니다. 대부분의 검색량이 높은 키워드는 경쟁페이지수가.. 공감수 2 댓글수 4 2023. 10. 29.
[번역] 지루한 개발자를 위한 10가지 재미있는 웹 개발 프로젝트 아이디어 출처: 10 Fun Web Development Project Ideas for Bored Coders to Do 지루함을 느끼고 흥미로운 프로젝트를 찾고 있는 웹 개발자이신가요? 더 이상 고민하지 마세요! 이 글에서는 기술 향상은 물론 참여와 동기 부여에 도움이 되는 10가지 웹 개발 프로젝트 아이디어를 살펴볼 것입니다. 이제 소매를 걷어붙이고 좋아하는 코드 편집기를 들고 창의적인 웹 개발 프로젝트에 뛰어들어 보세요! 참고: 제공된 코드 스니펫은 시작점을 제공하기 위한 간단한 예제입니다. 필요한 리소스나 기본 코드에 대한 대략적인 아이디어만 제공하므로 이를 확장해 나가야 합니다. 1. Personal Portfolio Website Goal: 시각적으로 매력적인 인터랙티브 포트폴리오 웹사이트를 만들어 .. 공감수 1 댓글수 2 2023. 10. 28.
2023년 10월 개발 트렌드 읽을거리 Up: Portable Microservices Ready for the Cloud 우버가 수천개의 마이크로서비스를 멀티 클라우드 플랫폼으로 이전한 방법을 소개합니다. 이 글에서는 기본 구성 및 롤아웃 메커니즘을 어떻게 통합하고 간소화했는지, 그 과정에서 해결한 몇 가지 흥미로운 과제와 이를 통해 달성한 효율성에 대해 설명합니다. Web Push is almost usable with iOS 17 애플은 올해 초 iOS 16.4 베타 버전에서 웹 푸시에 대한 지원을 발표하며 많은 긍정적인 반응을 얻었습니다. WWDC에서 애플은 "표준에 따라 코드를 작성하고 기능 탐지(feature detection)를 제대로 사용했다면, 무의식적으로 사파리를 제외하지 않는 한 사용자는 이미 웹 푸시의 이점을 누.. 공감수 0 댓글수 2 2023. 10. 27.
[번역] Bun vs Node.js 알아야 할 모든 것 출처: Bun vs Node.js: Everything you need to know 9월 8일, 자바스크립트 커뮤니티에 새로운 소식이 들려왔습니다. Jarred Sumner가 만든 Bun v1.0이 출시되었기 때문입니다. 하지만 많은 사람들이 궁금해하는 것이 있습니다: Bun의 본질은 무엇일까요? 왜 모두가 이미 검증된 Node.js와 유사점을 찾는 걸까요? Bun은 일시적인 트렌드에 불과한 것일까요, 아니면 게임을 재정의하기 위해 등장한 것일까요? 이 글에서는 Bun에 대해 자세히 알아보고, 그 기능을 확인하며, 잘 정립된 Node.js와 어떻게 비교되는지 알아보겠습니다. Bun이란 무엇인가요? Bun은 자바스크립트 및 타입스크립트 앱을 위한 초고속 올인원 툴킷입니다. Bun의 장점은 개발 프로세스를.. 공감수 0 댓글수 0 2023. 10. 27.
Angular 메타 프레임워크(SSR, SSG) Analog.js Analog.js 소개 Analog.js는 Vue의 Nuxt.js 또는 React의 Next.js와 유사한 프레임워크로 Angular를 위한 서버사이드 프레임워크 혹은 메타 프레임워크입니다. 이를 이용하면, Angular의 서버 렌더링 및 정적 사이트 생성과 같은 기능을 매우 빠르고 쉽게 사용할 수 있습니다. 이전부터 Angular의 서버 렌더링(SSR)은 Angular Universal을 통해 지원하였습니다. Angular Universal을 이용하면 Angular의 서버 렌더링 및 정적 사이트를 쉽게 생성할 수 있었지만, 잠재적인 문제점이 많았습니다. Analog.js 는 이러한 잠재적인 문제로부터 Angular의 프로젝트의 서버렌더링 및 다양한 기능을 내포한 풀 스택 메타 프레임워크로 발돋음 할 수.. 공감수 0 댓글수 0 2023. 10. 26.
[번역] Up: 클라우드를 위한 휴대용 마이크로서비스 준비 출처: https://www.uber.com/en-GB/blog/up-portable-microservices-ready-for-the-cloud/ 소개 매주 4,500명의 엔지니어와 수많은 자율 시스템이 4,000개 이상의 Uber 마이크로서비스를 10만 번 이상 배포합니다. 이러한 서비스는 전 세계에서 독립적으로 활동하는 수백 개의 개별 팀에 의해 개발, 배포, 운영됩니다. 내부 운영에 사용되는 소규모 서비스부터 대규모 실시간 연산에 사용되는 대규모 서비스까지 그 규모와 형태, 기능이 다양합니다. 이러한 서비스는 모두 다르지만 공통적인 특성을 공유하며, 간소화를 위해 통합할 수 있는 측면이 많습니다. 저희가 집중한 측면은 배포, 용량 관리, 규정 준수 및 일상적인 운영이었습니다. 이 글에서는 기본 구.. 공감수 0 댓글수 0 2023. 10. 26.
HTML 이란? HTML이란? HTML은 HyperText Markup Language의 약자로, 웹 페이지를 구성하는 표준 마크업 언어입니다. HTML은 웹 브라우저에게 웹 페이지의 구조와 내용을 알려주는 역할을 합니다. 간단하게 말해서, 웹 브라우저는 HTML 문서를 읽어들여서 웹 페이지를 표시하게 됩니다. HTML은 기본적으로 태그(tag)라고 불리는 요소로 구성되어 있습니다. 각각의 태그는 각자의 용도가 있으며, 웹 페이지의 구조와 내용을 정의하는 데 사용됩니다. 예를 들어, ``, ``, ``, ``와 같은 태그는 각각 HTML 문서의 시작, 타이틀 등을 정의하는 데 사용됩니다. HTML 특징 태그는 ``으로 시작해서 ``으로 끝납니다. 시작 태그와 끝 태그로 둘러싸인 부분이 해당 태그의 콘텐츠(content).. 공감수 0 댓글수 0 2023. 10. 25.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.