요즘 엣지(Edge)라는 단어는 굉장히 많이 듣게 되는데, 엣지 컴퓨팅이다, 엣지 네트워크다 등등. 관련 용어가 굉장히 많이 들리는데 이번에 엣지(Edge)가 뭔지 알아보고자 이번에 글을 써보게 되었다. 엣지(Edge)부터, Edge Computig, Edge Network, Edge Server에 대해서 알아보자. 1. 엣지(Edge)란? Edge는 주로 컴퓨터 분야에서 사용되는 용어로, 네트워크나 시스템의 경계나 끝을 가리킵니다. 예를 들어, "Edge 컴퓨팅"은 데이터 처리와 분석을 디바이스 자체나 가까운 네트워크의 서버에서 수행하는 기술을 의미합니다. Edge는 또한 경계나 끝을 의미하기도 하지만, 컴퓨터 분야에서는 주로 "가장자리 컴퓨팅"이나 "가장자리 기술"과 관련하여 사용됩니다. 우선 이렇게..

Next.js는 기본적으로 다양한 데이터 fetch을 제공한다. 기본적인 리액트의 useEffect 뿐만 아니라 getStaticProps 그리고 getServerSideProps까지. 우리는 여기서 늘 데이터를 어떤 방식으로 가져오게 될지 고민하게 되는데, 기본적으로 세 가지 데이터 fetch 방식을 이미 알고 있더라도, 이번에 더 자세하게 각각의 장단점과 언제 사용하면 좋을지 알아보자. 1. useEffect useEffect는 React Hook이며, 컴포넌트가 마운트될 때 또는 특정 변수가 변경될 때 코드를 실행하는 데 사용됩니다. Next.js에서 useEffect는 클라이언트 측에서 데이터를 가져오는 데 사용할 수 있습니다. 장점: 컴포넌트 로직과 데이터 가져오기 코드를 분리할 수 있습니다. ..

Server Action이란? Next.js Server Action은 서버 측에서 실행되는 함수이며 페이지 렌더링 과정에 직접 참여합니다. 즉, 페이지가 클라이언트로 전송되기 전에 데이터를 가져오거나 비즈니스 로직을 처리하는 데 사용할 수 있습니다. 장점 SEO 향상: SSR(Server-Side Rendering)을 통해 페이지 로딩 속도를 높여 검색 엔진 최적화(SEO)에 도움이 됩니다. 더 나은 사용자 경험: 페이지 로딩 시점에 데이터를 미리 준비하여 클라이언트 측 렌더링보다 더 부드러운 사용자 경험을 제공합니다. 보안 강화: 클라이언트 측에서 민감한 데이터를 노출하지 않고 서버 측에서 처리하여 보안을 강화할 수 있습니다. 서버 측 유효성 검증: 입력 데이터 유효성 검증을 서버 측에서 수행하여 클..

소개 이 기사에서는 [Next.js] SSG, SSR, ISR, CSR에 대한 장점과 단점에 대해 논의할 것입니다. Next.js는 React 애플리케이션을 빌드하고 렌더링하는 데 사용되는 도구로, 다양한 렌더링 방식을 제공합니다. 각 방식의 장점과 단점을 이해하면 웹 애플리케이션 개발 프로세스를 최적화할 수 있습니다. Next.js Next.js는 React 프레임워크의 확장으로, 서버 사이드 렌더링 및 정적 사이트 생성과 같은 고급 기능을 제공합니다. 다음 섹션에서 각 렌더링 방식에 대해 자세히 살펴보겠습니다. 기능 SSG (정적 사이트 생성) SSR (서버 사이드 렌더링) ISR (증분 정적 재생성) CSR (클라이언트 사이드 렌더링) 초기 로딩 속도 빠름 빠름 빠름 빠름 SEO 최적화 우수함 우수..

미리 알아야 할 지식 Linux 환경 - Ubuntu, Nano(vim 등 편집기), Linux command(sudo, dir 등등), 오라클 워드프레스 소개 워드프레스는 웹사이트를 쉽게 만들고 관리할 수 있는 무료 오픈 소스 콘텐츠 관리 시스템(CMS)입니다. 워드프레스를 사용하면 사용자는 전문적인 웹 개발 지식 없이도 자신만의 웹사이트를 구축하고 운영할 수 있습니다. 워드프레스는 다양한 테마와 플러그인을 제공하여 웹사이트의 디자인과 기능을 유연하게 확장할 수 있습니다. 오라클 클라우드 소개 오라클 클라우드는 기업용 클라우드 서비스로서 안정성과 확장성이 뛰어난 플랫폼을 제공합니다. 오라클 클라우드를 이용하면 웹사이트를 신속하게 배포하고 관리할 수 있으며, 고객은 서버 관리에 대한 부담을 덜 수 있습니..