Share
Sign In
공부
리액트 서버 컴포넌트
서버에서 무언가 작업을 수행한다는 점이 다름.
클라이언트 컴포넌트 : 브라우저에서 자바스크립트 코드 처리가 이루어짐.
use strict
useServerInsertedHTML, useInsertionEffect
Hydrate
Transpile vs Compile
Compiling is the process of taking source code written in one language and transforming it into another. Transpiling is the process of taking source code written in one language and transforming it into another language that has a sifmilar level of abstraction.
Middleware
애플리케이션의 요청-응답 주기 중 그 다음의 미들웨어 함수 대한 액세스 권한을 갖는 함수입니다.
요청 또는 응답 오브젝트를 변경하거나, 종료, 스택 내 다음 미들웨어 함수를 호출하는 태스크를 수행한다
SEO, Sitemap vs Open Graph
Sitemap : 페이지 목록을 machine이 해석하기 좋도록 map을 만드는 것을 가리킨다. 페이지를 색인화하여, 검색 엔진에서 훨씬 더 높은 ranking에 위치하도록 한다.
Open Graph : 페이지에 메타데이터를 삽입하여, 페이지의 contents를 설명한다. 페이지 링크를 공유 받는 플랫폼에서 어느정도 제어하여 표출 할 수 있도록 한다. (페이스북, 노션, 카카오톡 )
기본 메타 데이터
og:title - The title of your object as it should appear within the graph, e.g., "The Rock".
og:type - The type of your object, e.g., "video.movie". Depending on the type you specify, other properties may also be required.
og:image - An image URL which should represent your object within the graph.
og:url - The canonical URL of your object that will be used as its permanent ID in the graph, e.g., "https://www.imdb.com/title/tt0117500/".
선택적 메타 데이터
og:audio - A URL to an audio file to accompany this object.
og:description - A one to two sentence description of your object.
og:determiner - The word that appears before this object's title in a sentence. An enum of (a, an, the, "", auto). If auto is chosen, the consumer of your data should chose between "a" or "an". Default is "" (blank).
og:locale - The locale these tags are marked up in. Of the format language_TERRITORY. Default is en_US.
og:site_name - If your object is part of a larger web site, the name which should be displayed for the overall site. e.g., "IMDb".
og:video - A URL to a video file that complements this object.
Structured Properties
og:image, og:audio, og:video 를 사용한 경우 추가 구조화된 속성이 연속적으로 필요하다.
og:image:url - Identical to og:image.
og:image:secure_url - An alternate url to use if the webpage requires HTTPS.
og:image:width - The number of pixels wide.
og:image:height - The number of pixels high.
og:image:alt - A description of what is in the image (not a caption). If the page specifies an og:image it should specify og:image:alt.
next에서 Open Graph
Framework vs Library
A framework is used for building and deploying an application quickly. When we use a framework, we can use resources to facilitate faster development and a greater user experience. A library is used to enhance the functionality of an application.
리액트 서버 컴포넌트
서버에서 무언가 작업을 수행한다는 점이 다름.
클라이언트 컴포넌트 : 브라우저에서 자바스크립트 코드 처리가 이루어짐.
use strict
useServerInsertedHTML, useInsertionEffect
Hydrate
Transpile vs Compile
Compiling is the process of taking source code written in one language and transforming it into another. Transpiling is the process of taking source code written in one language and transforming it into another language that has a sifmilar level of abstraction.
Middleware
애플리케이션의 요청-응답 주기 중 그 다음의 미들웨어 함수 대한 액세스 권한을 갖는 함수입니다.
요청 또는 응답 오브젝트를 변경하거나, 종료, 스택 내 다음 미들웨어 함수를 호출하는 태스크를 수행한다
SEO, Sitemap vs Open Graph
Sitemap : 페이지 목록을 machine이 해석하기 좋도록 map을 만드는 것을 가리킨다. 페이지를 색인화하여, 검색 엔진에서 훨씬 더 높은 ranking에 위치하도록 한다.
Open Graph : 페이지에 메타데이터를 삽입하여, 페이지의 contents를 설명한다. 페이지 링크를 공유 받는 플랫폼에서 어느정도 제어하여 표출 할 수 있도록 한다. (페이스북, 노션, 카카오톡 )
기본 메타 데이터
og:title - The title of your object as it should appear within the graph, e.g., "The Rock".
og:type - The type of your object, e.g., "video.movie". Depending on the type you specify, other properties may also be required.
og:image - An image URL which should represent your object within the graph.
og:url - The canonical URL of your object that will be used as its permanent ID in the graph, e.g., "https://www.imdb.com/title/tt0117500/".
선택적 메타 데이터
og:audio - A URL to an audio file to accompany this object.
og:description - A one to two sentence description of your object.
og:determiner - The word that appears before this object's title in a sentence. An enum of (a, an, the, "", auto). If auto is chosen, the consumer of your data should chose between "a" or "an". Default is "" (blank).
og:locale - The locale these tags are marked up in. Of the format language_TERRITORY. Default is en_US.
og:site_name - If your object is part of a larger web site, the name which should be displayed for the overall site. e.g., "IMDb".
og:video - A URL to a video file that complements this object.
Structured Properties
og:image, og:audio, og:video 를 사용한 경우 추가 구조화된 속성이 연속적으로 필요하다.
og:image:url - Identical to og:image.
og:image:secure_url - An alternate url to use if the webpage requires HTTPS.
og:image:width - The number of pixels wide.
og:image:height - The number of pixels high.
og:image:alt - A description of what is in the image (not a caption). If the page specifies an og:image it should specify og:image:alt.
next에서 Open Graph
Framework vs Library
A framework is used for building and deploying an application quickly. When we use a framework, we can use resources to facilitate faster development and a greater user experience. A library is used to enhance the functionality of an application.
리액트 서버 컴포넌트
서버에서 무언가 작업을 수행한다는 점이 다름.
클라이언트 컴포넌트 : 브라우저에서 자바스크립트 코드 처리가 이루어짐.
use strict
useServerInsertedHTML, useInsertionEffect
Hydrate
Transpile vs Compile
Compiling is the process of taking source code written in one language and transforming it into another. Transpiling is the process of taking source code written in one language and transforming it into another language that has a sifmilar level of abstraction.
Middleware
애플리케이션의 요청-응답 주기 중 그 다음의 미들웨어 함수 대한 액세스 권한을 갖는 함수입니다.
요청 또는 응답 오브젝트를 변경하거나, 종료, 스택 내 다음 미들웨어 함수를 호출하는 태스크를 수행한다
SEO, Sitemap vs Open Graph
Sitemap : 페이지 목록을 machine이 해석하기 좋도록 map을 만드는 것을 가리킨다. 페이지를 색인화하여, 검색 엔진에서 훨씬 더 높은 ranking에 위치하도록 한다.
Open Graph : 페이지에 메타데이터를 삽입하여, 페이지의 contents를 설명한다. 페이지 링크를 공유 받는 플랫폼에서 어느정도 제어하여 표출 할 수 있도록 한다. (페이스북, 노션, 카카오톡 )
기본 메타 데이터
og:title - The title of your object as it should appear within the graph, e.g., "The Rock".
og:type - The type of your object, e.g., "video.movie". Depending on the type you specify, other properties may also be required.
og:image - An image URL which should represent your object within the graph.
og:url - The canonical URL of your object that will be used as its permanent ID in the graph, e.g., "https://www.imdb.com/title/tt0117500/".
선택적 메타 데이터
og:audio - A URL to an audio file to accompany this object.
og:description - A one to two sentence description of your object.
og:determiner - The word that appears before this object's title in a sentence. An enum of (a, an, the, "", auto). If auto is chosen, the consumer of your data should chose between "a" or "an". Default is "" (blank).
og:locale - The locale these tags are marked up in. Of the format language_TERRITORY. Default is en_US.
og:site_name - If your object is part of a larger web site, the name which should be displayed for the overall site. e.g., "IMDb".
og:video - A URL to a video file that complements this object.
Structured Properties
og:image, og:audio, og:video 를 사용한 경우 추가 구조화된 속성이 연속적으로 필요하다.
og:image:url - Identical to og:image.
og:image:secure_url - An alternate url to use if the webpage requires HTTPS.
og:image:width - The number of pixels wide.
og:image:height - The number of pixels high.
og:image:alt - A description of what is in the image (not a caption). If the page specifies an og:image it should specify og:image:alt.
next에서 Open Graph
Framework vs Library
A framework is used for building and deploying an application quickly. When we use a framework, we can use resources to facilitate faster development and a greater user experience. A library is used to enhance the functionality of an application.
리액트 서버 컴포넌트
서버에서 무언가 작업을 수행한다는 점이 다름.
클라이언트 컴포넌트 : 브라우저에서 자바스크립트 코드 처리가 이루어짐.
use strict
useServerInsertedHTML, useInsertionEffect
Hydrate
Transpile vs Compile
Compiling is the process of taking source code written in one language and transforming it into another. Transpiling is the process of taking source code written in one language and transforming it into another language that has a sifmilar level of abstraction.
Middleware
애플리케이션의 요청-응답 주기 중 그 다음의 미들웨어 함수 대한 액세스 권한을 갖는 함수입니다.
요청 또는 응답 오브젝트를 변경하거나, 종료, 스택 내 다음 미들웨어 함수를 호출하는 태스크를 수행한다
SEO, Sitemap vs Open Graph
Sitemap : 페이지 목록을 machine이 해석하기 좋도록 map을 만드는 것을 가리킨다. 페이지를 색인화하여, 검색 엔진에서 훨씬 더 높은 ranking에 위치하도록 한다.
Open Graph : 페이지에 메타데이터를 삽입하여, 페이지의 contents를 설명한다. 페이지 링크를 공유 받는 플랫폼에서 어느정도 제어하여 표출 할 수 있도록 한다. (페이스북, 노션, 카카오톡 )
기본 메타 데이터
og:title - The title of your object as it should appear within the graph, e.g., "The Rock".
og:type - The type of your object, e.g., "video.movie". Depending on the type you specify, other properties may also be required.
og:image - An image URL which should represent your object within the graph.
og:url - The canonical URL of your object that will be used as its permanent ID in the graph, e.g., "https://www.imdb.com/title/tt0117500/".
선택적 메타 데이터
og:audio - A URL to an audio file to accompany this object.
og:description - A one to two sentence description of your object.
og:determiner - The word that appears before this object's title in a sentence. An enum of (a, an, the, "", auto). If auto is chosen, the consumer of your data should chose between "a" or "an". Default is "" (blank).
og:locale - The locale these tags are marked up in. Of the format language_TERRITORY. Default is en_US.
og:site_name - If your object is part of a larger web site, the name which should be displayed for the overall site. e.g., "IMDb".
og:video - A URL to a video file that complements this object.
Structured Properties
og:image, og:audio, og:video 를 사용한 경우 추가 구조화된 속성이 연속적으로 필요하다.
og:image:url - Identical to og:image.
og:image:secure_url - An alternate url to use if the webpage requires HTTPS.
og:image:width - The number of pixels wide.
og:image:height - The number of pixels high.
og:image:alt - A description of what is in the image (not a caption). If the page specifies an og:image it should specify og:image:alt.
next에서 Open Graph
Framework vs Library
A framework is used for building and deploying an application quickly. When we use a framework, we can use resources to facilitate faster development and a greater user experience. A library is used to enhance the functionality of an application.
리액트 서버 컴포넌트
서버에서 무언가 작업을 수행한다는 점이 다름.
클라이언트 컴포넌트 : 브라우저에서 자바스크립트 코드 처리가 이루어짐.
use strict
useServerInsertedHTML, useInsertionEffect
Hydrate
Transpile vs Compile
Compiling is the process of taking source code written in one language and transforming it into another. Transpiling is the process of taking source code written in one language and transforming it into another language that has a sifmilar level of abstraction.
Middleware
애플리케이션의 요청-응답 주기 중 그 다음의 미들웨어 함수 대한 액세스 권한을 갖는 함수입니다.
요청 또는 응답 오브젝트를 변경하거나, 종료, 스택 내 다음 미들웨어 함수를 호출하는 태스크를 수행한다
SEO, Sitemap vs Open Graph
Sitemap : 페이지 목록을 machine이 해석하기 좋도록 map을 만드는 것을 가리킨다. 페이지를 색인화하여, 검색 엔진에서 훨씬 더 높은 ranking에 위치하도록 한다.
Open Graph : 페이지에 메타데이터를 삽입하여, 페이지의 contents를 설명한다. 페이지 링크를 공유 받는 플랫폼에서 어느정도 제어하여 표출 할 수 있도록 한다. (페이스북, 노션, 카카오톡 )
기본 메타 데이터
og:title - The title of your object as it should appear within the graph, e.g., "The Rock".
og:type - The type of your object, e.g., "video.movie". Depending on the type you specify, other properties may also be required.
og:image - An image URL which should represent your object within the graph.
og:url - The canonical URL of your object that will be used as its permanent ID in the graph, e.g., "https://www.imdb.com/title/tt0117500/".
선택적 메타 데이터
og:audio - A URL to an audio file to accompany this object.
og:description - A one to two sentence description of your object.
og:determiner - The word that appears before this object's title in a sentence. An enum of (a, an, the, "", auto). If auto is chosen, the consumer of your data should chose between "a" or "an". Default is "" (blank).
og:locale - The locale these tags are marked up in. Of the format language_TERRITORY. Default is en_US.
og:site_name - If your object is part of a larger web site, the name which should be displayed for the overall site. e.g., "IMDb".
og:video - A URL to a video file that complements this object.
Structured Properties
og:image, og:audio, og:video 를 사용한 경우 추가 구조화된 속성이 연속적으로 필요하다.
og:image:url - Identical to og:image.
og:image:secure_url - An alternate url to use if the webpage requires HTTPS.
og:image:width - The number of pixels wide.
og:image:height - The number of pixels high.
og:image:alt - A description of what is in the image (not a caption). If the page specifies an og:image it should specify og:image:alt.
next에서 Open Graph
Framework vs Library
A framework is used for building and deploying an application quickly. When we use a framework, we can use resources to facilitate faster development and a greater user experience. A library is used to enhance the functionality of an application.
리액트 서버 컴포넌트
서버에서 무언가 작업을 수행한다는 점이 다름.
클라이언트 컴포넌트 : 브라우저에서 자바스크립트 코드 처리가 이루어짐.
use strict
useServerInsertedHTML, useInsertionEffect
Hydrate
Transpile vs Compile
Compiling is the process of taking source code written in one language and transforming it into another. Transpiling is the process of taking source code written in one language and transforming it into another language that has a sifmilar level of abstraction.
Middleware
애플리케이션의 요청-응답 주기 중 그 다음의 미들웨어 함수 대한 액세스 권한을 갖는 함수입니다.
요청 또는 응답 오브젝트를 변경하거나, 종료, 스택 내 다음 미들웨어 함수를 호출하는 태스크를 수행한다
SEO, Sitemap vs Open Graph
Sitemap : 페이지 목록을 machine이 해석하기 좋도록 map을 만드는 것을 가리킨다. 페이지를 색인화하여, 검색 엔진에서 훨씬 더 높은 ranking에 위치하도록 한다.
Open Graph : 페이지에 메타데이터를 삽입하여, 페이지의 contents를 설명한다. 페이지 링크를 공유 받는 플랫폼에서 어느정도 제어하여 표출 할 수 있도록 한다. (페이스북, 노션, 카카오톡 )
기본 메타 데이터
og:title - The title of your object as it should appear within the graph, e.g., "The Rock".
og:type - The type of your object, e.g., "video.movie". Depending on the type you specify, other properties may also be required.
og:image - An image URL which should represent your object within the graph.
og:url - The canonical URL of your object that will be used as its permanent ID in the graph, e.g., "https://www.imdb.com/title/tt0117500/".
선택적 메타 데이터
og:audio - A URL to an audio file to accompany this object.
og:description - A one to two sentence description of your object.
og:determiner - The word that appears before this object's title in a sentence. An enum of (a, an, the, "", auto). If auto is chosen, the consumer of your data should chose between "a" or "an". Default is "" (blank).
og:locale - The locale these tags are marked up in. Of the format language_TERRITORY. Default is en_US.
og:site_name - If your object is part of a larger web site, the name which should be displayed for the overall site. e.g., "IMDb".
og:video - A URL to a video file that complements this object.
Structured Properties
og:image, og:audio, og:video 를 사용한 경우 추가 구조화된 속성이 연속적으로 필요하다.
og:image:url - Identical to og:image.
og:image:secure_url - An alternate url to use if the webpage requires HTTPS.
og:image:width - The number of pixels wide.
og:image:height - The number of pixels high.
og:image:alt - A description of what is in the image (not a caption). If the page specifies an og:image it should specify og:image:alt.
next에서 Open Graph
Framework vs Library
A framework is used for building and deploying an application quickly. When we use a framework, we can use resources to facilitate faster development and a greater user experience. A library is used to enhance the functionality of an application.
리액트 서버 컴포넌트
서버에서 무언가 작업을 수행한다는 점이 다름.
클라이언트 컴포넌트 : 브라우저에서 자바스크립트 코드 처리가 이루어짐.
use strict
useServerInsertedHTML, useInsertionEffect
Hydrate
Transpile vs Compile
Compiling is the process of taking source code written in one language and transforming it into another. Transpiling is the process of taking source code written in one language and transforming it into another language that has a sifmilar level of abstraction.
Middleware
애플리케이션의 요청-응답 주기 중 그 다음의 미들웨어 함수 대한 액세스 권한을 갖는 함수입니다.
요청 또는 응답 오브젝트를 변경하거나, 종료, 스택 내 다음 미들웨어 함수를 호출하는 태스크를 수행한다
SEO, Sitemap vs Open Graph
Sitemap : 페이지 목록을 machine이 해석하기 좋도록 map을 만드는 것을 가리킨다. 페이지를 색인화하여, 검색 엔진에서 훨씬 더 높은 ranking에 위치하도록 한다.
Open Graph : 페이지에 메타데이터를 삽입하여, 페이지의 contents를 설명한다. 페이지 링크를 공유 받는 플랫폼에서 어느정도 제어하여 표출 할 수 있도록 한다. (페이스북, 노션, 카카오톡 )
기본 메타 데이터
og:title - The title of your object as it should appear within the graph, e.g., "The Rock".
og:type - The type of your object, e.g., "video.movie". Depending on the type you specify, other properties may also be required.
og:image - An image URL which should represent your object within the graph.
og:url - The canonical URL of your object that will be used as its permanent ID in the graph, e.g., "https://www.imdb.com/title/tt0117500/".
선택적 메타 데이터
og:audio - A URL to an audio file to accompany this object.
og:description - A one to two sentence description of your object.
og:determiner - The word that appears before this object's title in a sentence. An enum of (a, an, the, "", auto). If auto is chosen, the consumer of your data should chose between "a" or "an". Default is "" (blank).
og:locale - The locale these tags are marked up in. Of the format language_TERRITORY. Default is en_US.
og:site_name - If your object is part of a larger web site, the name which should be displayed for the overall site. e.g., "IMDb".
og:video - A URL to a video file that complements this object.
Structured Properties
og:image, og:audio, og:video 를 사용한 경우 추가 구조화된 속성이 연속적으로 필요하다.
og:image:url - Identical to og:image.
og:image:secure_url - An alternate url to use if the webpage requires HTTPS.
og:image:width - The number of pixels wide.
og:image:height - The number of pixels high.
og:image:alt - A description of what is in the image (not a caption). If the page specifies an og:image it should specify og:image:alt.
next에서 Open Graph
Framework vs Library
A framework is used for building and deploying an application quickly. When we use a framework, we can use resources to facilitate faster development and a greater user experience. A library is used to enhance the functionality of an application.
리액트 서버 컴포넌트
서버에서 무언가 작업을 수행한다는 점이 다름.
클라이언트 컴포넌트 : 브라우저에서 자바스크립트 코드 처리가 이루어짐.
use strict
useServerInsertedHTML, useInsertionEffect
Hydrate
Transpile vs Compile
Compiling is the process of taking source code written in one language and transforming it into another. Transpiling is the process of taking source code written in one language and transforming it into another language that has a sifmilar level of abstraction.
Middleware
애플리케이션의 요청-응답 주기 중 그 다음의 미들웨어 함수 대한 액세스 권한을 갖는 함수입니다.
요청 또는 응답 오브젝트를 변경하거나, 종료, 스택 내 다음 미들웨어 함수를 호출하는 태스크를 수행한다