전체 글 (19) 썸네일형 리스트형 DOM (Document Object Model) DOM은 HTML, XML 문서의 인터페이스로, 프로그래밍 언어가 문서에 접근하고 수정(구조, 스타일, 내용 등)할 수 있습니다. 브라우저에 의해 로드되고 노드 트리와 같이 구조화된 표현(structured representation)으로 제공됩니다. DOM은 프로그래밍 언어와 독립적으로 디자인되었기 때문에, JS와 파이썬 등 어떠한 언어에도 제약이 없습니다. DOM에 접근하기 위해 환경설정이나 라이브러리를 설치할 필요가 없습니다. 개발자도구 콘솔에서도 아래 이미지와 같이 간단하게 호출할 수 있습니다. 콘솔에서 document object(브라우저가 불러온 웹페이지이자, 페이지 콘텐츠의 진입점)를 직접 호출하거나 window object(DOM 문서를 담은 창)의 element로 document를 호출할.. [자료구조] 배열 배열은 데이터를 하나의 변수로 관리하는 방법 중 하나입니다. 반복문과 함께 사용하면 좀 더 효율적인 처리가 가능합니다. 예를 들면, alphabet 이라는 전역 변수에 빈 배열을 초기화합니다. 알파벳을 차례대로 담아 사용할 계획입니다. // javascript code var alphabet = new Array(); alphabet[0] = 'a'; alphabet[1] = 'b'; alphabet[2] = 'c'; 0, 1, 2는 인덱스(index)입니다. 값을 식별하는 데에 사용됩니다. 'a', 'b', 'c'는 값(value)입니다. 0은 'a'의 배열내 위치를 가리키며, 이 둘을 합쳐서 엘리먼트(element)라고 합니다. 배열 사용하기 실생활에서는 숫자나 순서에 의미를 두는 경우, 배열로 표현.. SSR(Server-side Rendering) SSR(Server-side Rendering)은 서버에서 생성한 HTML 페이지를 렌더링합니다. 간단하게 말하면 서버가 문서 작업을 담당하고, 클라이언트는 보여주기만 합니다. HTML이 생성되면, 클라이언트로 HTML, JSON 데이터, 상호작용을 위한 JS 명령어를 전송합니다. 클라이언트는 상호작용이 불가능한 HTML 빠르게 표시하고, React는 JSON data와 JS 명령어를로 컴포넌트가 상호작용이 가능하도록 만듭니다. 이 과정을 Hydration(수화)이라고 합니다. Pre-Rendering Server-Side Rendering(SSR)과 Static Site Generation(SSG)은 data fetch와 React 컴포넌트를 HTML로 변환하는 작업이 클라이언트에 서버가 응답하기 전에.. 이전 1 ··· 3 4 5 6 7 다음
