728x90
728x90
프로젝트에서 사용하는 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..
진행 중인 프로젝트가 Node.js로 백엔드 API를 만들고 있습니다. 현재 프로젝트에서는 기본적인 RestAPI와 소켓통신도 해야하고 약 3가지 정도의 Open API를 사용할 예정입니다. 백엔드 개발은 자바로 해봤긴 했는데 자세하게 알고 있는 것은 아니기 때문에 자주 접하려고 합니다! 그래서 오늘은 프로젝트를 진행할 때 기본적으로 알아야 하는 백엔드 폴더 구조에 대해서 알아보겠습니다. 폴더구조를 알아보면서 바로 프로젝트에 적용해보도록 하겠습니다. Node.js 백엔드 API 폴더 구조(feat.챗GPT)project-root/│├── src/ # 소스 코드 폴더│ ├── controllers/ # 라우트 핸들러 로직 (비즈니스 로직)│ │ ..
회원가입 기능을 구현하려고 했을 때 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..
오늘은 Auth에 대해 알아보려고 합니다. 프로젝트를 혼자하다 보니 조금씩 지체되고 있는데 하루 빨리 진행해보고 싶네요. 지금은 프론트엔드 기본 컴포넌트들을 정리하고 있고 스토리보드까지 완료한 상태입니다.처음 진행할 내용으로 회원가입과 로그인이라 간단하게 Auth에 대해 알아보려고 합니다. 로그인과 회원가입은 '입력값이 동일하면 완료', '필요한 정보들을 입력하고 회원가입 클릭'하면 완료라고 생각했습니다. 그래서 '그냥 디비 접속해서 true, false, 값 저장만 하면 되지 않나?'라고 생각했습니다. 하지만 대학시절 어깨 너머 들었었던 auth와 firebase로 auth를 진행한 경험이 있는데 잘 알지 못하면서 사용했었고 면접에서도 해당 내용이 있었지만 잘 대답하지 못했던 경험이 있었습니다. 그래서..
3주 연속 블로그 작성하려고 했는데 어제 정신이 없어서 못올렸네요,,,, 미리 써놨는데 아쉽네요ㅜㅠ 1. Mysql 웹 페이지 접속https://dev.mysql.com/downloads/mysql/ MySQL :: Download MySQL Community ServerSelect Version: 9.1.0 Innovation 8.4.3 LTS 8.0.40 Select Operating System: Select Operating System… Microsoft Windows Ubuntu Linux Debian Linux SUSE Linux Enterprise Server Red Hat Enterprise Linux / Oracle Linux Fedora Linux - Generic Oracle So..