HomeAboutMeBlogGuest
© 2025 Sejin Cha. All rights reserved.
Built with Next.js, deployed on Vercel
📝
학습 TIL
/
🌴
[TIL] 데브코스 81일차
🌴

[TIL] 데브코스 81일차

Date
Jul 11, 2022
대주제
TIL
React
말하면서배워요
주제
react
strapi
활동 기록

오늘 배운 것 🌱

  • CheQuiz Strapi 리팩토링 (0711)
    • ✅ QuizPack 생성 시 여러개의 Tag를 relation 으로 연결하는 이슈 해결
      ✅ Profile과 User 객체의 통합
  • 말하면서 배워요 (21회차_React 토의,
    📗
    React
    )
    • ✅ React의 특징
      ✅ virtualDOM
      ✅ 재조정

어려웠던 내용 🧐

  • React의 여러 개념들이 섞여져 있어, 각각을 분리하는 것이 어려웠다.
    • 사용자는 상태를 선언하고, 상태와 DOM을 일치하도록 하는 작업을 효율적으로 처리 해주는 것이 React 역할
    • 이 작업을 위해 virtualDOM, 단방향 데이터 처리, 재조정, 데이터 불변성등의 개념들이 등장하는데, 각 개념을 정확히 말로 설명하는 것이 어렵다고 느껴졌다.

느낀점 😎

  • 말하면서 배워요
    • React의 공식 문서는 정말 잘 만들어져있다는 것을 느꼈다.
      • 모든 예상 질문의 답을 공식문서 내에서 찾을 수 있었다.
      • 공식문서를 근거로 대답을 맞추어나가니, 대답의 정확도와 신뢰도를 확보할 수 있어 좋았다.
    • 확실히 React 2번째라 핵심 개념들이 익숙해진 느낌이 들어 좋았다. 시간-효과의 로그 그래프에서 시간대비 효과의 정점에 있지는 않은 느낌. 조금 더 시간 비중을 높여 최대 효과를 얻고 싶은 마음.

참고

성능 최적화 - React
내부적으로 React는 UI를 최신화하기 위해 비용이 많이 드는 DOM 작업의 수를 최소화하기 위해 몇 가지 기발한 방법을 활용합니다. 많은 애플리케이션에서 React를 사용하면 성능을 특별히 최적화하기 위해 많은 작업을 수행하지 않고도 빠른 사용자 인터페이스로 이어질 수 있습니다. 그럼에도 불구하고 React 애플리케이션의 속도를 높일 수 있는 몇 가지 방법이 있습니다.
성능 최적화 - React
https://ko.reactjs.org/docs/optimizing-performance.html#gatsby-focus-wrapper
성능 최적화 - React