전체 글
[JavaScript] DOM(Document Object Model)
DOM이란? Document Object Model 은 문서객체모델이며 XML이나 HTML문서에 접근하기 위한 일종의 인터페이스이다. 이 객체 모델은 문서내의 모든요소를 정의하고, 각각의 요소에 접근하는 방법을 제공한다. DOM의 표준모델 W3C DOM 표준은 세가지 모델로 구분된다. Core DOM: 모든 문서 타입을 위한 DOM 모델 HTML DOM: HTML 문서를 위한 DOM 모델 XML DOM: XML 문서를 위한 DOM 모델 우리는 이중 HTML DOM을 가장 많이 접하게 될 것이다. HTML DOM을 통해 JavaScript로 HTML에 접근하고 조작 할 수 있다. 웹 프론트엔드에서의 DOM 여러 DOM Element로 구성된 하나의 웹 페이지는 Window를 최상위 부모로 하는 트리구조를 ..
![[Next.js] 공식문서 살펴보기(1) (하이브리드 앱, SSR, SSG, CSR)](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FupjmA%2FbtrkjWeF8aC%2FNG1SotmtazRBgTf1kT3r8k%2Fimg.jpg)
[Next.js] 공식문서 살펴보기(1) (하이브리드 앱, SSR, SSG, CSR)
SSG(Static Site Generators) 와 SSR(Server Side Rendering) 정적사이트생성 사용자가 처음에 페이지에 접속을 요청했을 경우 사용자에게 렌더링될 빈페이지가 아닌 완성된 html파일을 응답값으로 전달해 준다. 그 후 요청이 들어올때마다 만들어진 html파일을 응답해준다. 서버사이드 렌더링 웹사이트에 접속하면(요청이 들어오게 되면) 서버측에서 html파일을 렌더링하여 완성된 html파일을 클라이언트로 전달을하고 클라이언트에서는 이 html파일을 DOM트리로 전환하여 보여주게 되고 js파일을 해석한다. Next.js의 하이브리드 앱 (SSR, SSG, CSR) SSG 는 모든 요청에 대해 일일이 페이지를 렌더링 하는 것이 아니기 때문에 SSR 에 비해 훨씬 빠른 응답속도를..
개발상식 | 객체지향 프로그래밍이란
OOP (Object Oriented Programming) : 객체지향 프로그래밍 객체지향 프로그래밍이란 컴퓨터가 사고하는 방식으로 프로그래밍을 진행하는 것이 아니라 인간 중심적 프로그래밍 패러다임이라고 할 수 있다. 현실에 존재하는 사물들을 객체 라고 이야기 하고 그 객체로부터 필요한 특징들을 가져와서 프로그래밍 하는 것이다. 이것을 추상화 라고한다. 객체 지향의 가장 기본은 객체가 내부적으로 어떤 데이터를 갖고 있는지가 아닌 어떤 기능을 제공하는 지 이다. 이러한 기능들은 오퍼레이션(operation) 이라고 불리며 즉, 객체는 오퍼레이션의 집합체 이다. 메세지 오퍼레이션(기능)의 집합은 인터페이스이다. 즈 오퍼레이션의 실행을 요청하는 것을 메시지를 보낸다라고 표현한다. 이러한 메세지는 OOP의 단..