EASY PEASY CODING

저같은 경우 공부를 하면서 깃헙에 커밋을 하며 기록을 남기고 있었는데요,그런데 도중 원해 하나의 폴더에서 깃을 남기고 있었는데, 또 다른 프로젝트를 같은 언어로 진행하게 되어, 한 폴더에 두개의 프로젝트로 나누어져야 하는 상황이 생겼습니다.원래의 폴더 구조는nextjs project .git 다수의 파일들 이었다면,새로운 폴더 구조는NEXTJS nextjs project nextjs project2 .git 으로 변동을 해야되었습니다. 그렇기에 이를 해결한 방법은 .git 폴더를 최상위 폴더인 NEXTJS 폴더로 옮기고 NEXTJS 폴더에서 git add .과 git push를 함으로써 모두 깃허브에 정상적으로 올라가게 되었습니다.

Step 1. Nodejs를 검색하여 밑의 사이트에 들어가 LTS 버전을 다운받아서 설치합니다. Step 2.npm init -y 작업용 폴더를 만들어서 vscode로 폴더를 엽니다. 폴더 내에 server.js란 파일을 만든 후, 터미널을 열어 위와 같이 입력하여, package.json 파일을 생성합니다. Step 3.npm install express 코드를 쉽게 작성하는데 도움을 줄 express 라이브러리와npm install -g nodemon 서버를 자동으로 재시작시켜줄 nodemon을 설치합니다. Step 4.const express = require('express')const app = express()app.listen(8080, () => { console.log('http:/..

Next.js 개발 환경 세팅에 관해 포스팅해보려 합니다.먼저, 구글에 Nodejs 검색해서 LTS라 써져있는 버전을 설치합니다. 설치가 완료되었으면 작업용 폴더를 만든 후, vscode로 엽니다.그 후 터미널에,npx create-next-app@latest 를 입력 후 엔터 시 프로젝트 생성이 됩니다.폴더명과 사용할 언어같은 경우에는 알아서 체크해주시면 됩니다.사이트를 브라우저로 미리보기를 띄우고 싶다면,npm run dev를 입력해 터미널에 나온 url로 접속하면 됩니다. app 폴더 : 우리가 코드를 입력할 폴더입니다. page.js : 메인페이지 layout.js : 메인페이지 감싸는 용도의 페이지입니다. public 폴더 : 이미지나 static 파일 보관용 폴더입니다.api 폴더 : 서버기능..

깃을 활용하여 기록하다보니,  만들어진 레파지토리를 vscode와 연동을 어떻게 시키는지 자꾸 까먹는것 같아 이번 글을 포스팅하도록 하겠습니다. 먼저 깃에 로그인 하여, 깃 레파지토리를 생성합니다. 만드실때 Add a README file을 체크하셔도 되지만, 체크를 안하고 생성해주셔도 되십니다(Readme파일을 생성하면 최초 커밋 시 파일 기록이 달라서 오류가 발생할 수 있기에 저는 따로 만들지 않았습니다.) 생성 후에는 이런식으로 나오게 되는데요,이후 vscode를 열어 깃에 설명된 대로 터미널에 작성해주시면 됩니다.  1. 기존 프로젝트 폴더를 vscode로 열어주시고, git을 초기화해줍니다.git init 2. 레파지토리에 연결시킵니다. git remote add origin https://gi..