반응형 TiL99 리팩토링주간 오늘부터 1주간 리팩토링 기간이다. 저번 프로젝트때는 리팩토링 기간이 없어서 저녁에 야근을 하며 리팩토링을 했다. 이번에는 PM분이 그동안 바빴으니(3주간 야근+주말출근 했었음) 여유를 가지고 하고싶은 작업 하라고 하셔서 리팩토링을 하고 있다. 리팩토링하면서 코드를 한줄한줄 .. 2022. 11. 1. TIL 객체로 이루어진 배열중에 특정 key값만 의존성 부여하기 대충 다음과 같은 화면을 만들었다.(상품들은 더미데이터) 남은돈 계산 로직을 처음에는 아래와 같은 useEffect를 간단히 생각했는데, const Home: NextPage = () => { const [purchases, setPurchases] = useState([ { product: "과자", price: "2000", }, { product: "사탕", price: "300", }, ]); useEffect(() => { // 잔액계산 로직 // purchase의 가격들을 다 더하고 totalPrice에 넣는다 // 그 후에 salary에서 뺀다. }, [purchases]); return ( ... ... ); }; 이렇게 되면 상품명만 바뀌었을때 금액은 변함이 없어서 잔액계산을 할 필요가 .. 2022. 7. 30. 이미지스프라이트 입사 초기에 마크업 공부한답시고 네이버 홈페이지에서 개발자도구 키고 따라치면서 분석했던 적이 있다. 그냥 똑같이 따라치는데, background-image가 이렇게 되어있어서 심히 당황했었다. 그렇게 몇달이 지나고 오늘, 이미지 스프라이트 라는 것을 알게 되었다. 이미지 스프라이트 기법 여러 이미지를 모아 하나의 스프라이트 이미지로 만들고 CSS의 background-position 속성을 사용해 이미지의 일정 부분만 클래스 등으로 구분하여 사용하는 방법 해당 기법을 사용하면 한번의 이미지 요청으로 대부분의 개별 이미지를 사용할 수 있기 때문에 네트워크 로딩 시간을 줄일 수 있다. 또한 많은 이미지 파일을 개별로 관리하지 않고 특정 스프라이트 이미지만 관리하기 때문에 유지보수가 용이하다. 우리 회사도 적.. 2022. 5. 13. 2.25 기술발표한날 git rebase interactive로 발표하려했다. 다 할줄 아는거니까 가서 라이브코딩 한번 하지~ 뭐~ 라는 생각으로 있었다. 나는 내가 git rebase interactive를 자유자재로 쓸 줄 아는줄알았다. 그런데 아니었다. 자꾸 안되는 것이다.. 하.. 내가 아는건 그저 한 패턴이었다. 발표전날 새벽1시까지 git이랑 씨름하다가, 안되겠다 싶어서 뒤늦게 발표주제를 바꾸었다. 사슴은 치타가 쫓아올때 가장 빠르다. 적당한 스트레스는 엄청난 집중력을 만들었고 나는 'SEO에 효율적인 HTML작성법' 이라는 문서를 작성하고 잠자리에 누웠다. 자고 일어난 후, 배포를 했고 다행히 수정사항이 크게 없어 일하는 동안 발표준비를 했다. 괜히 긴장되어 심장이 벌렁벌.. 2022. 2. 25. 이전 1 2 3 4 ··· 25 다음 반응형
