코드캠프 2일차 TIL

오늘은 어제보다 더 잘 알아들은 것 같아 기분이 좋다.
빨리 내걸로 만들고 싶은 마음이 큼!
어제 제대로 잠을 못자서 찌뿌둥한데도 이상하게 집중이 잘되는 걸 보니..
재밌나보다..
나 개발자 해도 되는걸까?ㅎㅎ

여하튼 오늘 배운 부분을 정리해본다.

1. 클래스형 컴포넌트보다 함수형 컴포넌트가 더 강력하다

리액트의 장점은 컴포넌트를 만들어서 동시에 변경 가능하게 만들어주어
실무에서 잘 사용할 수 있도록 해준다는 점이었다.
컴포넌트 중에도 클래스형 컴포넌트와 함수형 컴포넌트가 있는데,
함수형 컴포넌트와 컴포넌트 훅이 결합되어
클래스형 컴포넌트에서의 복잡성이 한결 간결해졌다.

2. state 친구들 맛보기(?)

state란 리액트 컴포넌트에서 사용하는 변수다.
개념은 아래 내용만 알면 될 것 같다.

state: 컴포넌트에서 사용하는 '변수'
setState: 컴포넌트에서 사용하는 '변수를 바꿔주는 기능'
useState: 컴포넌트에서 사용하는 '변수를 만들어주는 기능'```

그리고 실습할만한 예제 코드는 아래와 같음.
카운트 증가 예시이다.

import { useState } from 'react'

function New() {
    const [count, setCount] = useState(0)     
    
    function handleClick() {
        setCount(count + 1)     
    }

    return (
        <div>
            <h1>{count}</h1>
            <button onClick={handleClick}>state를 사용하여 count 증가</button>
        </div>
    )
}

3. 어제의 오류 바로잡기
(1) 깃허브에 내가 작성한 코딩 올리는 방법을 몰라서 어제 고생했는데, 드디어 알게 되었다.

• 터미널에 git add . 입력하기 //add 뒤에 오는 점을 띄어쓰기 해야 한다.
• git commit -m "아무 메세지" 입력하기 //대충 '날짜/프로그래머스' 라고 하기로 함
• git push origin master 입력하기
• github 확인하기

이럼 끝이더라고.