220315_TIL

1. 배열심화

- 어레이에 문자 추가하기
: 어레이[Index] = '문자' + 어레이[Index]
- 문자 자르기

const number = '01012345678'
let arr = []

arr.push(number.slice(0,3))

변수로 선언된 것들도 .slice()가 가능함
-객체의 키&값 추가하기
: 객체.key = '값'
: 객체.다른객체 = 객체 도 가능함

2. 서버 이해

↓접속기다림

• yarn dev 프론트엔드 서버(프로그램) 3000번
  : 24시간켜둬야됨

↓프론트엔드서버에서 접속기다림

• yarn dev 백엔드 서버(프로그램) 8000번
  : 24시간켜둬야됨

↓백엔드서버에서 접속기다림

• db 서버프로그램 3306번
  : 24시간켜둬야됨

  서버, 서버개발자 = 백엔드

3. 리액트 component

기존 개발방식 : 페이지를 다 만들어 놓음(완제품)
- 변경시 복붙된 것들 전부 찾아서 변경
리액트 : 원본(component)를 만들어 두고 만들어 놓은 원본(component)을 import 해옴
- 원본 component만 수정하면 되기에 유지 보수가 쉬움
- 원본만 변경하면 전부 수정됨

4. 함수형 컴포넌트 vs 클래스형 컴포넌트

   • 클래스형 컴포넌트는 옛날 방식

5. hooks

   • use로 시작하는 애들

6. useState

   • State를 만들어 주는애
   • State란?
     : 컴포넌트 전용 변수
     : const [state(변수명), setState(변수바꾸기)] = useState변수만들기
     : state변경 const [ count, setCount ] = useState(0)
     example)
     setCount(5)
     : count => 0에서 5로 변경됨