전체 글
-
Next Image 똑똑하게 사용하기(feat. Vercel Deploy)Next.js 2022. 10. 24. 18:56
1. 개요 웹 사이트를 제작할 때 로딩 속도와 퀄리티에 있어 가장 중요한 부분은 이미지라고 생각합니다. 너무 낮은 화질의 이미지를 사용할 경우 로딩 속도는 빨리질 수 있지만 사이트의 전체적인 퀄리티는 무척 낮아 보이는 문제가 발생하며, 이미지가 너무 높을 경우 이미지를 로딩하는데 긴 시간이 걸려 레이아웃 쉬프트가 발생하거나 사이트의 전체적인 로딩이 늦어질 수 있습니다. 그렇기 때문에 웹 사이트를 제작한 뒤 최적화를 진행할 때 가장 먼저 진행해야 되는 부분이 이미지를 최적하는 것이라고 생각합니다. 이번 글에서는 Next를 사용하는 데 있어 제가 이미지를 최적화하는 방법에 대해 소개하겠습니다. 2. Web에서 주로 사용하는 이미지 형식 JPEG : 가장 널리 사용하는 파일 형식으로 거의 모든 브라우저에서 ..
-
Github README를 꾸미기 위한 잘 안 알려진 사이트 소개Git 2022. 10. 14. 16:56
1. readme.so readme.so Use readme.so's markdown editor and templates to easily create a ReadMe for your projects readme.so 깃허브 README를 작성 시 Preview를 실시간으로 확인하며 다양한 예제와 Section별로 Github을 꾸밀 수 있는 사이트입니다. 2. OPGC: Over Programmed Good Coding OPGC: 개발자 랭킹 사이트 개발자 랭킹 사이트 OPGC 입니다! opgc.me 깃허브를 등록하면 내 Github랭킹을 확인할 수 있는 사이트로 README에 적용할 수 있는 링크를 간편하게 제공합니다.
-
더 시스템 THE SYSTEM 거의 모든 일에 실패하던 자가 결국 큰 성공을 이루어낸 방법 - 스콧 에덤스서평 2022. 10. 10. 18:47
거의 모든 일에 실패하던 자가 결국 큰 성공을 이루어낸 방법 이 책의 원래 제목은 오히려 책의 부제목입니다. 그렇기 때문에 이 책에서 저자는 자신의 경험을 바탕으로 자신의 실패했던 일들과 이를 어떻게 극복해 나갔는지에 대해 설명하고 있습니다. 개인적으로 한국에서의 제목인 시스템 이외의 내용도 무척 좋았지만 이번 글에서는 이 책의 핵심 내용에 대해서만 설명하겠습니다. 이 책은 많은 사람들이 이야기하는 내용에 대해 반박하는 내용입니다. 꿈(목표)을 가지고 열정을 불태워 노력하면 목표를 이룰 것이다. 많은 사람들 그리고 많은 책에서 이야기하는 내용입니다. 목표를 가지고 열정을 불태우는 것은 분명 좋은 일이지만 이는 영원할 수 없고 계속 목표를 설정해야 하기 때문에 결국에는 실패로 도달할 수밖에 없다고 말합니..
-
React 디자인패턴React 2022. 10. 7. 15:30
1. Data 관점1. MVC제작시기 : 1979.12.10제작회사 : XEROX PARC제작 목적 : MVC의 기본 목적은 사용자의 멘털 모델과 컴퓨터에 존재하는 디지털 모델 간의 차이를 연결하는 것입니다.특징ModelViewController로 구성됩니다.Model : 순수 데이터 모음입니다.View : 시각적 요소로 Model에 데이터를 요청합니다.Controller : 사용자와의 상호작용을 담당합니다.2. MVVM제작시기 : 2005.10.08제작회사 : Microsoft제작 목적 : MVC를 현대 UI 개발 플랫폼에 맞게 제작됐습니다.특징ModelViewViewModel로 구성됩니다.Model, View : MVC에서와 동일합니다.ViewModel : Controller에서 좀 더 UI 측면으로..
-
개발자를 위한 Mac 추천 프로그램 7가지Etc Tip 2022. 10. 5. 16:53
1. Homebrew(https://brew.sh/index_ko) 윈도우를 사용하는 경우에는 주로 사이트에 방문해 exe 등의 설치 파일을 다운로드하여 설치하는 게 보통이지만 homebrew를 설치하면 간단한 커멘드로 쉽게 패키지들을 다운로드하고 실행할 수 있습니다. 윈도우를 오래 사용한 사람이라면 처음에는 이런 방식이 불편할 수도 있겠지만 익숙해진다면 다시 돌아가고 싶지 않을 정도의 만족감을 주는 프로그램입니다. 또 아예 설치 자체를 command-line으로만 지원하는 패키지들도 있기 때문에 개발을 위해 Mac을 사용한다면 언제라도 꼭 설치할 때가 오는 프로그램입니다. 2. iTerm2(https://iterm2.com/) iTerm2는 맥의 기본 터미널도 bash에서 zsh로 변경되었기 때문에 새..
-
Mac 추천 프로그램 6가지Etc Tip 2022. 9. 26. 17:31
1. Spectacle(https://www.spectacleapp.com) 윈도우를 사용한 사람이라면 깔끔하게 분할화면으로 사용하던 것이 익숙합니다. 스펙타클은 Mac에서 단축키를 이용해 화면 분할을 이용할 수 있도록 지원해 주는 프로그램입니다. 이와 비슷하게 마그넷 애플리케이션이 있는데 2000원대에 할인할 때 구매하는 건 괜찮지만 개인적으로 9900원에 구매하기에는 아쉬운 애플리케이션이라고 생각합니다. 2. Alfred(https://www.alfredapp.com/) 맥을 사용하는 사람이라면 cmd + space를 누르면 나오는 Spotlight가 있기에 비슷한 기능인 알프레드는 더 빠른 검색 속도는 물론이고 그 이외에도 다양한 기능들을 무료로 사용할 수 있습니다. Powerpack이라는 유료 플..
-
당신의 뇌는 최적화를 원한다 - 가바사와 시온서평 2022. 9. 19. 17:53
- 정리 1. 도파민 : 의욕과 열정의 행복물질 행복물질이 팡팡 나오는 목표 달성 7단계 1. 명확한 목표를 세운다. 2. 목표를 이룬 자신을 구체적으로 상상한다. 3. 목표를 자주 확인한다. 4. 즐겁게 실행한다. 5. 목표를 달성하면 자신에게 상을 준다. 6. 즉시 '더 높은 목표'를 새롭게 세운다. 7. '1~6단계'를 반복한다. 도파민이 분비되면 행복해진다. 뇌에 보상을 주면 동기부여가 된다. 도파민의 보수 사이클을 돌려서 목표를 달성할 수 있다. 적당한 난이도의 작은 목표(마일스톤)를 설정하면 큰 목표를 이룰 수 있다. 목표를 달성한 자신의 모습을 생생하게 떠올려보자. 명확하게 상상할수록 실현 확률이 올라간다. 즐기면서 실행하는 것이 최고의 성공 비결이다. 목표를 달성하면 자신에게 상을 준다. ..
-
클루지(생각의 역사를 뒤집는 기막힌 발견) - 개리 마커스서평 2022. 9. 16. 13:51
- 정리 클루지라는 것은 어떤 문제에 대한 서툴거나 세련되지 않은 해결책이라고 한다. 클루지를 이겨낼 수 있는 13가지 방법 대안이 되는 가설들을 함께 고려하라 문제의 틀을 다시 짜고 질문을 재구성하라. 상관관계가 곧 인과관계가 아님을 명심하라. 여러분이 가진 표본의 크기를 결코 잊지 말라. 자신의 충동을 미리 예상하고 앞서 결정하라. 막연히 목표만 정하지 말고 조건 계획을 세워라. 피로하거나 마음이 산란할 때는 되도록 중요한 결정을 내리지 마라. 언제나 이익과 비용을 비교 평가하라. 누군가 여러분의 결정을 지켜보고 있다고 상상하라. 자신에게 거리를 두어라 생생한 것, 개인적인 것, 일화적인 것을 경계하라. 우물을 파되 한 우물을 파라. 합리적으로 되려고 노력하라. - 서평 이 책의 앞 6개의 목차는 모..