--- title: "정정환 (@JungHwan) | Hashnode" description: "정정환 (@JungHwan) writes on Hashnode. Read their latest articles and follow their work." url: "https://hashnode.com/@JungHwan" --- @JungHwan # 정정환 @JungHwan · Joined November 2023 ### [\[Tailwind\]More about Tailwind](https://blog.skku-comit.dev/tailwindmore-about-tailwind?utm_source=hashnode&utm_medium=feed) 💡 이 글은 Tailwind에 대한 기초지식을 전제로 쓰인 글입니다. TailwindCSS는 html/xml 국면에서 style를 일괄적으로 트래킹할수 있게 하고, 보다 간편한 반응형 제작, 프리셋 제공 등 여러 이점이 있지만, 프로젝트의 복잡도가 증가하면서 프레임워크에 대한 여러 의문 또는 한계를 만날 수 있다. 본문에서는 필자가 프로젝트를 진행하며 공부한 몇 가지 Tailwind 상식과 주의점을 공유하고자 한다. 동적 className... 3 min read · [blog.skku-comit.dev](https://blog.skku-comit.dev/tailwindmore-about-tailwind?utm_source=hashnode&utm_medium=feed) [Nov 22, 2023](https://hashnode.com/posts/tailwindmore-about-tailwind/655d9cf0ba7867b555a97282) ### [\[React\]전역 상태관리란?](https://blog.skku-comit.dev/react-usecontext?utm_source=hashnode&utm_medium=feed) 특정 변수나 배열, 객체 등 어떤 자료구조든지 웹 페이지에서 계속해서 업데이트되면서 동적인 상호작용을 가능캐 하는 것은 전부 상태관리를 통해 이루어진다. React의 상태관리의 단초는 useState이다. State들은 props를 통해 위아래로 연결되며 서로 다른 파일에 있더라도 특정한 상태에 대한 제어를 할 수 있게 된다. 하지만 페이지의 규모가 커짐에 따라 컴포넌트 트리(컴포넌트 간 위계를 도식화한 것)는 더욱더 복잡하고 커지게 된다. 운... 3 min read · [blog.skku-comit.dev](https://blog.skku-comit.dev/react-usecontext?utm_source=hashnode&utm_medium=feed) [Nov 12, 2023](https://hashnode.com/posts/react-usecontext/6550e21400499361ff695d68) ### [\[React\] 무한 스크롤 구현](https://blog.skku-comit.dev/react?utm_source=hashnode&utm_medium=feed) React로 개발하는 웹 페이지에서 매 렌더링마다 데이터를 가져오게 된다면 불필요하게 많은 데이터 읽기가 발생할 수 있다. 이를 방지하기 위해 Pinterest 무한스크롤처럼 스크롤이 하단에 닿을 때마다 일정 개수만큼 데이터를 가져오도록 구현한 과정이다. Scroll Sensor 구현
보이기 쉽게 빨간색으로 표현한 부분이 sensor div이다. 화면에서 ... 2 min read · [blog.skku-comit.dev](https://blog.skku-comit.dev/react?utm_source=hashnode&utm_medium=feed) [2](https://hashnode.com/posts/react/6544dc38c1af0f86074ec87c) [Nov 3, 2023](https://hashnode.com/posts/react/6544dc38c1af0f86074ec87c)