081424 til

베이직 반 리액트 

 

지난번에 배운 것에 대해서 recap 

 

 

map 기본 구조: 배열.map((element) => {/* 변환 로직 */});

 

 

const TodoList = () => {
  return (
    <ul>
      {todos.map((todo) => (
        <li key={todo.id}>{todo.text}</li>
      ))}
    </ul>
  );
};

 

이렇게 쓰인다 

 

 

return   함수에서 값을 변환 . 함수으 ㅣ 실행을 종료한다

 

console.log - 개발자 콘솔에 특정 값을 출력한다 

 

 

 

useState 

상태 값이 변경 될 떄 마다 리렌더링됨 

 

setState

콜백함수 사용

 

 

 

form tag

엔터키로 제출가능 

구조화된 데이터 수집 

 

e.preventDefault() 로 초기화를 막아줘야한다

 

 

제어컴포넌트 

유효성검사 

실시간데이터 반영 

데이터일관성유지 

 

비제어컴포넌트 

코드의 길이가 늘어간다 

 

 

제어 컴포넌트는  컴퓨터에서 게임을 하는 것과 비슷

 

게임을 할 때, 조이스틱을 조작하면 화면에서 캐릭터가 움직이는것과 같이 

 조이스틱을 어떻게 조작하느냐에 따라서 캐릭터의 움직임이 달라지는것과 같이 

제어 컴포넌트는 입력을 어떻게 하느냐에 따라서 화면의 내용이 실시간으로 바뀌는 컴포넌트다 

 

 

입력 박스에 글자를 입력하면 그 글자가 컴포넌트의 상태(state)에 저장되고,

그 상태를 이용해서 화면이 업데이트됨

이렇게 해서 사용자의 입력에 따라 컴포넌트가 상태를 관리하고 반응한다 

 

 

비제어 컴포넌트

비제어 컴포넌트는 마치 자전거 타는 것과 비슷함 

자전거를 타려면 자전거가  얼마나 힘을 주느냐에 따라 움직이는데,

사용자가  자전거를 조작해야 해.

리액트에서 비제어 컴포넌트는 입력 박스나 폼을 사용할 때, 입력된 데이터의 상태를 컴포넌트가 직접 관리하지 않음

대신에, 입력 데이터는 DOM(문서 객체 모델)에 직접 저장됨

그래서 컴포넌트는 이 데이터를 읽어오거나 쓰지 않고, 데이터는 DOM이 스스로 관리함.

이렇게 하면 컴포넌트가 상태를 관리하는 대신, 필요할 때 DOM에서 직접 값을 가져와야함

이 방식은 때로는 더 간단하고 빠를 수 있지만,  상태를 관리하는 게 조금 더 복잡할 수도있음 

 

 

 

 

---

 

눈 떠보니 부트캠프 한지 한달 됨 .. 

 

시간 정말 가는 지도 몰랐다 .. .

 

정말 아무것도 모르는 초보라 너무너무힘든데 

 

수업이나 과제나 전공자들한테 맞춰진거같아서 

 

따라가기 너무 힘들다 ... 

 

원래 다른 기수에 비해 서 훨씬 전공자들이 많다던데 ...  

 

다들 아무렇지 않게 과제 끝내고 수업 따라가고 있어서 

 

나만 못따라가나 싶어서 정말 정말 정말 

 

자괴감 듬 

 

여기 초보가 오는데 아니였나 .. ? 

 

초보는 오면 안되는곳인가 ?? 

 

초보는 이미 다 도망갔나 .? 탈주했나 ? 

 

초보도 할수있다며 !!!!! 

 

 

그초보가 바로 나야 .. 나 .......... 

 

 

아직도 수업 따라가기 벅찬 코린이 운다 울어 맨날 .. 

 

 

 

 

내일 휴일이라서

 

과제 하고 

 

다시 html , css , js 를 다시 공부해봐야겠다 

 

이제 한달 동안 부트캠프를 했는데 

 

한달 전에 비에서 많은 것을 배웠다 

 

코드를 짤 줄 도 몰랐던 내가 코드를 치고있고 

 

무언가를 완성 ? 화면에 뭔가 나오고 

 

찾아보고 ,, 공부하고 

 

아직 엄청 부족하지만 ... 

 

쌩판 모르는건 이제아니니까 !! 

 

1달 동안 열심히 달려온 나를 위해 박수 !!! 

 

 

아직도 포기하고싶을떄가 더 많지만 ... 

 

 

이제 3달 만 지나면 끝나니까 !! 

 

조금만 더 열심히 해서 버티고 뭔가를 이룰수 있게 

 

내 자신이 나를 포기하지 않았으면 좋겠다 

 

 

열심히 더 굴려 

 

가보자고 !!!! 

 

 

이갈고 부트캠프 끝낸다 진짜로 .. 

 

 

부득부득 

 

초보 코린이 ...화이팅 ...!!! 

 

 

복습만이 살길이다 ..