[Node] node.js로 로그인, 회원가입 구현하기 Sign-Up, Sign-In API(MVC 패턴)

프로젝트에서 가장 처음에 구현하는 기능 중 하나는 로그인과 회원가입입니다. 저도 마찬가지로 이 기능을 구현함으로서 전체 프로젝트의 API와 데이터 전송 스타일 등 API 호출할때의 틀을 먼저 잡는 것 같습니다. 그래서 오늘은 간단하게 구현했던 로그인, 회원가입 API를 기록해보도록 하겠습니다.  저는 Node.js로 사용하는게 처음이라서 기본적인 API를 구현하려고 합니다. 그래서 MVC 패턴을 사용해서 기능을 구현하려고 합니다. 이전에 포스팅했던 node.js 폴더구조과 동일하게 구현해보겠습니다.https://gamza1013.tistory.com/130 [Node] Node.js 백엔드 폴더 구조진행 중인 프로젝트가 Node.js로 백엔드 API를 만들고 있습니다. 현재 프로젝트에서는 기본적인 Res..

• format_list_bulleted 백/Node.js
• · 2024. 12. 17.
• textsms

[Node.js] Node와 Mysql 연동하기 쿼리문 사용법, node.js, 데이터베이스 연동(Mysql)

프로젝트에서 사용하는 DB는 Mysql을 사용하게 되었습니다. 흔히 프로젝트에서 DB와 연동하는 일은 한번쯤은 꼭 있습니다. 그래서 오늘은  기록용 겸 포스팅 겸 해서 올려보겠습니다.  저는 .env 환경변수 저장하는 파일 생성해서 DB에 접속하는 코드를 작성하도록 하겠습니다.  1. npm install mysql2npm install mysql2Node.js에서 MySQL 데이터베이스와 상호작용하기 위한 패키지입니다.mysql과 mysql2 가 있는데 mysql2이 계속 버전업 되고 있는 패키지입니다.(mysql2를 사용했습니다)   2. DB 연동하는 파일const mysql = require('mysql2/promise');console.log('db.js, ', process.env.DB..

• format_list_bulleted 백/Node.js
• · 2024. 11. 26.
• textsms

[Node] Node.js 백엔드 폴더 구조

진행 중인 프로젝트가 Node.js로 백엔드 API를 만들고 있습니다. 현재 프로젝트에서는 기본적인 RestAPI와 소켓통신도 해야하고 약 3가지 정도의 Open API를 사용할 예정입니다. 백엔드 개발은 자바로 해봤긴 했는데 자세하게 알고 있는 것은 아니기 때문에 자주 접하려고 합니다! 그래서 오늘은 프로젝트를 진행할 때 기본적으로 알아야 하는 백엔드 폴더 구조에 대해서 알아보겠습니다. 폴더구조를 알아보면서 바로 프로젝트에 적용해보도록 하겠습니다. Node.js 백엔드 API 폴더 구조(feat.챗GPT)project-root/│├── src/ # 소스 코드 폴더│ ├── controllers/ # 라우트 핸들러 로직 (비즈니스 로직)│ │ ..

• format_list_bulleted 백/Node.js
• · 2024. 11. 25.
• textsms

[React] 리액트 form 태그 라이브러리 사용하여 회원가입 구현 react-hook-form 사용하기

회원가입 기능을 구현하려고 했을 때 form 태그를 사용하면 필요한 데이터, 사용자가 입력한 데이터만 쏙쏙 빼서 데이터를 정제하고 서버로 전달할 수 있습니다. 매우 편리한 태그입니다. 이 태그를 react에 맞춰진 라이브러리를 찾아보다가 react-hook-form을 찾게 되었습니다.React Hook Form이라고 해서 React에서 자체 지원해주는 hook인줄 알았는데 아니에요. react-hook-form이라는 라이브러리를 install 해서 사용하는 겁니다. React의 장점 중 하나는 라이브러리의 세계가 넓습니다. https://react-hook-form.com/get-started Get StartedPerformant, flexible and extensible forms with easy..

• format_list_bulleted 프론트/React Native, React
• · 2024. 11. 24.
• textsms

[백엔드] Auth란 무엇인가, 세션(Session)과 토큰(Token)의 차이점

오늘은 Auth에 대해 알아보려고 합니다. 프로젝트를 혼자하다 보니 조금씩 지체되고 있는데 하루 빨리 진행해보고 싶네요. 지금은 프론트엔드 기본 컴포넌트들을 정리하고 있고 스토리보드까지 완료한 상태입니다.처음 진행할 내용으로 회원가입과 로그인이라 간단하게 Auth에 대해 알아보려고 합니다. 로그인과 회원가입은 '입력값이 동일하면 완료', '필요한 정보들을 입력하고 회원가입 클릭'하면 완료라고 생각했습니다. 그래서 '그냥 디비 접속해서 true, false, 값 저장만 하면 되지 않나?'라고 생각했습니다. 하지만 대학시절 어깨 너머 들었었던 auth와 firebase로 auth를 진행한 경험이 있는데 잘 알지 못하면서 사용했었고 면접에서도 해당 내용이 있었지만 잘 대답하지 못했던 경험이 있었습니다. 그래서..

• format_list_bulleted 백/백엔드
• · 2024. 11. 23.
• textsms

[카페] 목포 율포해수욕장 1분 거리 예쁜 카페, 대형 카페 보스 커피 (feat.귀여운 강아지)

안녕하세요!오늘은 IT도 좋지만 가봤던 카페 중에서 기억에 남는 카페를 적어보는 포스팅을 해보려고 합니다!올해 9월 말에 방문했던 곳입니다. 사진은 잘 못찍지만ㅎㅎ 급해서 잘 못찍었습니다ㅜㅠ갑자기 오전에 떠나는 장성, 보성 드라이브 겸 바다 보러 갔답니다. 엄마랑 단둘이 갔는데 바다 보고 카페를 찾다가 보스 커피 로 오게 되었습니다! 📌 정보 📌이름 : 보스 커피 Boss Coffee 보성장소 : 전남 보성군 회천면 우암길 27-57영업시간 : 매일 09:00 ~ 21:00 (20:30 라스트오더) https://map.naver.com/p/search/%EB%B3%B4%EC%8A%A4%EC%BB%A4%ED%94%BC/place/74246252?c=15.00,0,0,0,dh&placePath=%3Fe..

• format_list_bulleted 아무거나
• · 2024. 11. 21.
• textsms