FE4 [초심자를 위한 Javascript] 2. 변수와 상수 1. 변수 (Variable) 변수는 특정 이름에 어떤 값을 저장할 수 있는 공간입니다. 그리고 그 공간에는 다른 값도 들어올 수 있습니다. 변화가 가능한 값이 계속해서 들어올 수 있는 공간이다라는 의미에서 변수라고 말합니다. 값이라는게 무엇일까요? 게임을 좋아하시는 분들은 캐릭터의 체력, 공격력, 방어력, 레벨 등을 생각할 수 있고, 제 블로그를 보면 방문자 수, 포스팅 수 등 다양한 데이터가 있는 것을 볼 수 있습니다. 이러한 데이터는 계속해서 생겨나고, 빠르게 변할 수 있다는 특징을 가지고 있죠. 이러한 데이터를 처리하기 위해서는 저장할 수 있는 공간이 필요합니다. 이 공간이 바로 변수입니다. 아래는 간단한 날짜 확인 코드입니다. 콘솔 창에 따라 쳐보시고 엔터를 치면 결과를 확인할 수 있습니다. 콘.. 2023. 4. 11. App Router와 Server Components 이 포스팅은 Vercel - Next.js 'Getting Started App Router Docs (beta)' 문서를 참고해 작성했습니다. 1. App Router 지난 몇 개월 동안 Next.js 팀에서는 React 18버전의 React Server Components 개념을 Next.js로 가져오는 작업을 해왔다. Next 13 demo 버전을 선택할 경우 이와 관련된 몇몇 기능들을 app 이라는 새로운 디렉토리에서 사용할 수 있다. 2. 기능 개요 1. Routing layouts, nested routing, loading states, error handling 등을 지원하는 Server Components를 구축한 새로운 파일 시스템 기반 라우터 2. Rendering Client, Se.. 2023. 3. 16. Vercel에 github 연동해서 프로젝트 배포하기 [Vercel] FE 자동배포, 도메인 생성, 프리뷰, 사이트 분석까지! 프론트엔드 개발자를 위한 플랫폼 Next.js Docs를 읽다가 이렇게 유용한 프레임워크를 만든 Vercel이란 팀은 어떤 곳일까 궁금해서 레포를 돌아다니고 있었다. 그러다가 발견한 Vercel팀과 동일한 이름인 플랫폼 'Vercel'. 보통 플랫폼이나 툴 웹사이트의 메인페이지에는 간단하게 그들의 상품을 소개하는 문구가 있는데, 소개글이 자신감이 드러나다 못해 넘쳐 흘러서 매우 인상적이었다. Develop. Preview. Ship. Vercel is the platform for frontend developers, providing the speed and reliability innovators need to create at.. 2023. 3. 12. 4 Types of Web Rendering Strategies - SSG, SSR, ISR, CSR 이 포스팅은 Vercel Next.js - Rendering Strategies 문서를 참고하여 작성되었습니다. 1. [SSG] Static Site Generation Static Site Generation은 빌드 시점에 HTML파일을 생성하는 전략이다. 생성된 HTML 파일은 페이지 요청에 대응할 때 사용된다. SSG 방식은 여러 렌더링 전략 중에 SEO에 가장 적합하다. pre-rendered 되었기 때문에 페이지 로드에 필요한 모든 HTML 파일을 가지고 있을 뿐만 아니라, SEO 랭킹의 요인 중 하나인 페이지 성능에도 도움이 되기 때문이다. 2. [SSR] Server-Side Rendering SSG처럼 Server-Side Rendering 방식은 SEO에 긍정적 요소인 pre-render.. 2023. 3. 9. 이전 1 다음 반응형
