조용하지않는개발Blog

저번 시간에 이어서 사전 렌더링과 데이터 가져오는 것에 대해서 이야기하겠습니다. https://nextjs.org/learn/basics/data-fetching/with-data Learn | Next.js Production grade React applications that scale. The world’s leading companies use Next.js by Vercel to build pre-rendered applications, static websites, and more. nextjs.org nextjs의 첫 앱을 만드는 방법이며 영어로 된 문서를 한글로 작성해보며 작성하고 있습니다. 틀린 부분도 있겠지만.. 지적해주시면 수정해 놓겠습니다~ 데이터가 있거나 없는 정적 생성하기 정적..

https://nextjs.org/learn/basics/data-fetching Learn | Next.js Production grade React applications that scale. The world’s leading companies use Next.js by Vercel to build pre-rendered applications, static websites, and more. nextjs.org nextjs의 첫 앱을 만드는 방법이며 영어로 된 문서를 한글로 작성해보며 작성하고 있습니다. 틀린 부분도 있겠지만.. 지적해주시면 수정해 놓겠습니다~ 우리는 블로그를 만들고 싶지만,아직 블로그에 사용할 콘텐츠를 추가하지 않았습니다. 이번 시간에는 외부 블로그 데이터를 앱으로 가져오는 방법..

오늘은 CSS부분을 다루면서 마무리 디자인 관련해서는 마무리 하겠습니다. https://nextjs.org/learn/basics/assets-metadata-css/css-styling Learn | Next.js Production grade React applications that scale. The world’s leading companies use Next.js by Vercel to build pre-rendered applications, static websites, and more. nextjs.org nextjs의 첫 앱을 만드는 방법이며 영어로 된 문서를 한글로 작성해보며 작성하고 있습니다. 틀린 부분도 있겠지만.. 지적해주시면 수정해 놓겠습니다~ CSS 스타일링 이제 CSS에 대..

저번 시간에 이어서 이번시간에는 디자인과 관련된 부분을 배워보겠습니다. https://nextjs.org/learn/basics/assets-metadata-css Learn | Next.js Production grade React applications that scale. The world’s leading companies use Next.js by Vercel to build pre-rendered applications, static websites, and more. nextjs.org nextjs의 첫 앱을 만드는 방법이며 영어로 된 문서를 한글로 작성해보며 작성하고 있습니다. 틀린 부분도 있겠지만.. 지적해주시면 수정해 놓겠습니다~ 현재까지 진행한 2번째 페이지에는 스타일 된게 없습니다...

저번 시간에 첫 앱을 만들어 보았습니다. 지금 앱은 페이지가 하나뿐입니다. 웹사이트와 웹 애플리케이션에는 일반적으로 다양한 페이지가 있습니다. 그렇기에 이번 시간에는 페이지 간 탐색에 대해 배워 보겠습니다. https://nextjs.org/learn/basics/navigate-between-pages Learn | Next.js Production grade React applications that scale. The world’s leading companies use Next.js by Vercel to build pre-rendered applications, static websites, and more. nextjs.org nextjs의 첫 앱을 만드는 방법이며 영어로 된 문서를 한글로 작..

저번시간까지 기본을 배웠다면 이제 실제로 웹 페이지를 만들어볼까요?? 이 역시 next.js에서 기본적으로 사용방법을 알려주며 공부할 수 있게 되어 있답니다! 저역시 이것을 기본으로 Next.js에 접근하는게 좋겠다고 생각이 들었고 이렇게 글을 작성하게 되었습니다.! https://nextjs.org/learn/basics/create-nextjs-app Learn | Next.js Production grade React applications that scale. The world’s leading companies use Next.js by Vercel to build pre-rendered applications, static websites, and more. nextjs.org nextjs의 ..

오늘은 저번 글에 이어서 작동방식을 마무리 하겠습니다! https://nextjs.org/learn/foundations/how-nextjs-works/buildtime-and-runtime Learn | Next.js Production grade React applications that scale. The world’s leading companies use Next.js by Vercel to build pre-rendered applications, static websites, and more. nextjs.org nextjs의 기초로 배우는 부분이며 영어로 된 문서를 한글로 작성해보며 작성하고 있습니다. 틀린 부분도 있겠지만.. 지적해주시면 수정해 놓겠습니다~ 빌드 시간 및 런타임 빌드 시간..

오늘은 Next.js 작동방식을 알아 보겠습니다.! https://nextjs.org/learn/foundations/how-nextjs-works Learn | Next.js Production grade React applications that scale. The world’s leading companies use Next.js by Vercel to build pre-rendered applications, static websites, and more. nextjs.org nextjs의 기초로 배우는 부분이며 영어로 된 문서를 한글로 작성해보며 작성하고 있습니다. 틀린 부분도 있겠지만.. 지적해주시면 수정해 놓겠습니다~ 고급 Next.js 기능을 배우기 전에 Next.js 작동 방식의 기본 사..

저번 시간까지는 react까지 기본을 배워보았다. 이제 본격적으로 Nextjs를 배워 보며 알아봅시다! https://nextjs.org/learn/foundations/from-react-to-nextjs Learn | Next.js Production grade React applications that scale. The world’s leading companies use Next.js by Vercel to build pre-rendered applications, static websites, and more. nextjs.org nextjs의 기초로 배우는 부분이며 영어로 된 문서를 한글로 작성해보며 작성하고 있습니다. 틀린 부분도 있겠지만.. 지적해주시면 수정해 놓겠습니다~ 저번까지 했던 ..

오늘은 저번편에 이어서 state 에 관련된 설명을 진행하겠습니다. https://nextjs.org/learn/foundations/from-javascript-to-react/adding-interactivity-with-state Learn | Next.js Production grade React applications that scale. The world’s leading companies use Next.js by Vercel to build pre-rendered applications, static websites, and more. nextjs.org nextjs의 기초로 배우는 부분이며 영어로 된 문서를 한글로 작성해보며 작성하고있습니다. 틀린 부분도 있겠지만.. 지적해주시면 수정해 ..