엑스포 도착 업체의 갯수는 많지 않은편인듯. world it 쇼가 이거의 대충 3배는 될듯 간단하게 인상 깊었던 업체들만 올려서 리뷰하겠다. 돼지 관리 ai. 체중 정보 관리랑 재고관리를 해준다고 한다. OCR이용해서 돼지들 구분해서 재고관리하는 듯하다. 사람처

작업하다보면 refresh를 통해서 기존에 있던 state을 초기화 해야하는 상황이 생긴다. 이럴경우 기존엔 refresh function을 하나 만들어서 일일히 state을 initial state으로 만들곤한다. 근데 이럴 경우 새로운 스테잇 추가되면 refresh

\_\*\*문제점: pull request를 통해 받을 때 컨플릭이 일어남. 그리고 마지를 해야하고 컨플릭을 해결하는 당사자가 해당 코드를 짜지 않아서 어떤게 맞는 건지 헷갈림. 즉 pr 올리는 사람이 feature를 올리기 전에 마지를 시도하고 컨플릭을 해결하고 올려

로그인 이후 일정 시간이 지나면 자동으로 로그아웃 하게 하는 기능을 구현해보겠다.

next js https://velog.io/@devstone/Next.js-100-활용하기-feat.-initialProps-webpack-storybook

When we use dynamic url or more than two depth url, the removeCookie doesn't work. In the condition that if we access to the page by the URL. Not by t

A closure is the combination of a function bundled together (enclosed) with references to its surrounding state (the lexical environment). https:

Custom hook looks like a function. However custom hook have its own variable keeps its own state. It is very useful in developing.For example, we can

If we want to scroll to specific element in react, we used to use useRef and scrollIntoView. Below code is the sample of the scrollIntoView in reactHo

storybook을 이제 적용시켜보려고 yarn storybook 을 해봤는데 이런 에러가 뜬다.\[ESLintError: eslint Plugin "react" was conflicted between ".eslintrc.js" and "BaseConfig » /no

개발을 하다보면 연속된 if문으로 인해서 혼란스러울 때가 있다. 이게 정확히 어떤 조건을 나눈 분기 처리인지 처음 짤 때는 이해 할수 있으나 나중에 시간이 좀만 지나면 이해하기 힘들다. 심지어 나도 그런데 남이 나중에 보았을 때 과연 분기를 제대로 이해할 수 있을까?

페이지네이션에는 크게 cursor기반 페이지네이션과 offset기반 페이지네이션이 있다. 지금 진행중인 프로젝트에선 offset기반으로 페이지네이션을 하고 있으니 그것부터 다루겠다. 지금 부터 다루는 기준은 antdesign table에서의 pagination이다.

개인적으론 이 책에서 가장 인상적인 리펙터링이다. 파이프라인으로 안한 것 빼고는 그냥 평범해보이는 for 문이다. 그러나 저자는 이러한 for 문이 두 각기 다른 개체를 한번에 연산하는 것에 대해 문제를 삼는다. 언뜻보면 for문이 두번 반복되기 때문에 중복되는 연산이

반복문을 파이프 라인으로 바꾸기위의 코드가 지금 회사 다니기 전 코드이다. 이 코드를 functional하게 바꾸면으로 바꿀 수 있다. 가장 큰 장점은 input 객체가 파이프라인을 통해서 어떻게 변환되는지 직관적으로 알 수 있다.

8장 사용하지 않는 코드는 지워라추후에 필요해진다면(추측성 일반화) 버전 관리 시스템(github)을 사용해라파이프라인 활용 무엇을 하는지 명시적으로 확인 가능Everage 를 for 문으로 구하는 것보다 reduce를 활용하는게 무엇을 하는지 명시적으로 확인 가능하다

이런 데이터가 있다고 하자. 그런데 이걸 2개씩 어레이에 담긴 어레이 객체로 바꾸고 싶다. 즉 이렇게 만들고 싶다. 그렇다면 어떻게 해야할까? 1\. 첫번째 방법 두번째 방법무엇이 더 프로그래머틱 해보이는가? 간단해 보이는 건 첫번째 방법이다. 그런데 이게 간단한 로직

넥스트 js에서 제공하는 next/image는 사용하기 까다롭다. width, height, layout 조건등이 다 맞아야 사용가능하다. 그래서 우리는 기존의 말랑말랑한 img태그를 사용하고 싶다. 그렇다면 next-images를 사용하면된다(https://

블록체인 송금 시스템 중 하나인 metamask를 활용해서 작업해달라는 고객의 요청에 metamask api 로 이더리움 송금 결제를 작업하였다. 그렇게 어려운 작업은 아니었다. 문제되는 부분은 내가 이 이더리움 송금이나 wallet에 제대로된 개념이 없어서 실수하지

이제 퍼블리싱이 끝나서 서버를 이번 휴일이 많이 붙어있는 일주일동안 붙여야 한다. 기존에 사용하던 graphql, apollo를 next.js에 활용하고자 한다. 기본적으로 내가 개발하는 서비스는 request에 따라 유동적인 요소가 없기 때문에 getStaticPro