One IT's Devlog

React와 관련한 글을 메일링서비스로 받아보던 중 이해하기 쉽고 clap 수가 높은 글을 발견해 번역해봤습니다. 원본 글에서 댓글을 통해 반박 내용이 있는데, 번역본에도 포함했습니다. 원본 글은 https://levelup.gitconnected.com/react-antipatterns-to-avoid-7134940f4f04 입니다. 리엑트(React)는 인터렉티브한 모던 웹앱을 만들기 위해 가장 많이 사용하는 프론트엔드 라이브러리입니다. 모바일 앱을 만들 때에도 쓸 수 있죠. 이번 글에서 우리는 리액트에서 피해야 할 안티패턴에 대해 알아볼 것입니다. 컴포넌트에서의 bind()와 함수들 우리가 리액트 class 컴포넌트에서 bind를 호출할 때, 우리의 props 안에서 반복적으로 부르지 않아야 합니다..

프론트엔드 개발/React - 2020. 7. 7. 10:33

윈도우 2020년 04월 기준 업데이트가 있었습니다. 하지만 맥의 스포트라이트처럼 윈도우의 검색기능(Windows Key + S)을 활발하게 사용하시던 분이 계신다면 이 업데이트는 잠시 보류하시는게 좋습니다. 맥(Mac) 스포트라이트를 닮은 윈도우의 Immersive Search! 해당 기능은 윈도우 레지스트리 편집기HKEY_CURRENT_USER\Software\Microsoft\Windows\CurrentVersion\Search 내용에서 ImmersiveSearch 변수를 추가하고 1을 할당하여 사용할 수 있는 기능이었습니다. 윈도우 키와 알파벳 S를 누르면 앱이나 웹 등을 바로 검색할 수 있는 화면이 뜨는 것이죠. 물론 테두리를 둥글게 하는 등의 다양한 방식으로 커스텀할 수도 있습니다. 윈도우 업..

IT 이야기/IT & Mobile 2020. 6. 1. 22:55

세줄요약이란 IT 관련기사나 글을 읽고 제 관점에 맞게 단 세줄로 요약해놓은 글입니다. 전체 글은 출처를 참조해주세요. 유료 회원제 서비스 출시하는 네이버 네이버가 네이버페이 포인트 적립을 추가로 주는 유료 회원제, 네이버 플러스 멤버십을 6월 1일 출시합니다. 뿐만 아니라 월 단위로 자사 콘텐츠 중 4가지를 골라 추가적인 이용 혜택을 준다고 합니다. (제 생각) 네이버가 자사 콘텐츠 생태계를 더욱 공고히 하기 위한 시도로 보입니다. 출처는 아래 플래텀 기사입니다. 유료 회원제 서비스 출시하는 네이버 - 'Startup's Story Platform’ 네이버가 유료 회원제 서비스인 ‘네이버플러스 멤버십’을 오는 6월 1일 출시할 예정이다. 네이버플러스 멤버십은 일정 비용을 낸 네이버 이용자에게 디지털 콘..

IT 이야기/IT & Mobile 2020. 5. 13. 20:41

애플이 아이패드 프로(4세대)를 공개했습니다! 코로나19로 전세계가 어지러운 이때, 애플은 조용하게 아이패드 프로를 공개했습니다. 본체보다 돋보이는 키보드 사실 아이패드 프로 자체보다도 가장 눈에 띠는 부분은 바로 각도조절이 가능한 키보드인데요. 마치 모니터 암(거치대)같이 아이패드를 공중에 띄워주고 각도조절도 가능한 키보드로 추측됩니다. 아이패드 공식 유튜브에서도 해당 키보드를 강조하는 모습입니다. USB-C 타입 충전포트를 탑재한 키보드 키보드를 자세히 보면 옆에 USB-C 타입의 포트가 보이는데 처음엔 혹시 허브나 데이터 송수신 포트로 사용할 수 있을까 했는데요. 공식 홈페이지에 의하면 충전만 가능한 것으로 보입니다. 이 점은 다소 아쉬운 부분이네요. 본격적인 마우스 지원 또 하나 주목할 점은 맥북..

IT 이야기/IT & Mobile 2020. 3. 18. 22:13

