html4 [TypeScript] 나만 알고 싶은 웹 프레임워크 'Svelte(스벨트)' 스벨트(Svelte), 프레임워크의 새로운 패러다임 보통 "React", "Vue" 같은 프레임워크가 "가상돔(Virtual DOM)"을 사용해 웹페이지를 업데이트한다고 알고 있습니다. 하지만 Svelte는 완전히 다른 방식으로 접근합니다. Svelte는 프레임워크가 아니라 '컴파일러' Svelte는 우리가 작성한 코드를 브라우저에서 실행하기 전에, '빌드(build) 단계'에서 미리 최적화된 순수 자바스크립트(Vanilla JS) 코드로 변환해버립니다.기존 프레임워크 : 실시간으로 통역해주는 '동시통역사'와 함께 일하는 방식입니다. 계속해서 통역사의 도움이 필요하죠.Svelte : 책을 출간하기 전에 '전문 번역가'가 완벽하게 번역을 끝내놓는 방식입니다. 독자(브라우저)는 그냥 잘 번역된 책(순수 .. 2025. 9. 10. World wide web(WWW)와 HTML 관계 World Wide Web(WWW)는 서로 연결된 하이퍼텍스트 문서의 집합체이며, HTML(HyperText Markup Language)은 웹 페이지를 만드는 데 사용되는 표준 마크업 언어입니다. WWW는 HTML을 사용하여 구현됨. HTML은 웹 페이지의 기본 구성 요소임. HTML 없이는 WWW가 존재할 수 없음. ◆ WWW: 웹 브라우저를 통해 접근할 수 있는 정보 공간이며, 웹 브라우저는 HTTP 프로토콜을 사용하여 웹 서버에서 HTML 문서를 요청하고 표시합니다. ◆ HTML: 웹 페이지의 구조와 내용을 정의하는 마크업 언어이며, HTML 태그를 사용하여 제목, 본문, 이미지, 링크 등을 정의합니다. ◆ WWW와 HTML의 관계: HTML은 웹 페이지를 만드는 데 사용되는 기본 언어이며, 웹 .. 2024. 3. 14. HTML 표 태그 구현 - HTML 표 (또는 테이블)는 웹 페이지에서 데이터를 구조화하고 표현하기 위한 강력한 도구입니다. 표는 주로 엑셀이나 달력과 같은 형태로 생각할 수 있으며, 웹 페이지에서 정보를 정리하고 시각적으로 표현하는 데 사용됩니다. HTML에서 표를 만들 때 다음과 같은 기본 태그들을 사용합니다.1. 태그: 표를 정의하는 컨테이너입니다. 태그로 표를 시작하고 닫아야 합니다.2. 태그 (Table Row): 표의 각 행을 정의합니다. 행은 가로 방향으로 데이터를 나타냅니다. 표의 각 행은 태그로 시작하고 닫아야 합니다.3. 태그 (Table Data): 표의 데이터 셀을 정의합니다. 각 셀은 행 내에서 열의 위치를 나타냅니다. 셀 내에 실제 데이터를 입력합니다. 셀은 태그로 정의하고 닫아야 합니다.4. 태그 (.. 2023. 9. 11. [React] 개발 단계에서 렌더링 두 번 발생 원인 및 방지 방법 (참고:해당 설명은 Vitrual Studio 프로그램 기준으로 설명합니다.) 다들 리액트로 개발하면서, 웹 콘솔창에 이유 없이 두 번의 상태값을 보신 적이 있을 겁니다. 어? 나는 아무것도 안 했는데? 이게 왜 뜨지라는 생각을 하였을 겁니다. 렌더링이 무엇이고, 개발 단계에서 두 번 발생하는지도 알아보겠습니다.목록렌더링이란?렌더링 발생 두 번 그 이유는?렌더링 발생 두 번 방지 1. 렌더링이란?웹 개발 관점에서의 렌더링은 웹 개발에서는 주로 "웹 페이지 UI를 생성"하고 "표시하는 과정"을 "렌더링"이라고 합니다. 사용자가 웹 페이지에 접속하거나 상호작용할 때, 브라우저는 웹 페이지의 구조와 스타일을 기반으로 화면에 내용을 그리는 렌더링 과정을 거칩니다.간다히 말씀드리자면, 우리가 웹 브라우저를 열어 .. 2023. 8. 30. 이전 1 다음