메일바다라 웹페이지의 디자인을 업데이트했다. 예전부터 하고싶었지만 디자인 능력도 없고 딴거 한다고 바빠다는 핑계를 대고 내버려두고 있다가 그냥 처리했다. 메일바다라도 시작한지 1년 가까이 됐다. 처음 시작할 때부터 대충 하고 그만둘 프로젝트는 아니었지만 생각보다 나 자신이 오래 관리하고 있어서 대견하다. 처음 토이프로젝트를 시작했을 때는 프론트엔드를 시작한지 3개월차이기도 했고 디자인 능력따위 존재하지도 않았다.. 그래서 지금보기엔 엄청 구린 UI로 시작했다. 다 만들고나서 내가 보기에도 허접했지만 다시 만들기는 귀찮아서 이 상태로 1년 가까이 버텨왔다. 지금 다시봐도 진짜 너무 구리다.. 디자인을 다시 하기로 마음 먹고, 디자인도 공부할 필요성을 느꼈다. 그래서 원래 애용하는 Udemy의 강의..
npm의 xlsx 패키지 0.19.3 이전의 모든 버전이 취약점을 가지고 있다. Code Injection을 가능하게 하는 high 등급의 취약점을 가졌다고 한다. 이를 업데이트하기 위해서는 npm이 아닌 SheetJS 공식 문서를 따라야 한다. xlsx가 npm과의 법적 문제로 npm에서 퇴출.. 당했기 때문에 npm에는 0.18.5 버전까지 밖에 없다.. 다행히 버전을 업데이트해도 달라진게 없어서 수정할게 없었다. https://devhub.checkmarx.com/cve-details/CVE-2023-30533/https://docs.sheetjs.com/docs/getting-started/installation/frameworks/ Frameworks and Bundlers | SheetJS C..
"팀에는 그 팀의 크기에 걸맞는 아키텍처 또는 방법론이 존재한다." 최근에 드는 생각이다. 개발자가 1명인 조직과 5명, 20명, 100명인 조직의 문제해결방법은 다를 수 밖에 없다는 생각을 하게 됐다. 웹 클라이언트로 예를 들면, 웹 프론트엔드 개발자가 10명만 되도 프로젝트의 볼륨이 어마어마하게 커질 것이다. 관리하는 프로젝트의 개수도 많을 것이고 각 프로젝트의 크기도 클테니, 한 명의 개발자가 모든 프로젝트를 이해하는 것은 가히 엄두도 내지 못할 것이다. 여기에 새로운 기능을 추가한다고 할 때 얼마나 작은 기능을 구현하든간에, 무슨 사이드이펙트가 발생할지 예측이 쉽지 않을 것이다. 그래서 프로젝트 규모가 상당할 때부터 테스팅이 중요하다고 하는 것 같다. 특히 크리티컬한 결제 기능에서 이슈가 생기면 ..
읽은 기간: 2024.07.24 ~ 2024.08.03 지하철로 출퇴근할 때 뭘 읽을까 고민하다가 예전에 한 번 제목을 봤던게 생각나서 골랐다. 일전에 인간의 작동방식에 대해 궁금했던 적이 있다. 화가 나는 상황에서 머리 끝까지 피가 솟구치는 경험이나, 힘껏 달린 후에 숨이 가쁜 상황에서도 몸에 혈류가 돌면서 굉장히 상쾌함을 느꼈던 경험, 다이어트할 때 군것질을 자주하게 되서 스트레스 받았던 경험. 누구나 자신의 의지와는 별개로 몸에서 일어나고 있는 일들이 자신의 의식에까지 영향을 미치는 것을 경험한다. 나의 의지와는 별개로 몸의 컨디션이 정신까지 영향을 주어서 하루의 기분이 좌지우지 되는 것이 좋지 않았고 "왜" 그러는지가 궁금했다. 그래서 이번 기회에 "내 몸의 설계자, 호르몬 이야기" 책을 읽어보았..
1년에 한번 모집하는 OSSCA 멘티.. 3번째에 드디어 선발되서 활동을 시작하게 되었다. 근데 생각보다 퇴근하고나서 다른 프로젝트를 보기가 쉽지 않다;; 처음 써보는 gerrit 환경에, 팀원들이 서울에서 오프라인 미팅할 때 나홀로 부산이라 따라가기 조금 버거웠다. 그래도 디코 채팅 내역을 보면서 따라왔고 기여를 할 타이밍이 된 것 같아 코드를 수정하고 리뷰를 올리려던 그 때.. git review 가 안 된다. ❯ git reviewfatal: Upload denied for project 'portal/aiml-dashboard'fatal: Could not read from remote repository. 일단 멘토님에게 도움을 요청드려놓은 상태이다. 혼자 지방에 떨어져있다보니 소통이 원활히 이..
측정 환경구글 크롬 시크릿 모드랜덤한 시간대마다 Lighthouse Performence 측정 이미지 priority 적용 전 프로덕션 Lighthouse 8회 측정 결과: 평균 86.5이미지 priority 적용 후 프로덕션 Lighthouse 8회 측정 결과: 평균 92.625 결론- priority 만으로도 유의미한 개선이 된 듯하다.- 여유가 생기면, 이미지를 저화질로 교체해서 추가적인 퍼포먼스 개선을 이룰 생각이다. 회고?- lighthouse 측정을 랜덤한 시간에(생각날 때) 크롬 시크릿 모드를 켜서 측정하고, 이를 노션 표에 기록했는데 상당히 번거로웠다.- 이를 자동화시켜서 매일매일의 웹 퍼포먼스를 체크해서 기록해두면, 추후에 의미있는 매트릭으로 활용할 수 있지 않을까?
태그: #센디 #개발자url:날짜: 2024-07-20연결문서:7월 15일부터 현재까지 이미지 최적화에 대해 고민 중.배경 컨텍스트드라이버웹을 마이그레이션할 때, 재플린에서 png 이미지를 전부 3배수로 다운받아서 집어넣음.그래서 현재 프로덕션에서 이미지 최초 로딩이 꽤나 느리다.구글 크롬의 lighthouse 측정 결과로도 LCP가 많이 낮다.캐싱된 이미지를 불러오는 것은 빠르지만, 최초 로딩 속도가 느리기 때문에 이걸 개선하는 것을 목표로 한다.솔루션1 - 단순하게 저화질 이미지(2배수)로 교체한다.제일 깔끔한데 모든 이미지를 바꿔야하기 때문에 제일 귀찮다.솔루션2 - next/image의 priority 속성을 적용한다.페이지를 로딩했을 때 제일 먼저 보이는 가장 큰 이미지에 priority 속성을..
드디어 정규직 전환날이 다가왔다. 근데 뭐 인턴 떄랑 크게 달라질 건 없어서 별로 긴장되지는 않는다. 아직은 나의 역할과 책임이 더 커졌을 뿐이라고 생각한다. 다만 즐거울 것 같긴 하다. 어떤 일이든 내가 처리하겠다는 열정과 뭐든지 배워서 흡수하겠다는 욕심, 그리고 사회인으로 첫 발을 내딛는다는 설레임. 지금 이 신입으로서의 열정과 즐거움이 언젠가는 사그라들테지만, 지금은 이 기분을 즐기고 싶다. 하고 싶은 것은 몇 가지 정해놓았다. 우선 웹에서 사용하는 로깅 툴을 직접 래핑해서 프로덕션과 개발 모드를 분리하는 작업을 수행해보고 싶다. 그리고 현재 fetch api를 래핑해서 사용 중인데, 이거를 조금 더 디벨롭해서 모듈화하고 싶다. 기술을 벗어나서는, 센디와 센디 제품에 대한 전반적인 이해도를 높..
