[20220410 S]

오늘은 (4) 월 (10) 일 / 날씨: (맑음)

한줄: 도곡도서관 the love..💛 아휴 몰라서 어려운 건지.. 익숙하지 않아서 어려운 건지😐ㅇㅅㅇ

💻 1) WORK MEMO & REVIEW

Everyday

💻 2) GRAMMAR OF JAVASCRIPT

Every Morning

💻 3) SNS PROJECT

Every Evening

✍️ 일요일 개발공부

• 게시글/댓글 페이지 만들기

  • propTypes는 귀찮더라도 해주기

  • 더미데이터와 실제데이터와 다르다면 화면을 다시 구성해야 하는...백엔드와 소통이 중요한 이유(?)

  • img alt => 시각장애인을 위한 description / 페이스북에서는 머신러닝을 이용해서 alt를 만들어줌.

  • a11y : 접근성
    https://developer.mozilla.org/en-US/docs/Web/Accessibility

  • 스크린 리더에서 굳이 클릭할 필요없을 때 (읽어줄 필요없을 때?) role="presentation"

  • 객체 배열일 때

    images: PropTypes.arrayOf(PropTypes.object).isRequired
    onClose: PropTypes.func.isRequired

  • 정규표현식
    https://regexr.com/

  • react-slick ? swiper?

  • shortid(key값이나 id 정하기 어려울때) / faker
    https://react-slick.neostack.com/

  • 함수 호출 방법

    • func()
    • func`` -> styled components 에서

  • transform 안에 fixed? 버그 => transform : none !important

  • input 창 비우기 -> 이거 useEffect로 하나 더 만들어서 초기화 해주는 거 권장

  • styled-component 글로벌 스타일

    const Global = createGlobalStyle`
    
    `

• 리덕스 (이거 다시..) => 툴킷으로
  • saga -> 동시에 여러 액션 dispatch
  • redux devevtools
  • generator?
  • 비동기요청 (request, success, failure)
  • call(동기) vs fork(비동기) ..
  • takeEvenry => while(true)대체 ,takeLatest(실수로 2번 클릭 됐을 때)?
    * takeLastest 는 응답만 취소 / 서버에서도 처리해야 함
  • throlttle
  • debounce https://www.zerocho.com/category/JavaScript/post/59a8e9cb15ac0000182794fa
• 개발 관련 지식
  * window.scrollY, document.documentElement.clientHeight, document.documentElement.scrollHeight
  

🆎🎾 4) ENGLISH/ GERMAN / TENNIS

Monday/ Wednesday/ Thursday (Clarisse랑 날짜 조정하기)
Wednesday/ Saturday

📌 5) ETC (READING/ ECONOMY)

Free time

6) TODO & QUESTIONS

• 9 to 21 library
• 21~ riding a bike
• 후기 남기기
• immer 불변성??

❤️ 4월 GOALS

• 루틴화하기(집중 안되더라도 습관화하기)
• 이해하고 넘어가도록 노력하기
• 업무 질문 많이많이하기
• es6 재정리하기/ SNS Project & Redux(4-5월)
• 테니스 시작 스트레스 풀기