최근 프로젝트를 하면서 페이스북, 인스타그램 등 여러 트렌디한 서비스들이 쉼머라는 새로운 로딩 애니메이션을 도입하고 있다는 걸 알게 되었습니다. 관련해 UX 및 개발 자료를 찾으면서 쉼머에 관련된 한국어로 된 콘텐츠가 많이 없는 것 같아서 괜찮게 본 글을 번역해봤습니다. 의역이 포함되어 있고 원작자의 허가를 받고 번역했습니다. 원본 링크는 https://dev.to/dhilipkmr/the-loading-shimmer-29dc 입니다. Loading Shimmer를 접했을 때, 전 그게 웹 개발에 새롭게 도입된 끝내주는 기술이라고 생각했습니다. 하지만 Loading Shimmer는 이미 인터넷에서 많이 알려져 있었습니다. 느린 네트워크 접속 환경 때문에 DOM 로드에 시간이 걸릴 때면, 우리는 로딩 아이..

프론트엔드 개발/HTML & CSS - 2020. 1. 22. 01:27

반반택시 이용 후기와 무료 포인트 받는 방법에 대한 글을 써봤습니다. 포인트로 택시 공짜로 타는 법이 궁금하신 분은 여기를 클릭해주세요. 타다와 택시업계의 갈등으로 조용한 날이 없었던 2019년. 비교적 조용하게 틈새시장을 파고든 택시 앱이 있었습니다. 바로 둘이서 타면 택시비를 반으로 줄여준다는 반반택시! 서울에서 유일하게 합승이 허용된 택시어플이라 합법적으로 저렴하게 이용할 수 있어서 화제가 되었죠. 반반택시 자발적 택시 동승 중개 플랫폼 반반택시 banbantaxi.com 포인트로 반반택시를 실제 이용해보고 후기를 작성해봅니다. 저는 합승으로 이용해보지는 않고 일반 호출로 이용해봤습니다. 반반택시는 앱의 이름 때문에 합승만 가능할 것 같지만 카카오택시나 타다, 콜택시처럼 혼자서 탑승도 가능합니다. ..

IT 이야기 2020. 1. 15. 01:38

노션이 다 좋지만 이메일로 전송된 코드로 로그인하는 것이 불편하신 분 많으시죠? 이제 노션도 내가 정한 비밀번호로 로그인할 수 있습니다! 노션은 독특한 사용자 인증 방식을 택하고 있습니다. 아이디와 비밀번호라는 일반적 방식이 아니라 아이디 입력과 이메일 인증이라는 방식을 사용합니다.(참고로 이 방식을 사용하는 국내 서비스로는 Wanted가 있습니다.) 아이디와 비밀번호 입력에 익숙한 우리들에게 로그인을 할 때마다 이메일을 뒤져서 코드를 복붙 하는 것은 꽤나 번거로운 일입니다. 노션의 많은 기능이 좋지만 로그인 방식이 여전히 싫으신 분들도 많죠. 이런 분들에게 희소식이 있습니다. 이제 비밀번호 로그인도 가능하다는 점! 노션은 2019년 11월 22일 패치(Notion - What's New?)를 통해 비밀..

IT 이야기/Notion 2020. 1. 12. 17:06

노션을 반년정도 쓰면서 항상 주어진 날짜형식(date format)이 자유롭게 바꾸지 못하고 제한적이라 아쉬웠는데, 최근 노션의 날짜형식을 거의 자유롭게 바꿀 수 있는 방법을 알게 되어 정리해봅니다. 노션 Formula의 날짜 프리셋을 바로 보고 싶으신 분은 여기를 클릭해주세요. Date와 함께 Formula를 이용하면 거의 모든 형식으로 날짜를 표현할 수 있을 뿐 아니라, 아래 움짤처럼 유용하게 활용할 수 있습니다. 자유롭게 날짜형식 지정하기 노션의 기본 날짜 형식은 위 이미지처럼 5가지가 전부입니다. 그마저도 우리에겐 친숙하지 않거나 연도를 불필요하게 표시하기도 하죠. 이제 Formula를 이용해 날짜를 우리가 원하는 대로 바꿔봅시다. 예시로 1월 9일, 2020을 만들어보겠습니다. 클라이언트 개발(..

IT 이야기/Notion 2020. 1. 9. 01:45