ttaeng_99 's 개발의 흔적들 ttaeng_99 's 개발의 흔적들

Front-End(Web)

• [Type-challenges] 난이도 Medium - (3)

  Front-End(Web)/Typescript 2023. 2. 14. 03:29

  Github 챌린지 문제들을 풀고 관련된 내용을 정리하면서, 부족했던 타입스크립트 기본지식을 다지고자 한다. (주 1-2회) https://github.com/type-challenges/type-challenges GitHub - type-challenges/type-challenges: Collection of TypeScript type challenges with online judge Collection of TypeScript type challenges with online judge - GitHub - type-challenges/type-challenges: Collection of TypeScript type challenges with online judge github.com 📘 목..

  Read More
• [Type-challenges] 난이도 Medium - (2)

  Front-End(Web)/Typescript 2023. 2. 14. 03:24

  Github 챌린지 문제들을 풀고 관련된 내용을 정리하면서, 부족했던 타입스크립트 기본지식을 다지고자 한다. (주 1-2회) https://github.com/type-challenges/type-challenges GitHub - type-challenges/type-challenges: Collection of TypeScript type challenges with online judge Collection of TypeScript type challenges with online judge - GitHub - type-challenges/type-challenges: Collection of TypeScript type challenges with online judge github.com 📘 목..

  Read More
• [Type-challenges] 난이도 Medium - (1)

  Front-End(Web)/Typescript 2023. 2. 6. 01:53

  Github 챌린지 문제들을 풀고 관련된 내용을 정리하면서, 부족했던 타입스크립트 기본지식을 다지고자 한다. (주 1-2회) https://github.com/type-challenges/type-challenges GitHub - type-challenges/type-challenges: Collection of TypeScript type challenges with online judge Collection of TypeScript type challenges with online judge - GitHub - type-challenges/type-challenges: Collection of TypeScript type challenges with online judge github.com 📘 목..

  Read More
• [Type-challenges] 난이도 Easy - (2)

  Front-End(Web)/Typescript 2023. 1. 25. 01:07

  Github 챌린지 문제들을 풀고 관련된 내용을 정리하면서, 부족했던 타입스크립트 기본지식을 다지고자 한다. (주 1-2회) https://github.com/type-challenges/type-challenges GitHub - type-challenges/type-challenges: Collection of TypeScript type challenges with online judge Collection of TypeScript type challenges with online judge - GitHub - type-challenges/type-challenges: Collection of TypeScript type challenges with online judge github.com 📘 목..

  Read More
• [Type-challenges] 난이도 Easy - (1)

  Front-End(Web)/Typescript 2023. 1. 24. 18:21

  Github 챌린지 문제들을 풀고 관련된 내용을 정리하면서, 부족했던 타입스크립트 기본지식을 다지고자 한다. (주 1-2회) https://github.com/type-challenges/type-challenges GitHub - type-challenges/type-challenges: Collection of TypeScript type challenges with online judge Collection of TypeScript type challenges with online judge - GitHub - type-challenges/type-challenges: Collection of TypeScript type challenges with online judge github.com 📘 목..

  Read More
• [Next.js] Next.js 13 변경사항

  Front-End(Web)/React - 프레임워크(React, Next) 2023. 1. 14. 03:05

  🤍 Next.js 13 Next.js 12버전도 2021년 중순 업데이트 된 것으로 기억하는데, Next.js 13이 2022년 10월에 컨퍼런스에서 다시 발표됬다. 체감상 가장 큰 변화를 느낄 것 같은 버전 체인지이다. (디렉토리 구조, getServerSideProps 등 Next 정체성이 대거 바뀜) Next 개발팀은 13버전 업을 통해 좀 더 제한없이 동적으로 동작하는 기반을 마련하고자 했다는게 주요 컨셉이다. - 주요 변경사항 app/Directory(beta) : 쉽고, 빠르고, 적은 클라이언트 JS Layouts(레이아웃) React Server Components (리액트 서버 컴포넌트) Streaming (스트리밍) Turbopack(alpha) : Rust 기반. Webpack 보다 7..

  Read More
• [React Query] (6) Suspense와 Error Boundary 적용

  Front-End(Web)/React - 라이브러리들 2022. 11. 3. 04:46

  🧐 서론 지난, React 18의 Concurrency(동시성)을 시리즈로 포스팅하면서 비동기의 선언적 로딩인 Suspense와 에러처리인 Error Boundary 에 대해 알아보았다. * Suspense(위, 링크), Error Boundary(아래, 링크) [React] Concurrency(동시성) - #1. Suspense와 React.lazy 🧐 서론 전 회사분들과 진행하는 스터디에서 나는 Suspense와 React.lazy를 통한 코드 스플리팅 부분을 맡게 되었다. Suspense에 대해서만 공부하려고 했다가, Error Boundary나 Transition API 등 관련된 기능 abangpa1ace.tistory.com [React] Concurrecy(동시성) - #2. Error B..

  Read More
• [React] Concurrency(동시성) - #4. Transition API

  Front-End(Web)/React - 프레임워크(React, Next) 2022. 11. 3. 04:45

  지난 포스팅에서 React 18의 주요 컨셉인 Concurrent Rendering(동시성 렌더링) 을 정리하였다. (포스팅) [React] Concurrency(동시성) - #3. Concurrent Rendering 🧐 서론 지난 포스팅에선, , 를 통한 Loading UI, 를 통한 Error UI 등에 대해 알아보았다. 하지만, 이런 로딩화면도 사용자에게 답답함을 줄 수 있기에, React는 좀 더 UX 친화적인 렌더링 방식을 제공하 abangpa1ace.tistory.com 이번 포스팅은 이를 실제로 구현하는 기능인 Transition API 들에 대해 정리하려고 한다. Hooks 들의 사용법들을 확인할 뿐만 아니라, 이들을 통해 기존의 Suspense(로딩) 방식에서 UX적으로 어떻게 나아지는..

  Read More