목록JavaScript (192)

Enjoy Programming

Iron session

https://github.com/vvo/iron-session GitHub - vvo/iron-session: 🛠 Node.js stateless session utility using signed and encrypted cookies to store data. Works with N 🛠 Node.js stateless session utility using signed and encrypted cookies to store data. Works with Next.js, Express, NestJs, Fastify, and any Node.js HTTP framework. - GitHub - vvo/iron-session: 🛠 No... github.com 기존 jwt 토큰은 암호화 되지 않는다. 이..
JavaScript/Node.JS 2022. 5. 15. 22:48
[es6] spread clean code 기록용

위의 코드를 es6의 문법을 활용하여 줄여보자 한번 더
JavaScript 2022. 5. 10. 21:58
broadcastChannel API

역시 오랜만에 글을 올린다. 런칭전 너무 많은 변화가 생겼고 거의 리뉴얼 수준으로 작업이 이루어졌다... 거의 끝났다. 작업을 진행하며 한가지 문제가 된 부분이 있는데 브라우저에서 로그인시 해당 상태가 다른 탭에 공유 되지 않는 현상이었다. 물론 새탭으로 열면 app의 상태는 공유 되어 있다. 하지만 로그아웃시? 또는 두개의 탭이 열린 상태에서 로그인시? apollo의 loggedinVar가 지속적으로 읽혀지고 있어서 새로고침으로 앱을 다시 시작하지 않으면 해당 상태는 역시 공유 되지 않았다. 우선 급한데로 apollo authLink에서 로그인 상태를 token의 유무에 따라 조정을 해줬다.. 이 경우 session의 상태에 따라 api호출시 로그인 상태가 결정되므로 즉각 반응은 아니지만 api호출 이..
JavaScript 2022. 3. 23. 06:08
react-hook-form error setting

회사 프로젝트가 거의 마무리 되어 간다. 일단 베타 런칭은 시작되었고 요즘은 업데이트 및 수정보완 과 새 기능을 추가 하고있다. 이제 곧 다른 서비스 개발도 준비를 해야하는데~~~ 일이 늘어난다 ㅋㅋ 간만에 포스팅인데 뭘 할까 하다가 그냥 가장 지저분 해 보였던 회원가입 validation error 로직 수정을 살짝 다뤄 볼까한다. 일단 서비스 법인 회원 가입의 경우 각종 중복확인 및 validation이 엄청 많다. 유저가 기입할 필드만 13개 정도 되니까.. 거기다 국세청 api를 통해 사업자 인증도 진행 한다. 위에 이메일 에러 로직의 일부만 발췌한 것인데.. 저게 다가 아니고 setError까지 하면 엄청많은 error 가 띄어진다.. 코드가 너무 조잡하다... 기획에서도 모든 error를 보이..
JavaScript/React 2022. 1. 11. 22:26
[Quill] 게시글 수정 컴포넌트 재활용

회사 프로젝트 중 필자가 게시판을 전담해서 맡아서 완료했는데 아직 미완성인 부분이 임시저장 기능과 글 수정 기능이었다. 그동안 다른 파트 회원가입 마페이지 운임제 조회 등등 기능을 만드느라 뒤로 미뤄왔는데 이제 곧 런칭이라 급하게 수정기능을 만들었다. 기존에 고민이었던 부분은 수정페이지를 url을 하나 더 만들어서 하느냐 아니면 해당 페이지에서 컴포넌트 전환으로 만드느냐를 고민했는데 게시판이 많다보니 각 게시판마다 수정페이지를 만드는 것은 router가 지저분해 보여서 그냥 boolean state하나로 수정 버튼 클릭시 기존 board write를 재활용해서 보여주는 것으로 대체했다. 그리고서 board detail에서 받은 postdata와 수정 취소 setStateAction을 props으로 전달해..
JavaScript/React 2021. 12. 20. 14:41
두개의 배열을 비교해서 정확히 같은 값일때 true false 반환하기.

최근 같은 프론트 개발자 동료가 데이터 필터를 하는데 어려움을 겪고 있어서 무언가 봤더니 두개의 array를 비교해서 정확히 같은 값을 가질때만 callback을 하고싶다고 하는 것이다.. 음 한번 만들어보자 싶어서 만들어 봤다. 먼저 bool이란 함수를 하나 만들어서 비교군이 될 arr2와 기준이 될 array의 개별 요소 인자로 받아준다. 그리고 arr2에 해당 item인자가 있는지 확인하고 없으면 false를 반환하고 있다면 true를 반환한다고 해준다. 그리고 실제 체크를할 함수를 하나 더 만드는데 여기에는 각각의 array가 인자로 들어가게 된다. 그럼 기준이 되는 array 를 map을 이용해 bool함수에 대입해주고 비교 대상을 인자로 넣어준다. 아 그리고 정확히 같으려면 위는 빠졌으나 각각..
JavaScript 2021. 12. 5. 16:44
이전 Prev 1 2 3 4 5 6 ··· 32 Next 다음