-
React-Hooks-Form 톺아보기
안녕하세요, 똑똑한개발자에서 프론트엔드 개발을 하고 있습니다. 똑똑한개발자에서 사용하는 React-Hooks-Form을 간단하게 소개하려고 합니다. ‘톺아보기’ 라는 말을 오픈사전에서 찾아보면 가파른 곳을 오르려고 매우 힘들여 더듬다 틈이 있는 곳마다 모조리 더듬어 뒤지면서 찾다 정도의 의미로 볼 수 있습니다. 개발을 하며 겪는 모든 과정이 오류와 버그들을 ‘목표를 향해 가기 위해 매우 힘들여 더듬고, 모조리 더듬어 찾는’ 일련의 과정이라고 생각합니다. 그런 의미에서 오늘은 React-Hooks-Form을 톺아보도록 하겠습니다. 사용을 해봤지만, 많은 기능을 제공하고 있는 라이브러리이므로, 간단한 예제를 보신 후에 공식문서를 참고하시는것을 권해드립니다....
-
???: Django 쿼리 삼형제다!
들어가기에 앞서… 안녕하세요, 저는 베이비 개발자👶이자 이제 5달차가 되어가는 백엔드 개발자입니다. (요즘 밀고 있어요 응애) 저번 블로그 글에 이어 이렇게 또 다시 Django의 쿼리 관련 글을 쓰게 되었습니다. 저번 블로그 글과 연관성이 있기 때문에 저번 글도 읽고 오신다면 좋습니다.😉 [저번블로그글] 쿼리 함수는 돌아오는 거야 쿼리의 무서움을 느껴서 일까요? 쿼리 최적화를 위해 쿼리의 갯수 하나하나에 집착하게 되었습니다. 저: 쿼리가 하나… 줄었다… 으히히🥴 이럴 정도로 쿼리에 집착하며 코드를 짜고 있는데요(실제로는 이렇지 않습니다)(진짜로정말로) 그렇다보니 select_related와 prefetch_related, 그리고 Prefetch는...
-
리액트 어플리케이션의 상태 관리하기
안녕하세요, 똑똑한개발자에서 프론트엔드 개발을 하는 이호균입니다. 리액트를 사용하여 어플리케이션을 만들다보면 자연스럽게 상태 관리를 하게 됩니다. 대개 redux, mobx와 같은 상태 관리 라이브러리를 이용하여 전역 스토어에서 모든 상태를 관리합니다. 예를 들면 이런 것들을 스토어에 저장합니다. ui 테마 폼 입력 데이터 사이드바 상태 그 외 서버로 부터 받아온 데이터 등등 이 모든 상태를 전역 스토에서 관리하는게 적절할까요? 상태를 관리하는 더 좋은 방법은 무엇일까요? state란 무엇인가 상태 관리를 하는 방법에 대해서 이야기하기 전에, 우선 상태가 무엇인지 알아보겠습니다. React...
-
React-Select 라이브러리 소개
우리가 많이 사용하는 Select 라이브러리 [[React-Select 라이브러리 링크] (https://react-select.com/home)] 우리가 React에서 Select 컴포넌트를 구현할려고 할 때 에는 div를 이용해서 만들 수 있고, React-Select를 이용해서 만들 수 있습니다. 우선 div로 만든 Select 부분 코드입니다. <> <AutoCompleteInputWrap> <BoxInput placeholder="응모상품명 입력" label="응모상품명" focus={(e: boolean) => setFocus(e)} value={text.slice(0, 99)} onChange={(e: any) => { setTextLength(e.target.value?.length); setText(e.target.value); }} /> <AutoCompleteCustomText style=> {textLength}/100자 </AutoCompleteCustomText> </AutoCompleteInputWrap> <div style= > {focus && text.length > 0 && autoCompleteData.length > 0 && ( <AutoCompleteWrap> {autoCompleteData.map((cur: string,...
-
좋아보이는 디자이너 포트폴리오
‘똑똑한개발자의 디자이너를 채용합니다.’ 4월, 똑똑한개발자에서 드디어 디자이너분들을 새롭게 채용할수 있게 되었습니다. 현재 똑똑한개발자에는 수지님과 저, 두명이 디자이너로 일을 하고있다보니 지원해주시는 디자이너분들의 포트폴리오를 직접 검토해 볼 수 있는 기회가 생겼습니다. 그러다보니 좋아보이는 포트폴리오들의 기준이 생기게 되었는데요…이 기준을 바탕으로 제 포트폴리오를 다시 보니 단점들이 마구 보이기 시작했습니다..!저는 이번 기회를 바탕으로 저의 포트폴리오를 업데이트하고 싶은 의지가 [열정!열정!열정!] 생겨버렸죠! 포트폴리오를 업데이트하기전에 어떤 포트폴리오가 좋아보였고 저의 포트폴리오는 어떻게 수정되어야 할지를 텍스트로 먼저 정리하고 싶었습니다! 그리고 이 내용을 여러분들과 공유해보려고 합니다...