[TIL] 오늘의 개발일지

 

드뎌드뎌 포트폴리오 version 1.0 (ㅋㅋㅋㅋ) 작업을 끝냈다 >_< 

학원을 수료했다고 끝이 아니라, 우째 지금부터 본격 레벨업을 해야하는 느낌

확실한 건 무너지지 않는 멘탈싸움이라는거

이럴때일수록 더더욱 내 몸을 튼튼하게 살피고, 건강한 걸 많이 줘야징

 

건강한 몸엔 건강한 정신이 깃든다~~!!!

 

오늘 포폴 작업하면서 새롭게 접하면서 재밌게 느껴졌던 코드는 '타이핑하는 효과'를 내는 것이었다

타이핑 효과는 라이브러리를 사용하지 않고 setInterval 커스텀훅을 사용해서 작성하였는데, 서치했을때 방식은 타이핑이 쳐지고 끝이 났었는데 난 계속 타이핑 효과를 반복하고 싶기 때문에 setIsTyping을 만들어 추가 설정을 해주었다

 

  const completedTitle = useMemo(() => {
    return "프론트앤드 개발자 홍다경";
  }, []);
  const [landingSearchTitle, setLandingSearchTitle] = useState("");
  const [count, setCount] = useState(0);
  const [isTyping, setIsTyping] = useState(true);

  useEffect(() => {
    const interval = setInterval(() => {
      setCount((prevCount) => {
        const newCount = prevCount + (isTyping ? 1 : -1);
        if (newCount === completedTitle.length + 1) {
          setIsTyping(false);
        } else if (newCount === 0) {
          setIsTyping(true);
        }
        return newCount;
      });
    }, 150);

    return () => clearInterval(interval);
  }, [completedTitle.length, isTyping]);

  useEffect(() => {
    setLandingSearchTitle(completedTitle.substring(0, count));
  }, [completedTitle, count]);

 

눈알이 건조해질때까지 놋북만 보고있는 요즘

오로지 나에게 집중해서, 내가 잘하는 것들을 내가 알아봐주고 강화시켜야하는 것 같다

오늘의 개발일지 끄읕