IDI LAB : Industrial Design Innovation Lab(산업 & 제품 디자인 이노베이션 랩)

https://git-scm.com/

https://github.com/

git init

.git 하위 디렉토리 생성

git add README.md

프로젝트 소개글 생

git status

작업 디렉토리와 스테이징 영역 상태 확인

git add .

현재 디렉토리의 모든 변경 내용을 스테이징 영역

$ git add <파일/디렉토리 경로>

$ git add -A

$ git add -p

git branch -M main

https://git-scm.com/book/en/v2/Git-Branching-Branch-Management

git remote -v

# origin  https://github.com/user/repo.git (fetch)
# origin  https://github.com/user/repo.git (push)

원격 저장소 연결 확인

git remote set-url origin https://github.com/user/변경할repo.git

git remote set-url origin {변경할 원격 저장소 주소}

git push -u origin main

origin 주소에 branch(main) 업로

-u 옵션 초기값 저장

.gitignore 파일 무시

https://docs.github.com/ko/get-started/getting-started-with-git/ignoring-files

출처

https://www.daleseo.com/git-add/

https://git-scm.com

export default function Home() {
  return (
  <>
  </>
  )

https://nextjs.org/docs/getting-started/installation

https://www.youtube.com/watch?v=smAU6-ZdcoQ&list=RDCMUCvc8kv-i5fvFTJBFAk6n1SA&index=12

npx create-next-app@latest

What is your project named? my-app
Would you like to use TypeScript? No / Yes
Would you like to use ESLint? No / Yes
Would you like to use Tailwind CSS? No / Yes
Would you like to use `src/` directory? No / Yes
Would you like to use App Router? (recommended) No / Yes
Would you like to customize the default import alias (@/*)? No / Yes
What import alias would you like configured? @/*

npm run dev

https://www.youtube.com/watch?v=GFF3zgFS7Ug

export default function Home() {
  return (
  <>
    <h1>page</h1>
  </>
  )

html

<script type="module" src="index.js"></script>

Home.js

export function Home(){}

import {Home} form './Home.js'

export default function Home(){}

import Home from './Home.js'

https://lottiefiles.com/kr/

https://www.npmjs.com/package/react-lottie-player

https://vercel.com/