본문 바로가기

728x90

express

(8)
[React] React + Node.js로 사용자별 알림 기능 구현하기 (Notification System) [React] 실시간 검색 - debouncing 기능 구현하기 [React] 실시간 검색 - debouncing 기능 구현하기[React, Express] 서버 구현 및 데이터베이스 연결하기(REST API) [React, Express] 서버 구현 및 데이터베이스 연결하기(REST API)[EZ_Scheduler] - [React] 로그인 페이지 스타일링 [React] 로그인 페이지 스타일링📌juyear-coding.tistory.com이전 글 읽으러 가기! (실시간 검색 기능)🚩소개안녕하세요! 대학생 개발자 주이어입니다! 오늘은 React에서 사용자별 알림 기능을 구현하는 방법에 대해서 정리해보려고 합니다!Notification System, 즉 알림 기능은 우리가 평소에 자주 사용하는 기능입니..
[Express] GET 요청으로 유저 검색 기능 구현하는 깔끔한 방법(w. React) [React] 실시간 검색 - debouncing 기능 구현하기 [React] 실시간 검색 - debouncing 기능 구현하기[React, Express] 서버 구현 및 데이터베이스 연결하기(REST API) [React, Express] 서버 구현 및 데이터베이스 연결하기(REST API)[EZ_Scheduler] - [React] 로그인 페이지 스타일링 [React] 로그인 페이지 스타일링📌juyear-coding.tistory.com먼저 읽고 오면 좋은 글!🚩소개안녕하세요! 대학생 개발자 주이어입니다!오늘은 GET 요청을 이용하여 유저 검색 기능을 구현하는 방법에 대해서 정리해보려고 합니다.GET 요청을 보낼 프론트엔드는 React를 이용하여 만들어 주었습니다.⚙️ 클라이언트에서 유저 아이디 ..
[Express] MySQL로 깔끔한 로그인 인증 만들기 🚩소개안녕하세요! 대학생 개발자 주이어입니다! 오늘은 node.js와 MySQL을 사용하여 "로그인 인증"을 만드는 법에 대해서 정리해보려고 합니다. 로그인 인증은 유저 회원가입 및 로그인이 필요한 웹사이트라면 무조건 사용되는 기술 중 하나인데요. 이 기능을 mysql2/promise 모듈을 사용하여 비동기 처리를 훨씬 깔끔하고 가독성 있게 만들어보려고 합니다. ✅ mysql2/promise란?mysql2/promise는 기존 mysql2 라이브러리의 Promise 기반 API입니다.기존 방식이 콜백 함수 위주였다면, 이 모듈은 async/await로 사용할 수 있어서 에러 처리, 가독성, 유지보수 측면에서 훨씬 편리하게 사용할 수 있습니다.import mysql from "mysql2/promise"..
[Express] GET 메서드를 사용한 API 개발 [Express] 백엔드 개발 기본 설정 [Express] 백엔드 개발 기본 설정🚩소개안녕하세요! 대학생 개발자 주이어입니다. 오늘은 Node와 Express를 사용하여 서버를 개발할 때 필요한 라이브러리 다운 및 기본 설정에 대해서 알려드릴려고 합니다. 참고로 오늘 알려드리juyear-coding.tistory.com이전 글 보러가기🚩소개안녕하세요! 대학생 개발자 주이어입니다! 오늘은 Express를 사용하여 GET 요청 API 기능을 만드는 법에 대해서 적어보려 합니다! 서버 API 개발의 가장 기본인 GET과 POST 중 하나이니 이 글을 읽는 분들은 GET에 대해서 정확히 알고 가셨으면 좋겠습니다!❓GET이란?REST API에는 주로 다음 네가지 HTTP 매서드가 사용된다.GET: 데이터 조회..
[Express] 백엔드 개발 기본 설정 🚩소개안녕하세요! 대학생 개발자 주이어입니다. 오늘은 Node와 Express를 사용하여 서버를 개발할 때 필요한 라이브러리 다운 및 기본 설정에 대해서 알려드릴려고 합니다. 참고로 오늘 알려드리는 백엔드 설정은 MySQL을 사용할 때를 기준으로 작성하고 있다는 점을 알려드립니다. 💽Express.js에 대해서✅ 개요Express.js는 Node.js 환경에서 동작하는 웹 애플리케이션 프레임워크이다.간결하고 유연한 문법으로 서버 사이드 로직을 쉽게 구성할 수 있게 도와준다.🎯 특징간단한 API로 빠르게 서버 구현 가능미들웨어 구조를 통해 요청과 응답을 유연하게 처리함다양한 라우팅 기능 지원💾 라이브러리 다운npm install express먼저 Express를 Node에서 사용하기 위해서는 위와 ..
[React, Express] 일정 추가 페이지 제작(GET, POST 구현) [EZ_Scheduler] - [React, Express] 회원가입 페이지 제작(POST 요청) [React, Express] 회원가입 페이지 제작(POST 요청)[EZ_Scheduler] - [React, Express] 서버 구현 및 데이터베이스 연결하기(REST API) [React, Express] 서버 구현 및 데이터베이스 연결하기(REST API)[EZ_Scheduler] - [React] 로그인 페이지 스타일링 [React] 로그인 페이juyear-coding.tistory.com이전 개발 일지 읽어보기!📌일정 추가 페이지 제작안녕하세요, 대학생 개발자 주이어입니다!오늘은 일정 추가 페이지를 만들고 schedule 테이블을 생성하여 데이터를 가져오고 추가하는 것 까지 만들어보려고 합니다!..
[React, Express] 회원가입 페이지 제작(POST 요청) [EZ_Scheduler] - [React, Express] 서버 구현 및 데이터베이스 연결하기(REST API) [React, Express] 서버 구현 및 데이터베이스 연결하기(REST API)[EZ_Scheduler] - [React] 로그인 페이지 스타일링 [React] 로그인 페이지 스타일링📌로그인 페이지 디자인 및 스타일링안녕하세요, 대학생 개발자 주이어입니다!오늘은 제가 진행 중인 프로젝트에서juyear-coding.tistory.com 이전 개발 일지 읽어보기! 📌회원가입 페이지 제작안녕하세요, 대학생 개발자 주이어입니다!오늘은 회원가입 페이지를 제작한 후 저번에 만든 서버와 데이터베이스를 이용해데이터 추가까지 구현해보려고 합니다. 재미있게 구경해주세요!✅프로젝트 목표회원가입 페이지 스..
[React, Express] 서버 구현 및 데이터베이스 연결하기(REST API) [EZ_Scheduler] - [React] 로그인 페이지 스타일링 [React] 로그인 페이지 스타일링📌로그인 페이지 디자인 및 스타일링안녕하세요, 대학생 개발자 주이어입니다!오늘은 제가 진행 중인 프로젝트에서 로그인 페이지를 구현해보려고 합니다.간단하게 디자인과 스타일링을 해주juyear-coding.tistory.com이전 개발 일지 읽어보기!📌서버 구현 및 데이터베이스 연결하기안녕하세요, 대학생 개발자 주이어입니다!오늘은 저번에 만든 로그인 페이지의 백엔드를 구현하기 위해 Express.js로 서버를 구현하고MySQL 데이터베이스를 연결하여 로그인 테스트까지 진행해보도록 하겠습니다.✅프로젝트 목표Express.js로 백엔드 서버 구현React에서 데이터 가져오기임시 데이터로 로그인이 되는지 확..

728x90