[항해99] TIL 사전과제 스터디 D-5

자 이제 시작이야

• 원래는 다음주 월요일부터지만 나 스스로 이제부터 시작이라고 생각하기로 했다.
• 설레이는 이 마음은 뭘까.. 왠지 잠을 이룰 수가 없어
• 잘 할수 있을까? 항상 걱정부터 앞선다

어깨힘 빼고 이제는 배워

• 너무 힘이 많이 들어간 것 같다..
• 본격 시작에 팀장에 바로 직전의 사전스터디가 너무나 성공적이고 만족스러워서
• 그래서 그리워서 더욱 그런 것 같다… 힘을 뺄 필요가 있다.
• 나의 경험상 나는 힘이 들어가고 뭔가 하려 할때마다 잘 안되는 경향이 있었다
• 지금은 명확히 힘빼고 다시 새로운 사람들에게 배워야 할 시간이다.
• 항상 되뇌어야 한다.
• 내가 모른다는것을 알자.

듣고 말하기

• 어렵다.
• 오늘 반이 배정되고 상당히 흥분했다..
• 왜 그랬는지 후회된다.
• 반성하자
• 힘을 빼는게 최우선이고 그 다음은 듣고 말하기이다.
• 말은 할수록 적이 생기고 들을 수록 편이 생긴다.
• 내가 누군가를 바꿀 수 있을거라 착각하지말자.
• 나는 그저 일꾼이오 의견을 수렴하되 하나의 가능성을 제시할 뿐이다.
• 절대 절대 내가 옳다는 자만을 하지말자
• 내일부터가 무섭다 자만할까봐 나댈까봐 말을 많이 할까봐
• 듣고 말하자, 단순한 진리 하나만 새기고 지키기에도 나는 모자란 존재이다.

오늘의 react

• wrapper
  • 리액트는 반환값으로 하나의 jsx태그만을 반환할 수 있다.
  • 그렇기에 wrapper를 만들 수가 있는데
  • 컴포넌트를 새로만들어 props.children만이 있게 할수가 있고
  • 아니면 pragment를 사용해도 좋다.
• 리액트 포털
  • 말그대로 포털이다.
  • 지금까지는 index.js에서 id: root만 render해서 보냈는데
  • 모달같은경우 코드의 의미를 볼때 root바깥에 있는게 더 옳으므로
  • 포털을 이용해 root 바깥에서 그리는 것처럼 만들 수 있다.
• ref
  • 리액트에서 DOM요소를 컨트롤할때 사용한다.
  • 이때 ref로 제어하는 것은 리액트에서 제어하는것이 아니기에
  • 제어되지 않는 컴포넌트 ⇒ 비제어 컴포넌트라고 한다.
• useEffect
  • 매우 매우 중요한 hook이다!!!
  • useEffect는 사이드이펙트를 다룰 수 있는데
  • 예를 들어 로그인에서 유효성을 검사할때
  • 사용자가 input창에 입력할때마다 렌더링되면 안되니
  • 종속성을 input내의 변수에 걸되 타이머 함수를 사용해 0.5초의 딜레이를 만드는 방식으로
  • 로그인기능을 구현할 수 있다.
  • 아직도 잘은 모르지만 매우 흥미롭고, 중요한 hook임에는 분명하다.