nextjs 3

비주얼스튜디오(vscode) 설치 방법

안녕하세요. 조신선입니다 비주얼스튜디오나 파이썬 설치 방법을 초반에 포스팅 했어야 했는데, 이제야 하게 되었습니다. 설치는 매우 간단하기 때문에 아래 설명대로 따라 하시면 금방 따라하실 거에요! 혹시 궁금하신 부분 있다면 댓글 남겨주세요 설치파일 다운로드 하기 VSCode 설치 파일 다운로드 - 공식 홈페이지로 접속 code.visualstudio.com/ - 본인의 OS에 맞는 설치 프로그램 다운로드 vscode 설치 - 라이센스 관련 동의 후 "다음" 클릭 - 설치 경로 선택 후 "다음" 클릭 - 설치 경로 확인 후 "다음" 클릭 - 시작 메뉴 관련 설정 후 "다음"클릭 - 추가 작업 설정 후 "다음" 클릭. 1) 아이콘 추가 : 바탕 화면에 VSCode 아이콘을 만들기 2) 두 번째, 세 번째 "c..

programming/Python 2023.06.30

[html/next.js] next.js 라우팅 (다른 페이지 만드는 방법)

웹페이지에는 메인 URL이 있고, 해당 웹페이지에서 다른 항목을 클릭하면 위 이미지와 같이 "/58"이라는 문자가 추가되면서 다른 페이지로 넘어갑니다. 한 번 더 예를 들자면, programming 카테고리를 클릭하니 위와 같이 메인 URL 뒤에 "/category/programming"라는 문자가 생기면서 해당 페이지로 이동을 하게 됩니다. 이처럼 웹페이지를 만들 때 필수적으로 알아야 하는 기능입니다. Next.js에서 다른 페이지를 만드는 방법은 다음과 같습니다. 1. pages 디렉토리에 새로운 페이지 파일을 생성합니다. 예를 들어, list 파일을 생성하면 http://localhost:3000/list경로로 접근할 수 있는 페이지가 생성됩니다. 저는 list라는 파일을 생성했습니다. 이렇게 파일..

[html/next.js] next.js 공부해야 하는 이유! (사용,설치 방법&기초 문법 포함)

Next.js는 React.js 기반의 서버사이드 렌더링을 지원하는 프레임워크입니다. 기존의 React.js에서는 SPA(Single Page Application)를 만드는 것이 일반적이었습니다. 하지만 SPA의 단점 중 하나는 초기 로딩속도가 느리다는 것입니다. 이러한 단점을 보완하기 위해 SSR(Server Side Rendering)을 사용하면 페이지 로딩 속도가 빨라지고 SEO(Search Engine Optimization)에 좋은 효과를 가져옵니다. 또한, Next.js는 정적 사이트 생성 기능도 제공하며, TypeScript와 같은 다른 언어와 함께 사용이 가능합니다. 이러한 다양한 기능과 편의성이 있는 Next.js는 최근 웹 프론트엔드 개발에서 매우 인기 있는 프레임워크 중 하나입니다...