이번 글에서는 tsconfig에서 사용할 수 있는 몇몇 옵션들을 알아보고자 한다.

수동배포 할 때는 잘 돌아가던 동네북이 갑자기 이상한 에러를 뱉는다. NosuchKey. The specified key does not exist.

사랑해 webp..! 💗

동네북 프로젝트를 진행하면서 이미지 리사이징 로직을 추가했었는데 시간에 쫓겨 제대로 이해하지 못하고 진행했던 것 같아서 리팩토링을 진행해보았다.

클라이언트가 서버로 이미지 파일을 전송하고 서버는 S3 스토리지에 해당 이미지파일을 저장하는 로직을 프로젝트에서 진행중인데 파일의 용량이 그대로 전달되어 서버 운영상 리소스가 많이 차지하게 되어 비용부담이 커지는 문제가 있었다.

프로젝트 진행중 이미지를 서버로 업로드하기 위해 formdata를 전송해야 하는 상황이었다.

"react-hooks/exhaustive-deps" 규칙은 효과 후크에 누락된 종속성이 있을 때 경고를 띄운다. 경고를 없애려면 useEffect 내부의 함수 또는 변수 선언을 이동하고 렌더링할 때마다 변경되는 배열 및 개체를 메모화하거나 규칙을 비활성화해야 한다.

redux-toolkit을 공부하면서 이전에 redux를 이용해 만들었었던 프로젝트를 redux-toolkit으로 리팩토링해보았다. 아이템을 장바구니에 추가하면 알림이 떴다 사라지는 기능을 구현 중에 아래와 같은 에러가 나타났다.

점점 끝을 향하고 있는 부트캠프 과정..

CORS(Cross Origin Resource Sharing)는 다른 Origin으로 요청을 보내기 위해 지켜야 하는 브라우저 상의 규칙이다.

CI/CD는 애플리케이션 개발 단계를 자동화하여 애플리케이션을 보다 짧은 주기로 고객에게 제공하는 방법이다.

Lighthouse는 다양한 지표를 이용하여 사이트를 검사하여 성능을 측정하고 그에 대한 개선책도 제공해준다.

프론트엔드 웹 개발에서 `최적화`는 주어진 조건 하에 최대한 빠르게 화면을 표시하도록 하는 것이다.

백준 선생님께서 서준이 아빠 어쩌고 하면서 쉬운 척하면서 어려운 문제를 내주셨다.

병합정렬 알고리즘은 천재만재 폰 노이만 선생님께서 1948년에 최초로 작성하신 알고리즘이다.

Webpack은 여러 개의 파일을 하나의 파일로 합쳐주는 모듈 번들러이다.

현실 세계의 자료들을 object와 array만으로 관리하는 것은 한계가 있기 때문에 map과 set이 등장하게 되었다.

섹션 3는 지금까지 해왔던 섹션들과는 전혀 다른 느낌의 섹션이었다.

가장 쉬운건 그냥 환경변수명 앞에 `REACT_APP_`을 붙여 사용하는 것이다.

Number.prototype.toFixed() 메서드에 대해 알아보자.