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