CaliforniaLuv
React clean하게 사용하기 chap3
이번 주에는 리액트 렌더링을 효율적으로 최적화하고 관리하는 방법에 대해 클린 코드 내용을 정리하고자 한다. 무분별하게 내부 컴포넌트를 생성하지 않기 ❌ 내부 컴포넌트 안에 내부 컴포넌트 // 🙅♂️ Bad const AnotherComponent = () => { return "AnotherComponen...
Hello, I’m Lee Jin-Sung
As a front-end developer, I focus on building impactful web experiences. I believe that UI/UX is the most essential element of a successful website.
Latest Posts
React clean하게 사용하기 chap2
한동안 두 개의 프로젝트를 동시에 처리하느라 정신없이 지내다 보니 블로깅을 많이 미뤘다. (개인적인 공부도 많이..) -.- 이번에는 그동안 공부하며 정리한 ‘Props를 깔끔하게 사용하는 방법’에 대해 정리해보자 포스팅을 남긴다. 무거운 연산을 활용하는 함수 반환값 효율적으로 관리하기 ❌ 일반 변수에 저장하기 co...
React clean하게 사용하기 chap1
작년부터 새로운 프로젝트에 투입되어 올해 2월 다 끝나가는 시점, 프로젝트를 무사히 마무리 지었다. 프로젝트를 끝나고 회고 하면서 크게 느낀 점은 코드를 작성할 때, 깊게 생각하지 않고 무작정 “구현만 되면 된다” 라는 마인드로 작업을 임했다. 매번 코드 리뷰마다 안티패턴을 유발시키는 코드로 인해 지적을 받아, 내 자신이 너...
next.js Styled JSX를 통한 특정 라이브러리 css 변경하기
React-Modal 라이브러리를 사용하여 모달 안 tooltip box가 영역에 벗어나 독립적인 형태로 보여줘야 하는 이슈가 발생하여 블로그 포스팅을 남긴다. 이슈 발생 해당 tooltip UI가 모달 영역에서 벗어난 형태로 보여주기 위해선 React-Modal 라이브러리에서 지원하는 ReactModal__C...
캐러셀 슬라이드 버그 이슈
사내 홈페이지를 새로 리뉴얼하는 프로젝트를 맡게 되었다. 아직 기획팀과 디자인팀은 투입되지 못한 상황인 관계로 현재 홈페이지를 리펙토링 하는 작업을 먼저 진행 중이다. 회사 수상 내역을 소개하는 vertical carousel slide UI를 라이브러리를 통해 사용하고 있어 직접 슬라이드 UI를 구현하도록 수정하였다. ...