yarn dev 할 떄는 packege.json 이 보일 때만 하기
yarn install해야만 node modules가 파일에 들어옴. 이미 node modules 받은 상태에서 깃 올리면 속도가 너무 느려짐. 그래서 필요한 사람만, 도구를 쓸 사람만,코드 실행할 사람만 노드 모듈스를 필요.
깃허브 올릴 떄 무시되는 파일들(.next .gitignore)
Port3001 > 기존의 vs code 끄고 해야 3000나옴 3001은 오류 생성.
Wrapper ctrl shift - : 되돌아가기
ctrl alt - : 들어가기
컴포넌트 리액트를 쓰는 이유. 그냥 복붙하면 나중에 수정사항을 일일이 수기로 찾아서 바꿔줘야함. 근데 컴포넌트 쓰면 UI의 재사용으로 데이터를 바꿔줄 수 있음.
컴포넌트 예>
페이지 컴포넌트(=함수형 컴포넌트. function 기능을 써서그럼.)
함수형 컴포넌트
use로 시작하는 애들 = react-hooks
(useState=State(리액트 전용변수)를 만들어주는 애, useEffect..)
hooks
cosnt[state, setState]=useState("철수")
변수명 변수바꾸기 변수만들기 초기값
setCount(5)
Fragment :
대신에<></> , 로 작성
........................................................
errorstate로 에러메시지
emotion 으로 색상 바꾸기
작성자 비밀번호, 제목 내용은 필수입력
.......................................................
알고리즘 class
배열: 여러개 변수들 묶어서 저장, 저장소 역할한다 배열안에는 배열도 들어올 수 있다. lenght데이터는 기능을 사용하면 배열 안에 몇개의 데이타가 있는지 확인 할 수 있다.
데이터 조회
indexOf index값 반환. 데이터 찾는게 없으면 -1로 반환.
includes 데이터의 존재여부 반환(true,false)
알고리즘 모르겠으면 MDN 자주 가서 검색
인덱스값으로 push를 하다보면 다른 데이터가 변경될 수 있어서 push로 데이터 넣는게 안전
객체 : 데이터들을 종류에 맞게 분류하여 저장. 객체 안에 객체 사용 가능 {}중괄호로 닫고 데이터는 , 로 구분
객체는 key와 value 로 데이터를 저장하는데 key는 데이터의 이름. value는 데이터의 키값
const key='name'
