Facts(한것) - 리팩터링 챕터2 (리팩터링 원칙) 읽기 - TDD로 셀렉트 박스 구현해보기 Finding(배운것) - TDD 하는 방법 - search메서드 - 리팩터링도 무조건 해야하는것이 아니다. 상황따라 하는 것이지만 하는것이 옳다. Feeling(느낀 것) - 매일 라이브러리만 사용해서 자주 사용하던 SearchBox만드는거 하나 쉽지 않았다. 생각보다 시간도 오래 걸렸고 라이브러리에 크게 의존했던것같다. 라이브러리가 나쁜것이아니라 모르고 사용하는것이 나쁜것이다. 앞으로 자주 새로운 기능? 을 직접 만들어보고 라이브러리를 다루어야겠다는 생각이 들었다. 리팩터링은 볼때마다 난해하고 어려워서 안하게 되는데 그것은 리팩터링이 나쁜게 아니라 내 머리가 나쁜것이다 Affirmation(자기선언) 1일..
Facts (한것) - Tistory 블로그 개설 및 포스팅시작 - 무한 스크롤 구현 및 포스팅 - 리팩터링 2판 챕터 1 읽기 Finding (새로 알게 된 것) - 생각보다 많은 개발자가 Tistory에 포스팅하고 많이 노력한다는 점 - onScroll객체에 꽤 많은 event정보가 있다는 점 - 리팩터링 2판을 혼자 공부하듯이 포스팅하려 했으나 저작권이라는 것을 처음으로 신경쓰게 되었다. 꽤나 복잡하다는 점 - 많은 사람들이 TIL을 통해 매일 성장하고 있다는 점 - 리팩터링은 매우 정교하고 꼭 필요하다는 점 Feeling (느낀 점) - 좋은 개발자가 되기는 생각보다 험난하다. - 난 우물안의 개구리다 사실 올챙이다. 계속해서 자기발전을 위해 발버둥쳐야한다. - 좋은 개발자가 되기 위해 리팩터링,..
무한 스크롤이란? 무한 스크롤이란 뿌려주는 데이터가 너무 많아서 렌더링되는 양이 너무 많아 성능이 저하되는것을 막기위해 첫 스크롤 화면에는 적은양의 데이터만 렌더되게끔 만들어주고 사용자가 스크롤의 하단에 근접했을때 다음 데이터를 뿌려주는 기법(?) 중에 하나이다. InfiniteScrollPage.js import { useEffect, useState } from "react"; import "../App.css"; import InfiniteScroll from "../components/InfiniteScroll"; function PInfiniteScroll() { const [datas, setDatas] = useState([]); const [scrollOptions, setScrollOpt..
