11일차_테일윈드

9oodvibe5only·2023년 3월 30일
0

메모..gap-4 gap-[4px]

//
git clone -> git remote update -> git pull origin main

//(back tic)은 문자열 내부에 변수를 표현해줄때 사용된다 ex) my name is ${name};

const message4 = ` I'm WNS and $[13+1} years old.
console.log(messaage4)

//////////////////////////////////////////////////
npx create-react-app dapp

npx 설치 안하고 쓸 수 있음 이름은 dapp

//

새팅까지 다 작업해 놓고 프라잇에 보관해서 쓰셔도 무방
//

package.json 은 리액트 설명서다

//
cd . 현재폴더고
cd .. 은 상위 폴더로 이동
리액트 시작법
cd 폴더네임
npm run start
//
react is javascript so we use js grammer in react
리액트 파일은 jsx로 바꾼다 확장자 느낌임
우리가 보기 쉽게끔 구분하기 ㅇㅋ?
//
선생님 리액트 시작할때 무조건 파일 다 지우고 시작해야하는거죠??
지워진상태로는 다운 받을수 없고용??

답변 다른 폴더 만들어서 하면된다.

//
깃 배포 명령어 지원 매니저 다 적기

//
readme.md 파일은
마크다운 문법임 코딩이 아님
그냥 작성하면됨

//
dapp 위치에서 . 해야됨 옮기는 파일 위치란 말임!
1514 git add .
1515 git commit -m "first commit"
1516 git branch -M main
1517 git remote add origin https://github.com/ㅍㅍㅍㅍㅍㅍㅍ/my-dapp-project.git
1518 git push -u origin main

이미존재시
git remote remove origin

git remote add origin 사이트

git remote -v

git push -u origin main

//

사이트를 업데이트 해야되면 어떻게 해야하는지 ㅇ662쌤 알려줌
git add . 하고

git commit 계속 하면서 나중에 push만 하면 됨

변경한거 볼려면 실시간으로 npm run start 쓰면됨
//

이모지 윈도우 + .
//
git push -u origin main

origin 이 깃허브 main 이 메인 브렌치
//

테일윈드 설치

get start

frame work guides

create react app 고르고

1.Create your project 이미 만듬

  1. Install Tailwind CSS 주의 항상 폴더 위치 확인하기 쌤도 다른 곳에 설치 할 경우있음
    npm install -D tailwindcss (-d옵션은 개발시에만 필요한), 배포시에 필요한 -d옵션은 에러가 남
    npx tailwindcss init
  2. 홈피 찾조
    4.@tailwind base;
    @tailwind components;
    @tailwind utilities;

index.css만들고 이제 적용을 . index.js improt
자바스크립트는 다 오브젝트다 객체다
//

profile
재미없으면 왜 해?

0개의 댓글

관련 채용 정보