본문 바로가기 메뉴 바로가기

감성 개발자

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

감성 개발자

검색하기 폼
  • 분류 전체보기 (106) N
    • 개발 (46)
      • Laravel (6)
      • Composer 추천 (10)
      • JAVA-SPRING (1)
      • SQL (4)
      • React-Native (2)
      • Golang (1)
      • NextJs (3)
      • Nestjs (1)
      • Dart & Flutter (6)
      • Etc (2)
    • AWS (8) N
      • EC2 (1)
      • RDS (1)
      • 서버리스 (2) N
      • 기타 (2)
    • JS & CSS (4)
      • Javascript (4)
      • CSS (0)
    • 잡담 & 토론 (4)
    • 기타 개발 (6)
    • IT 이야기 (20)
      • IT 도서 (4)
      • 개발 이야기 (7)
      • 나는 __ 이다 (2)
      • __ VS __ (2)
    • 일상 (8)
      • 육아 TIP (1)
      • 육아는 장비빨 (4)
      • 운동 일지 (1)
      • 부부생활 (0)
    • 알고리즘 (0)
    • 목표 (3)
    • 포트폴리오 (2)
    • Toy Project (4)
  • 방명록

개발/NextJs (3)
Link Component (feat. nextJs)

2023. 02. 16 Next.js는 React 기반의 서버사이드 렌더링 프레임워크입니다. 이를 통해 React를 사용한 웹 어플리케이션을 개발할 때 SEO(Search Engine Optimization) 최적화, 초기 로딩 속도 개선 등의 이점을 얻을 수 있습니다. 이번에는 Next.js에서 많이 사용되는 Link 컴포넌트에 대해 알아보도록 하겠습니다. Link 컴포넌트란? Link 컴포넌트는 Next.js에서 제공하는 내장 컴포넌트로, 페이지 간의 이동을 가능하게 해주는 역할을 합니다. 일반적인 태그와 달리 페이지 이동 시, 브라우저가 새로운 페이지를 서버로부터 다시 불러오지 않고, Next.js가 제공하는 클라이언트 사이드 라우팅 방식으로 페이지 이동이 가능합니다. Link 컴포넌트의 사용법 L..

개발/NextJs 2023. 2. 16. 13:00
Shallow Routing (feat. nextJs)

23.02.16 next js 공부 Shallow Routing Next.js에서 제공하는 Shallow Routing은 클라이언트 측에서 브라우저의 주소 표시줄의 URL을 변경하는 것으로, 새로운 페이지를 가져오지 않고 현재 페이지에서 데이터를 가져오는 기능을 제공합니다. 이를 통해 페이지 이동 시에도 페이지의 초기 데이터를 유지할 수 있으며, 불필요한 서버 요청을 줄일 수 있습니다. Shallow Routing은 next/router 모듈의 push, replace, back, reload 메서드에서 사용할 수 있으며, 다음과 같이 사용할 수 있습니다. import { useRouter } from 'next/router'; function MyComponent() { const router = us..

개발/NextJs 2023. 2. 16. 12:21
SSR, SSG, CSR (feat. NextJS)

23.02.15 공부 정리 Nextjs 로 구현가능한 종류 (Data Fetching) Next.js는 React 기반의 프레임워크로, SSR(Server Side Rendering), SSG(Static Site Generation), CSR(Client Side Rendering) 등의 다양한 페이지 렌더링 방식을 지원합니다. 이번에는 각각의 방식에 대해 알아보도록 하겠습니다. SSR (Server Side Rendering) SSR은 서버에서 HTML을 생성하는 방식입니다. 클라이언트가 페이지를 요청하면, 서버에서 해당 페이지의 HTML을 미리 렌더링하여 클라이언트에 전달합니다. 이를 통해 초기 로딩 속도를 개선하고 SEO(Search Engine Optimization)를 최적화할 수 있습니다. ..

개발/NextJs 2023. 2. 15. 13:50
이전 1 다음
이전 다음
최근에 올라온 글
  • 서버리스 Dependency⋯
  • 서버리스 이미지 최적화 공부
  • freezed.dart, g⋯
  • 구형 세탁기를 IOT 세탁기⋯
  • AWS RDS proxy 적⋯
최근에 달린 댓글
  • 감사합니다 ^^
  • 오 직접 만드신건가요? 잘 쓰겠습니다~ 감사합니다 :)⋯
  • 감사합니다 ^^*
  • 유익한 글이었습니다. 위에 분은 지나가다가 분풀이하는 ⋯
  • 제가 이 모니터로 합니다(?) 광고를 이런모니터로 해⋯
Total
89,281
Today
40
Yesterday
17
TAG
  • 라라벨
  • git
  • Flutter
  • aws
  • laravel
  • PHP
  • JS
  • 개발자
  • Composer
  • javascript
more

Blog is powered by Tistory / Designed by Tistory

티스토리툴바