패키지 매니저로 yarn을 사용하는데, 협업하는 과정에서 실수로 `npm` 명령어를 사용해서 `package-lock.json` 파일이 생성되는 경우가 종종 발생한다. 그때 마다 'npm 사용하지 마시고, yarn을 사용해주세요.'라고 말해야 하는 상황(시간이 지나서 또 package-lock.json 파일이 올라온다면...)을 피하고 싶다면 npm을 막고 yarn으로 강제하자. 3가지의 강제화 방법이 있다. package.json 파일의 scripts 속성의 preinstall 속성을 이용한 강제화 (추천)// package.json{ // ... 생략 "scripts": { // ... 생략 "preinstall": "node -e 'if(!/yarn\\.js$/.test(process...

오늘은 페이지 성능 최적화에 대해 알아보겠습니다. 페이지 성능 최적화는 웹 서비스에서 중요한 개념이자, 이후에 포스팅할 CSR(Client Side Rendering)과 SSR(Server Side Rendering), 그리고 SSG(Static Site Generation)를 설명하기 위해 필요한 개념입니다. 페이지 성능 최적화를 해야 하는 이유? 사용자가 사이트를 방문한 후, 아무런 요청을 실행하지 않고 떠나는 비율을 이탈률이라고 합니다. 위의 그래프를 보시면 알 수 있듯이, 페이지 로딩 속도에 대한 이탈률을 보면 로딩 시간이 3초가 걸리면 32%, 5초면 90%, 6초면 106%, 10초면 123% 라고 합니다. 2018년도 자료이니, 2020년도인 지금은 로딩 속도에 대한 이탈률이 더 증가했다고 ..

이 글은 Magdalena Siljanoska의 Yes, it’s npx, not npm — the difference explained 를 번역한 게시물입니다. Thank you Magdalena Siljanoska! Thanks to your writing, I can grow further as a developer. 나는 최근에 리액트를 배우면서 내가 잘 알고 있는 npm이 아닌 npx를 보고 혼란스러워했고, 많은 사람들이 혼란스러워하는 모습을 봤다. 우리들 중 일부는 그것이 이상하다고 생각했지만 별 생각이 없었고, 또 다른 사람들은 오타라고 생각하고 npm을 npx로 "고쳐서" 어려움을 겪었다. 몇번 더 이런 상황을 겪게 되니 이것에 대해 설명할 가치가 있다고 생각했다. 그래서 이 게시물을 작성..

이 글은 Charles Scalfani의 So You Want to be a Functional Programmer (Part 6)를 번역한 게시물입니다. Thank you Charles Scalfani! Thanks to your writing, I can grow into a better developer. 함수형 프로그래밍 컨셉들을 이해하는 첫 단계가 가장 중요하고 때로는 가장 어려운 단계다. 하지만 올바른 관점으로 접근한다면 그렇게 어렵지 않다. 이전 게시물 : Part 1, Part 2, Part 3, Part 4, Part 5 이제 어쩌지? 이 훌륭한 것들을 모두 배웠으니, 당신은 이렇게 생각할 것 이다. "이제 어쩌지? 이제까지 배운 것을 내 프로그래밍에 어떻게 적용시키지?" 사정에 따라 다..

이 글은 Charles Scalfani의 So You Want to be a Functional Programmer (Part 5)를 번역한 게시물입니다. Thank you Charles Scalfani! Thanks to your writing, I can grow into a better developer. 함수형 프로그래밍의 개념을 이해하기 위해 내딛는 첫걸음은 매우 중요하다. 매우 힘든 첫걸음이지만 올바른 관점으로 접근한다면 힘들어할 필요가 없다. 이전 게시물 : Part 1, Part 2, Part 3, Part 4 참조 투명성 참조 투명성은 순수함수가 표현식으로 안전하게 대체될 수 있다고 설명하는 멋진 용어이다. 아래 예제가 이해하는데 도움이 될 것이다. 대수학에서 다음 공식을 봤을 때, y ..

이 글은 Charles Scalfani의 So You Want to be a Functional Programmer (Part 4)를 번역한 게시물입니다. Thank you Charles Scalfani! Thanks to your writing, I can grow into a better developer. 함수형 프로그래밍의 개념을 이해하기 위해 내딛는 첫걸음은 매우 중요하다. 매우 힘든 첫걸음이지만 올바른 관점으로 접근한다면 힘들어할 필요가 없다. 이전 게시물 : Part 1, Part 2, Part 3 커링 Part 3의 마지막 부분에서 mult5 함수는 1개의 파라미터를 받았고, add 함수는 2개의 파라미터를 받았기 때문에 mult5 함수와 add10 함수를 합성할 때 문제가 발생했었다. 우..