React6 React + RESTful API로 이메일 인증 구현 안녕하세요! 이 튜토리얼에서는 전자 메일 + 암호에 의존하는 인증 시스템을 설정하는 방법에 대해 알아보겠습니다. 프런트엔 리액트, 백엔드엔 Node.js를 사용할 예정입니다. 지원되는 워크플로우는 다음과 같습니다. 가입: 사용자가 로그인에 사용할 자격 증명을 제출합니다. 사용자가 전자 메일을 확인합니다. 이제 로그인할 수 있습니다. 로그인: 사용자가 전자 메일/암호 제출 사용자가 존재하는 경우 세션이 작성되고 기본 정보가 표시된 페이지로 이동합니다. 사용자가 페이지를 새로 고칠 수 있으며 여전히 로그인되어 있습니다. 로그아웃: 사용자가 세션을 취소하여 로그아웃을 요청할 수 있습니다. 우리의 디렉토리를 설정하자. 다음을 실행합니다. mkdir email_auth_tutorial && cd email_aut.. 2022. 1. 19. 대규모 프런트 엔드 코드베이스에서 모든 i18n 키를 다시 쓰는 중 저와 제 팀은 흥미로운 도전을 받았습니다. 우리는 모든 i18n 변환에 대한 진실 출처를 하드 코딩된 JSON 파일에서 인기 있는 제3자 국제화 서비스인 구에서 가져온 자동 생성 JSON 파일로 변경하는 과정에 있었다. 도전은 다음과 같습니다. 또한 이번 기회에 코드베이스의 번역 키를 보다 깨끗하고 쉽게 추론할 수 있도록 완전히 다시 작성하기로 결정했습니다. 이 업무는 상당한 팀워크가 필요했고, 제 동료 개발자들 중 몇 명은 이 업무의 다른 면을 맡았습니다. 이 기사에서는 주로 이 작업에 대한 제 작업과 그 작업에 투입된 몇 가지 영리한 자동화에 대해 말씀드리겠습니다. 하지만 먼저 내 손에 떨어지기 전에 무슨 일이 있었는지부터 살펴보죠 저희 팀의 개발자 중 두 명은 500개 미만의 기존 번역 키를 통해 .. 2022. 1. 19. React: 더 나은 코딩 방법 플랫아이언 스쿨 오랫동안 웹 애플리케이션을 코딩하는 방법은 손으로 모든 DOM 요소를 만드는 방법밖에 없었습니다. 저는 최근에 리액트라는 프레임워크를 사용하는 좀 더 선언적인 프로그래밍 방법을 알게 되었습니다. 또한 React는 코드를 디버그하는 것을 더 쉽게 만들 뿐만 아니라 코드를 더 짧고 읽기 쉬우며 코드에 대한 고통을 줄여줍니다! 리액트에는 몇 가지 놀라운 기능이 있지만, 그 부분을 다루기에 앞서 리액트로 코딩하는 것은 당신의 바닐라 자바스크립트로 코딩하는 것과는 매우 다를 것이라고 말해야 합니다. 리액트는 자바스크립트의 확장판인 JSX를 사용하기 때문이다. 특징들 이미 작업한 React의 두 가지 주요 기능은 다음과 같습니다. 선언적 구성요소 기반 선언적 명령형 프로그래밍과 선언형 프로그래밍이라.. 2022. 1. 12. Apaitu Async Waiting, Promise, Callback — Handling Asyncronus javascript #1. 안녕하세요, 비주여기… 베베라파 개발자 멍킨 마시 케빙궁안 멘게나이 카라 핸들 단은 비동기크론 기능, 칼리이니 아칸 멤버리칸 펜젤라산 세카라 세데르하나를 소비합니다. Asyncronus secara sederhana sebuah sebuah concep dimana program akan menjalankan perlanjutnya tanpa menunggu kembalian perintah saati, silahkan baca lebih lebih lanjuth disuh disuh dis. 비동기 테르다팟 두아 마카암 야크니 멍구나칸 콜백 단 프로미스 처리. 콜백 아달라 수아투 페망길란 펑시 켐발리, untuk conto sederhana 마리 키타 디 코데 베리쿠트. Pertama kita memb.. 2022. 1. 11. 내가 자바스크립트를 좋아하는 4가지 이유 나는 자바스크립트로 일하는 게 너무 좋아. 자바스크립트가 무슨 뜻이죠? 리액트 JS? TypeScript? 아니요. 저는 주로 바닐라 자바스크립트로 작업하는 걸 좋아해요. 프레임워크, 라이브러리 등은 필요하지 않습니다(최소한의 프레임워크만 있으면 됩니다). 근데 왜 나는 평범한 바닐라 JS를 그렇게 좋아할까? 기본적으로, 동적이고 해석된다는 것으로 요약됩니다. 이 언어를 사용하는 다른 모든 것을 배우기 전에 먼저 이해해야 한다는 사실, 웹의 언어이며 화살표 기능은 매우 간단합니다(그리고 나중에 논의해야 할 다른 이유). 몇 가지 세부 사항에 대해 더 자세히 살펴보겠습니다. 1. JavaScript는 동적이며 인터프리터링됩니다. 겉으로 보기에는, 자바스크립트는 웹사이트를 더 상호작용적으로 만들기 위해 사용.. 2022. 1. 4. 응답 NextJS Instagram UI 클론 생성 - 프로파일 페이지 6부 이 기사에서는 불플래시 이미지를 게시물로 가져올 것입니다. 클라이언트 키 가져오기 플래시되지 않은 개발자로 이동하여 "앱"을 클릭하면 "액세스 키" 및 "비밀 키"가 있습니다. .env.local 생성 클라이언트 키가 123456이라고 가정한 다음 .env.local 파일 내에 다음을 입력합니다. NEXT_PUBLIC_client_id=123456 서버를 재시작해야 작동합니다. API 사용 언플래시 API를 사용하려면 axios 를 사용해야 합니다. yarn add axios 그 후, 우리는 상단에 있는 공리를 수입합니다. import axios from 'axios'; 데이터를 가져오려면 useEffect with axiosis를 사용합니다. useEffect(() => { console.log('NE.. 2021. 12. 29. 이전 1 다음
