HomeAboutMeBlogGuest
© 2025 Sejin Cha. All rights reserved.
Built with Next.js, deployed on Vercel
🤎
프론트엔드 데브코스 5기 교육생/
⌛
정호일팀/
🔥
호일팀 프로젝트 페이지/
🌠
1227 회의
🌠

1227 회의

날짜
Dec 27, 2023
태그
  1. 기능 명세서
    1. 와이어 프레임이 있다면 뽑아내기 수월함. 아직 없다면 와이어프레임 없이도 필요한 기능들 부터(회원가입, 로그인, 다크모드 등 기본 요구사항에 적힌 내용들로)
    2. 뽑아놓고 우선순위 높은 기능부터 정렬. 핵심 기능들.
  1. 로고, 이름(내일 코어타임 마감전까지) [완]
  1. 신기술 습득 우선순위 및 기술 관련
    1. chakra-ui
      1. chakra-ui사용시 세부스타일 정의. charka-ui 내부적으로 상세하게 정의할 수 있긴함.
      2. margin, padding등 부여시 줄임말 사용 여부 (margin = m, padding = p 등…)
        3. notion image
    2. react-query
      1. react-query사용시 클라이언트 상태관리는 어떻게 할건지(contextApi+dispatch || redux. redux는 바닐라냐 toolkit? ⇒ 멘토님께 여쭤봐야할듯.
      2. 비동기 및 에러처리는 어떻게? ⇒ suspense컴포넌트 errorboundary컴포넌트 등… || 다른방법
        3. GitHub - bvaughn/react-error-boundary: Simple reusable React error boundary component
        Simple reusable React error boundary component. Contribute to bvaughn/react-error-boundary development by creating an account on GitHub.
        GitHub - bvaughn/react-error-boundary: Simple reusable React error boundary component
        https://github.com/bvaughn/react-error-boundary
        GitHub - bvaughn/react-error-boundary: Simple reusable React error boundary component
      3. 공식문서가 최고지만 일단 빠르게 습득하기위해…?
        4. [React Query] React Query에 대하여
        React Query에 대해 알아보겠습니다. 🧑🏻‍💻 React Query란? 공식문서에 따르면 React Query란 fetching, caching, 서버 데이터와의 동기화를 지원해 주는 라이브러리라고 합니다. React Query는 React Application에서 서버의 상태를 불러오고, 캐싱하며, 지속적으로 동기화하고 업데이트하는 작업을 도와주는 라이브러리입니다. React Query는 우리에게 친숙한 Hook을 사용하여 React Component 내부에서 자연스럽게 서버(또는 비동기적인 요청이 필요한 Source)의 데이터를 사용할 수 있는 방법을 제안한다고 합니다. - 카카오페이 React Query 설명 인용 또한 카카오페이 프론트엔드 개발자분들의 말을 더 빌려보자면, React Que..
        [React Query] React Query에 대하여
        https://despiteallthat.tistory.com/293
        [React Query] React Query에 대하여
      4. jest
        [React Query] React Query에 대하여
        React Query에 대해 알아보겠습니다. 🧑🏻‍💻 React Query란? 공식문서에 따르면 React Query란 fetching, caching, 서버 데이터와의 동기화를 지원해 주는 라이브러리라고 합니다. React Query는 React Application에서 서버의 상태를 불러오고, 캐싱하며, 지속적으로 동기화하고 업데이트하는 작업을 도와주는 라이브러리입니다. React Query는 우리에게 친숙한 Hook을 사용하여 React Component 내부에서 자연스럽게 서버(또는 비동기적인 요청이 필요한 Source)의 데이터를 사용할 수 있는 방법을 제안한다고 합니다. - 카카오페이 React Query 설명 인용 또한 카카오페이 프론트엔드 개발자분들의 말을 더 빌려보자면, React Que..
        [React Query] React Query에 대하여
        https://despiteallthat.tistory.com/293
        [React Query] React Query에 대하여
      5. github 마일스톤 (깃허브 프로젝트, 이슈 pr 등…)
    1. 타입
      1. 리액트 컴포넌트 타입(명시적, 암시적)
        1. React.FC, JSX.Element 등으로 할건지…(재현님의 책을 기다리며…)
          2. notion image
      2. children props의 타입 ⇒ ReactNode
      3. 이벤트 위임시 타입 ⇒ 금요일에 구체적인 예시로 다시 찾아뵙겠습니다…
    1. 조건문
      1. nullish연산자 ⇒ useRef(null) ⇒ !current && 어떠한일, current ?? 어떠한일
        2. ⇒ 일단 사용하고 PR때 논의
      2. 삼항연산자, 축약(&&)로 처리 가능한 조건문을 if문으로 바꾸기(명시적으로 나타내기)
        1. ⇒ current && 어떠한일 , if(current){ 어떠한일 }
          2. ⇒ 연속 삼항연산자는 불가. 나머지는 ok. PR때 논의
          ⇒ if문 가능하면 얼리리턴하기
      3. curly-rule(한 줄 bracket 적용)
          4. ⇒ if(!example) { return; }
     
    위 번호들은 우선순위로 나열했음
     
    ⇒ 29일 금요일까지 chakra UI, react-query (, jest, 깃허브 마일스톤) 공부