웹개발

전공자라면 톰캣이나 node js 등으로 자체 서버를 돌리기도 하고,더 나아가, 라즈베리파이나 AWS를 사용하여 자신만의 실습 서버를 구축하기도 합니다. 그런데 나만의 웹을 한 번 만들어볼까? 하고 도전한 이들에게 쉬운 일은 아닙니다.비주얼 스튜디오 코드 (Visual Studio Code)에는 이러한 분들을 위해 "Live Server" 라는 확장 프로그램이 있습니다. 먼저 비주얼 스튜디오 코드를 열어, 왼쪽의 Extensions: Marketplace 를 클릭합니다.Live server를 검색하여 아래와 같은 아이콘을 클릭하세요. 아래와 같은 상세 페이지의 Install 버튼을 누르세요.조금 기다리면 설치가 완료되어 아래와 같이 변합니다. 이제 html 소스 코드로 돌아가서, 마우스로 배경을 우클릭합..

Next.js 는 웹앱을 만들 수 있는 자바스크립 프레임워크입니다. 웹앱을 만드는 데에는 React 라는 자바스크립트 라이브러리도 사용됩니다. Next.js와 React의 가장 두드러지는 차이는 페이지 렌더링 방법인데요. React는 클라이언트 쪽에서 페이지 렌더링이 이루어지는 반면, Next.js는 서버 쪽에서 페이지 렌더링이 이루어집니다. Next.js에서 페이지가 생성되는 방법은 3가지가 있습니다. 1. 서버 사이드 렌더링 (Server-Side Rendering, SSR) 2. 정적 사이트 생성 (Static Site Generation, SSG) 3. 증분 정적 재생성 (Incremental Static Regeneration, ISR) Next.js의 페이지 생성 방식에 대해서는 차차 알아보기..