전체 글
-
Next.js Image 태그 height auto로 사용하기 (update 13 version)Next.js 2023. 8. 4. 16:11
이 글은 next v13.4를 기반으로 작성되었습니다. Next 12 버전을 기반으로 height auto Image태그를 작성한 지 오래되지 않아 13 버전에서는 더욱 간단하게 사용할 수 있게 되어 소개하려고 한다. // AutoHeightImage.tsx import Image, { ImageProps } from 'next/image'; interface IAutoHeightImage extends Omit { width?: string | number; alt: string; } const AutoHeightImage = ({ width = '100%', alt = '', ...props }: IAutoHeightImage) => ( ); export default AutoHeightImage; ..
-
JavaScript에서 바로 사용하는 Tip 4가지Tip 2023. 8. 1. 15:20
1. Includes를 사용해 || 대체하기. ||는 JS를 활용한 개발을 하다 보면 정말 많이 사용하게 되는 없어서는 안 될 중요한 요소이다. 하지만 많은 것을 비교하는 상황이 된다면 오히려 코드의 가독성을 해치는 요소가 된다. 그럴 때 이 방법을 사용한다면 조금 더 가독성 좋게 사용할 수 있다. // ...other codes if ( isFirstLoading || isSecondLoading || isThirdLoading || isFourthLoading || isFifthLoading ) return 로딩 중... ; if ( [ isFirstLoading, isSecondLoading, isThirdLoading, isFourthLoading, isFifthLoading, ].includes..
-
심리학이 이렇게 쓸모 있을 줄이야 - 류쉬안서평 2023. 2. 17. 18:53
세상을 살아가는 데 있어서 심리학을 통해 더 나은 인간관계와 이해를 설명하는 책이었다. 글 자체도 예시를 통해 쉽게 읽을 수 있도록 되어 있고 각 장의 마지막에 간단한 요약이 있어서 한 번 더 복습하는 느낌을 받은 책이었다. 그중 특히 기억에 남는 부분들을 작성해 보겠다. 원활한 쌍방향 소통을 위한 긍정적 친화력을 위한 PEACE Positive : 긍정적인 태도와 표현 Engaging : 완전한 몰입 Authentic : 겉과 속이 같은 행동 Connection : 공통점을 찾으려는 적극성 Empathy : 상대를 이해하려는 공감의 자세 미루는 버릇 극복법 현재의 만족을 추구하는 원숭이 길들이기 :작은 목표와 성공에 대한 보상 빅 3 법칙 : 투 두 리스트를 작성할 때는 한 번에 3가지를 넘지 않도록 ..
-
IOS Safari WebView 화면 확대 막기Tip 2023. 2. 9. 15:08
IOS10 이하 버전에서는 간단하게 user-scalble를 꺼주는 것 만으로 확대를 막을 수 있었습니다. 하지만 이후 버전부터는 해당 내용으로는 막아지지 않습니다. 이제 적용할 수 있는 방법은 css에서 확대하는 동작 자체를 막아주는 겁니다. touch-action: pan-y; 가로 터치를 막아주어 화면 확대를 못하게 막아주는 방법입니다. 이제 사용자 임의로 확대 축소를 할 수 없기 때문에 모든 게 끝이라고 생각되겠지만 또 변수가 있습니다. 사용자가 설정한 최소 폰트 이하(default 16px)의 input, select를 선택 시 자동으로 확대되는 문제가 있습니다. 이 문제의 경우 input, select의 font-size를 무조건 16px 이상으로 설정하면 되지만 사용자가 임의로 최소 폰트 크..
-
역량 - 임춘성서평 2023. 2. 9. 14:45
결론부터 이야기하자면 큰 기대를 하지 않고 읽었던 책이었지만 읽어본 뒤에는 정말 추천할 수 있는 책이었다. 산업공학과를 전공한 교수가 역량이라는 분야에 대해 쉽고도 통찰력 있게 잘 설명하고 있는 책이었다. 각자 처한 상황에서 필요한 역량을 설명하고 역량들을 간결하게 묶어낸 부분에서 더욱 읽기 좋았던 책이었다. 두리뭉실하게 설명하는 자기 개발서들과 달리 설득력 있고 간결하며 명확하게 잘 설명했다는 생각이 드는 책이었다. 이 책에서 설명하고 있는 역량은 9가지다 분류 - 세상을 제대로 이해하는 것 지향 - 해야 할 일을 하는 것 취사 - 최대한 냉정하게 일의 순서를 정하는 것 한정 - 자신의 한계를 알아야 자신을 알게 되는 것 표현 - 무미하게 쓰고 건조하게 말하는 것 수용 - 이상한 것이 아니라 다양한 것..
-
트렌드 코리아 2023 - 김난도, 전미경 등저서평 2023. 1. 25. 18:36
평균 실종 : 양극화 현상을 뜻하는 것으로 개개인의 취향이 극단적으로 나타나는 현상입니다.(중간 실종) 오피스 빅뱅 : 코로나로 인해 재택근무, 하이브리드 워크, 자율출퇴근제와 같은 근무 제도와 프리랜서의 증가를 뜻합니다. 체리슈머 : 필요한 것을 조각내서 사는 조각 전략, 다른 사람과 함께 사는 반반 전략, 정기 구독 대신 필요할 때마다 재결제하는 유연한 관리와 같이 한정된 자원을 알뜰하게 소비하는 소비자입니다. 인덱스 관계 : 인스타 친구, 트위터 친구, 페이스북 친구, 실제 친구와 같이 사람 간의 관계를 다양한 인덱스로 나뉘는 현상입니다. 뉴디맨드 전략 : 구독, 후불, 렌탈과 같은 방식을 통해 사도록 유도하거나 정말 새로운 제품(ex. 신발 케이스)과 같이 사지 않고는 배길 수 없는 상품을 개발/..
-
먼저 연결하라(일의 세계가 즐겁게 바뀐다) - 멜라니 A. 카츠먼서평 2023. 1. 13. 19:13
책의 제목에서처럼 직장생활을 할 때의 팁에 대한 글로 관계의 중요성에 대해 설명하는 책이다. 책의 내용은 핵심 주제와 그에 대한 상세 주제들로 이루어져 있으며 어떤 사람들이 읽기 좋은지를 먼저 이야기하고 있어, 필요한 부분이 생겼을 때마다 꺼내보기 좋은 책이다. 사실 후반부의 경우 내 나이가 아직 어려서 그런지 크게 와닿지는 않았는데, 저자와 같이 영향력 있는 사람이 되어 찾아보는 것도 재밌을 것 같다는 생각이 들었다. 사실 책의 전반적인 내용은 흔히 우리가 알고 있는 내용이 많았지만, 아는 것과 사용은 다르다고 생각한다. 그런 의미에서 직장 생활이나 관계에서 어려움이 생겼을 때 꺼내보기에 좋은 책인 것 같다.
-
사업을 한다는 것 - 레이 크록서평 2023. 1. 10. 14:55
이 책은 맥도널드 가맹점을 창업한 레이 크록의 일대기를 다룬 책이다. 자기 개발서라기보다는 자서전에 가까운 책으로 대부분의 사람들에게 유명한 맥도널드 형제가 아닌 진짜 맥도널드의 CEO인 레이 크록이 그의 인생을 집필한 책이라는 점에서 시선을 끌었다. 이 책을 읽고 사업 방법을 배운다기보다는 마인드를 배울 수 있는 좋은 책이었다. 무려 53세의 나이에 맥도널드 체인 사업을 시작한 인물을 보며 많은 사람들이 가장 많이 하는 핑계인 '나이'에 있어서 만큼은 절대 하면 안 된다는 것을 보여준 것 같다. 무언가 새로운 것을 시작하려거나 하고 있는 사업 등에서 번아웃이 온 사람이라면 이 책을 한 번 읽어보는 것도 좋을 것 같다.