조용하지않는개발Blog

오늘은 저번 글에 이어서 작동방식을 마무리 하겠습니다! 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의 기초로 배우는 부분이며 영어로 된 문서를 한글로 작성해보며 작성하고있습니다. 틀린 부분도 있겠지만.. 지적해주시면 수정해 ..

뭔가 next.js를 배우기 전에 react를 많이 배우는 느낌이지만 기본적으로 알고있어야 next.js를 좀더 쉽게 이해하기 때문에 조금만 더 참고 공부해보아요! https://nextjs.org/learn/foundations/from-javascript-to-react/displaying-data-with-props 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 오늘의 분량은 이 사이트에 들어가보면 영어 원본이..

이전에 이어서 계속 진행해 보겠습니다. https://nextjs.org/learn/foundations/from-javascript-to-react/building-ui-with-components 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 위 사이트에 이어서 진행하게 됩니다. 구성 요소로 UI 빌드 사용자 인터페이스는 구성 요소 라고 하는 더 작은 빌딩 블록으로 나눌 수 있습니다 . 구성 요소를 사용하면 자체..

저번에 이어서 기본을 배우기 위해 계속 진행하겠습니다. react 시작하기 프로젝트에서 React를 사용하려면 https://unpkg.com/ 라는 외부 웹사이트에서 2개의 React 스크립트를 로드할 수 있다. - react.development.js 는 핵심 React 라이브러리이다. - react-dom.development.js는 DOM과 함께 React를 사용할 수 있도록 하는 DOM 관련 메서드를 제공한다. 일반 JavaScript로 DOM을 직접 조작하는 대신 react-dom의 ReactDOM.render()메서드를 사용하여 #app 요소 내에서 제목을 렌더링하도록 React에 지시할 수 있다. 그러나 브라우저에서 이 코드를 실행하려고 하면 구문 오류가 발생합니다. 이유는 ...이 유효하..

저건 블로그에 이어서 Next.js를 알아보기 전에 알아봐야할 javascript와 react에 대해 알아보고 넘어가야한다. 이 글은 next.js learn의 원본을 참고하여 한글로 작성해 보려고한다. https://nextjs.org/learn/foundations/from-javascript-to-react 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 사용자 인터페이스 렌더링 React가 어떻게 작동하는지 이..