728x90 전체 글79 [No-Cap News] 방치된 프로젝트 리팩토링하기 (feat. React) 프로젝트(Github) : https://github.com/dygreen/nocap-news사용 기술 : React + Redux(RTK) + Styled-components주소 : https://nocap-news.vercel.app/ 거의 1년 정도 실무 경험을 해보니, 그 전에 진행했던 프로젝트들의 부족함이 많이 보이기 시작했다.완벽한 코드는 없으니 (더군다나 내가 작성한 코드이기 때문에..!) 지속적으로 리팩토링이 필요하다고 생각한다. 다양한 프로젝트들 중에서, 취준 기간에 가장 공들였던 프로젝트이기도 하고일단 보여지는 화면부터가 수정이 간절히 필요했던 뉴스앱 서비스 No Cap News부터 손보기로 했다. 이번 글에서는 어떤 부분을 리팩토링하였고, 리팩토링 하는 과정에서 배운점들을 기록해보고자.. 2023. 7. 2. [알고리즘] 백준 10952번 : JavaScript(Node.js) 풀기 📌 문제 📌 풀이 const input = require('fs').readFileSync('/dev/stdin').toString().split('\n'); let i = 0; let answer = ""; while (i 2023. 7. 2. [Next.js] window.innerWidth 가져오는 커스텀 훅 만들기 Next.js는 SSR을 기본으로 하기 때문에 서버에서 렌더링하는 시점에 window를 가져다 쓸 수 없다 따라서 window.innerWidth도 바로 쓸 수 없게 되는데 커스텀 훅을 통해서 window에 접근할 수 있는 방법이 있다 import { useState, useEffect } from 'react' const useInnerWidth = () => { const [innerWidthVal, setInnerWidthVal] = useState(0) useEffect(() => { setInnerWidthVal(window.innerWidth) const handleResize = () => { setInnerWidthVal(window.innerWidth) } window.addEventLi.. 2023. 6. 18. [알고리즘] 백준 2439번 : JavaScript(Node.js) 풀기 📌 문제 📌 풀이 const input = require('fs').readFileSync('/dev/stdin').toString(); const num = parseInt(input); for (let i = 1; i 2023. 6. 18. 이전 1 ··· 10 11 12 13 14 15 16 ··· 20 다음 728x90
