기본적으로 app이하에 위치한 폴더들은 서버컴포넌트들입니다.

Untitled

Untitled

Untitled

실제로 app 폴더에 위치한 pages파일에 console을 찍은 후 dev로 실행을 해보면 서버상에서는 “안녕!”이라고 확인이 되지만 콘솔창에는 찍히지 않는 것을 확인할 수 있습니다.

<aside> 💡 app폴더에 있는 컴포넌트는 기본적으로 서버컴포넌트인 것을 확인할 수 있습니다. 또한 여기서는 아래 사실을 확인할 수 있습니다.

  1. 서버컴포넌트의 경우 서버에서 실행이 됩니다.
  2. 서버컴포넌트의 경우 서버에서 실행이 되어 브라우저에는 프리렌더링 된 HTML로 받아오기 때문에 코드는 브라우저에서는 실행되지 않습니다.
  3. 서버컴포넌트의 경우 브라우저에서 제공해주는 api는 사용을 할 수가 없으며, 대신 Node환경에서 제공해주는 node api를 사용해야 합니다.
  4. 서버컴포넌트에서 서버 상에 있는 파일 시스템에 접근이 가능하며, 읽고 쓰기, 입출력이 가능합니다. </aside>