공청
개발하는 금융인
공청
전체 방문자
오늘
어제
  • 분류 전체보기 (102)
    • 개인적인 이야기 (27)
    • IT에 관한 글 (15)
    • 경제, 금융 (12)
    • Python (2)
    • Javascript (6)
    • golang (2)
    • 비전공자를 위한 IT 지식 (0)
    • SQL (SQLD,SQLP) (1)
    • React (Front-end) (29)
    • 정보처리기사 (0)
    • Typescript (4)
    • (study) 모던 자바스크립트 Deep Dive (0)

블로그 메뉴

  • 홈
  • 태그
  • 미디어로그
  • 방명록
  • 글쓰기

공지사항

인기 글

태그

  • python
  • ChatGPT
  • vscode
  • 창업
  • 기술스택
  • vite
  • WSGI
  • 언섹시비즈니스
  • 웹개발
  • 일기
  • approute
  • go
  • react-router
  • Effective Typescript
  • 트래블카드
  • 짧은생각
  • next.js
  • Fira Code
  • 미국주식
  • react
  • Golang
  • 조건부렌더링
  • typescript
  • useref
  • 트래블월렛
  • 프로그래밍
  • HTTP
  • 인터넷
  • javascript
  • sql

최근 댓글

최근 글

티스토리

반응형
공청

개발하는 금융인

Next.js 프레임워크를 다루며 정말 도움된 YouTube 영상들
React (Front-end)

Next.js 프레임워크를 다루며 정말 도움된 YouTube 영상들

2023. 5. 20. 00:44

"이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다."

"블로그 내의 광고와 쿠팡 링크를 클릭해주시면 블로그 운영에 큰 힘이 됩니다."

반응형

 

암 온 다 넥스트 레베루 프레임워크의 절대적 룰을 지켜

 

 

Next.js 13.4 버전으로 사이드 프로젝트를 진행하고 있습니다.

 

현재 cloudpages에 올려서 서비스를 하고 있으며, 지금도 여전히 개발하면서 기능을 확장하고 유지하고 있습니다.

 

Next.js를 배울 때 보면 좋을만한 영상을 공유드립니다.

 

 

1. <Image /> 컴포넌트에 대하여

이미지는 참 속 썩이는 아이입니다.

Next.js는 알아서 최적화 해줍니다.

 

https://youtu.be/ZKG8JBdgSos

2. App Route (App directory)에 대해서 다룹니다.

Next.js 13.4부터는 앱 디렉토리가 stable 버전으로 나옵니다.

 

단순히 디렉토리만 나눠서 라우팅된다는 것 뿐만 아니라, 그룹으로 묶을 수도 있습니다.

자세한 것은 영상을 확인하시죠.

 

https://youtu.be/k2IQ-CcE7pk

3. 데이터를 가져오고, SEO에 metadata를 최적화하기

Next.js 프레임워크를 유지보수하는 Vercel의 공식 영상입니다.

 

https://youtu.be/gSSsZReIFRk

 

위의 영상들은 풀 코스의 튜토리얼이 아닙니다.

 

프레임워크의 단면을 볼 수 있는 조각들이죠.

 

Next.js에서 해메고 있다면 크게 도움이 될 것입니다.

 

반응형
    'React (Front-end)' 카테고리의 다른 글
    • [책 추천] 리액트로 배우는 소켓 프로그래밍. 실시간 양방향 통신을 배워보자
    • React로 만든 웹을 모바일 환경에서 공유하고 싶을 때 (WebView, Navigator.share())
    • The `style` prop expects a mapping from style properties to values, not a string 오류
    • React의 조건부 렌더링을 사용하는 6가지 방법
    공청
    공청
    투자, 프로그래밍, IT에 대한 글을 씁니다.

    티스토리툴바