본문 바로가기

분류 전체보기62

2. Next.js 개발환경 세팅 1. node.js 설치 18버전 이상2. VSCode설치3. next.js 사용할 폴더 생성후 에디터로 생성 #프로젝트생성npx create-next-app@latest --experimental-app 이렇게되면 project name이 my-app으로 생성되었기 때문에 폴더 안에 my-app으로 VSCode 에디터에서 다시 my-app 폴더로 열어주시면 됩니다. 요놈이 메인페이지 되겠구여, 이놈을 웹에서 보고싶다 하면 터미널에서 다음과 같이 적어주시구여 npm run dev위 처럼 터미널에 작성하면 미리보기가 나오게 될겁니다~ 잘 나오구여 프로젝트 파일들 설명  app 폴더 : 님들이 코드짤 폴더 page.js : 메인페이지 layout.js : 메인페이지 감싸는 용도의 페이지            .. 2024. 5. 30.
1. Next.js를 쓰는 이유 Client-side Rendering 시대는 갔고요Server-side Rendering 시대가 온 겁니다.Html 같은 걸 서버에서 만드는 짓거리를 Server-side Rendering라고 합니다.서버에서 웹페이지를 다 만들어서 사용자에게 바로 보여주는 것이기 때문에 유저한테 자바스크립트 코드를 보낼 필요가 없어서페이지 로딩 속도가 가볍고 빠르고요 구글 검색 노출도 빠르구여원하는 곳에서는 Client-side Rendering이 가능합니다.Next.js는 풀스택 프레임 워크구여 프런트 백엔드 한 번에 개발 가능하구여파일과 폴더만 만들면 알아서 페이지 하나 뚝딱 만들어 지구여 회원인증이라던지 DB라던지 만들기 쉬워진 편이에요 2024. 5. 30.
[Django] 설치및 세팅 가상환경 장고 설치 저번 레슨에서 pyenv와 virtualenv를 설치하는 세번째 단계까지 했었죠?이번 레슨에서는 이 두 가지를 이용해서 가상 환경을 구성하고 django를 설치해보도록 하겠습니다. 저는 맥에서 강의를 진행하지만 이전 레슨에서 윈도우에서도 맥과 똑같이 할 수 있도록 환경을 구성했습니다. 맥에서 터미널에 입력하는 모든 명령어는 WSL를 이용해서 입력하면 됩니다.이제 내가 어떤 OS를 사용하는지에 관계없이 하나의 개발 환경을 구성할 수 있게 된 거죠.그럼 시작해볼까요?1. pyenv 를 이용한 파이썬 설치(1) 처음 우리가 같이 해볼 것은 파이썬 설치입니다."어? 저는 이미 다른 버전의 파이썬이 설치되어 있는데요." 하시는 분들도 괜찮습니다. 지금 어떠한 파이썬이 설치되어 있는지에 관계없이 새로운 환경을 만들.. 2023. 5. 19.
[Django] 개발환경 구성 개발환경 구성이다. pyenv와 virtualenv를 이용하여 가상환경 구성 후 django를 설치 할 것이다. 설치를 하기전 아직 설치 세팅이 되어 있지 않으면 이전 포스팅을 참고하길 바라. https://errormindevops.tistory.com/62 [Django] 개발환경 구축 Django Django 개발 환경 구축을 하려고한다. 그전에 Django는 Python으로 동작하는 서버프레임워크이다. 모듈로 이루어져 있고 틀이 잡혀 있으며 Django는 틀안에서 내가 원하는 동작을 맞춰놓고 진행하 errormindevops.tistory.com 글쓴이 환경 Macbook pro 14 - M1 Max Pro python 3.7.13 Django 2.2 pyenv 파이썬 설치 pyenv instal.. 2023. 5. 19.

티스토리툴바