Today I Learned 📖

배운것만 간단하게 기록하기 😉

• map() = 무조건 결과를 반환함 (골라내도 빈 부분은 undefined로 반환됨)

• filter() = 골라낸 값만을 반환

• 이벤트 객체 매개변수는 event 혹은 e라고 많이 씁니다.
  (이벤트가 발생하게 되면 발생된 이벤트에 대한 정보를 가지고 있는 객체라고 생각하면 됨)

• 함수이름에 ()가 붙느냐 마느냐 무슨 뜻인지,

  • onSubmit={handleSubmitClick} 함수 그 자체가 들어간 것
  • onSubmit={handleSubmitClick()} 함수가 실행된 값이 입력된 것

오늘의 🍯tip

• rfce 단축키로 react 임포트와 파일 이름으로 컴포넌트를 간단하게 생성!
  화살표 함수로 만들고 싶다면? rafce (이걸로 사용하는 걸 추천)

• () => {}는 return을 명시해 주어야 하고, ()=>()는 return을 명시해 주지 않아도 된다. 참고링크

오늘의 문제점 😤

만드는 영상을 보고 따라 만든 거긴 하지만, 삭제랑 스위치 부분을 드디어 구현해 봤다는 것이 큰 .. 소득이다. 코드를 보면 이해는 가는데 이걸 처음부터 만들려고 하면 머리가 굳은 거 같고.. 익숙해질 때까지 계속 연습해야 한다.

• jsx 문법에서 스타일 시트로 옮길 때 조심하기
  예를 들어, backgroundcolor(jsx) => background-color(css)라든지.. ᄒ 이걸로만 30분을 보냈네..

• 😨😨😨😨😨😨props 전달하는 거.. 자꾸 빼먹어서;;; Input 다 완성하고 출력이 안돼서 멘붕이었다. 또 20분 동안 공들여서 찾았다. app 페이지에서 Input컴포넌트에 props전달하는 값을 안 줌..^^ 정신 차리자..

프로젝트 추가할 부분..🔥

• 인풋 값 리셋하기
• 인풋 값 입력 시 빈 공간 없애기
• todo 박스 고정? 하기 ( 삭제해도 위에 글씨들은 고정되도록)
• footer 만들기(하단 고정)

오늘의 회고 🫥

계속 쉬지 않고 공부를 하고 있는데, 나아지고 있는 건지 전혀 모르겠다. 물론 지난주 월요일과 비교하면? 과제 만들면서 js 관련으로 더 익숙해지고 배운 부분이 있는데 기본이라는 과제에서 막히니까 계속 버로우 타는 기분이.. 하나 막히는 부분이 생기면 계속 잡고 있다 보니 시간이 계속 가고 어느새 저녁 9시가 돼서 끝날 시간이고? 이게 원래 이런 건가...