본문 바로가기

전체 글4

[Hyperledger Fabric] test-network.sh up 명령어 실행 시, unknown shorthand flag 로 인해 실행이 되지 않음 현상 ./network.sh up 명령어를 실행해도 네트워크가 생성되지 않고, 정상적으로 커맨드가 완료됨. 해결방법 설치된 Docker Desktop에서 Use Docker Compose V2의 체크박스를 해제한다. Docker Compose V2 를 사용하면 명령어가 바뀌게 되면서 그런듯..? Docker Compose V2 설명은 여기로.. 2022. 11. 14.
QR코드와 OTP로 인증 구현하기 QR코드와 OTP로 로그인을 할 수 있는 환경을 만들어봅니다. Intro 다른 팀에서 프론트엔드를 하는 동료가 귀찮고 번거로운 일을 얻어와서 끙끙거리고 있길래 언젠가 쓸 것 같아서 예제를 만들어두었다. 귀찮아귀찮아 😖 OTP(One-Time Password)란? OTP는 무작위 번호약속 알고리즘에 따라 매 시간마다 변경되는 추정 할 수 없는 비밀번호 생성을 이용하는 보안 시스템이라고 한다. 간단하게 말해서 일정시간마다 바뀌는 비밀번호이다. 흔히 은행에서 쓰는 토큰형 OTP를 많이 떠올릴텐데, 그거 맞다. 그리고 최근은 아니지만, 얼마 전에 회사에서 회사 이메일과 Jira 계정을 2단계 OTP를 걸어두라고 해서 Google Authenticator를 15일마다 쓰고있다. 아무튼, 이번에는 Google Au.. 2021. 5. 21.
[번역] Next.js 와 Prisma로 정적 웹사이트 만들기 이 글은 Static Sites with Next.js 9.3 and Prisma - Lee Robinson 를 번역한 글 입니다. 잘못 번역한 부분이 있다면 댓글로 알려주세요! 정적 사이트는 현재 인기가 있고, 그럴만한 이유도 있다. JAMstack은 기존 웹 앱의 매력적인 대안으로 등장했다. 정적 웹 앱은 다양한 장점이 있다. 큰 확장성 파일 호스팅 비용 절감 CDN에서 캐싱된 에셋을 제공하여 더 빠른 성능 서버나 DB의 취약점에 대해 걱정 불필요 보다 향상된 개발자 경험 - 복잡하지 않은 배포 프로세스 만약 동적인 부분이 필요하다면 어떻게 해야할까? Next.js 9.3으로 해결할 수 있다. Next.js 9.3 9.3 이전에는 Next.js는 주로 서버 사이드 렌더링 방식을 사용하는 리액트 앱에서.. 2021. 5. 10.
2021-05-10 네비게이션 1. 오른쪽 네비게이션 내용 추가 진짜 너무 귀엽다.. 2. 카테고리 네비게이션 current 값 변경 if ( window.location.pathname.indexOf($(this).find("a").attr("href")) != -1 ){ $(this).addClass("current"); } 이 테마의 기본 코드에서는 이런식으로 작성되어 있었는데, 이렇게 하니까 다른 카테고리를 클릭하면 홈 버튼은 항상 밑줄이 그어져 있다. if ( window.location.pathname.indexOf($(this).find("a").attr("href")) != -1 ){ $(this).addClass("current"); if ($(this).find("a").attr("href") === '/') { c.. 2021. 5. 10.