본문 바로가기

728x90

분류 전체보기

(43)
[MySQL] 데이터베이스 ERD 설계하는 법(drawSQL) [Express] MySQL로 깔끔한 로그인 인증 만들기 [Express] MySQL로 깔끔한 로그인 인증 만들기🚩소개안녕하세요! 대학생 개발자 주이어입니다! 오늘은 node.js와 MySQL을 사용하여 "로그인 인증"을 만드는 법에 대해서 정리해보려고 합니다. 로그인 인증은 유저 회원가입 및 로그인이 필요한juyear-coding.tistory.comMySQL 관련 글 읽으러 가기!🚩소개안녕하세요! 대학생 개발자 주이어입니다! 오늘은 MySQL 데이터베이스 ERD 설계하는 방법에 대해서 정리해보려고 합니다!데이터베이스 ERD 설계란, 데이터베이스에 있는 테이블을 시각적으로 보여주는 것을 의미하는데요.이렇게 시각화 하는 이유는, 머릿속으로 테이블 구조를 그리는 것보다 ERD 설계를 하는 것이 테이블 ..
[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"..
[알고리즘 공부] #7 너비 우선 탐색(BFS) 알고리즘 with Python [알고리즘 공부] #6 연결 리스트(Linked List) 알고리즘 with Python [알고리즘 공부] #6 연결 리스트(Linked List) 알고리즘 with Python연결 리스트(Linked List) 어떤 알고리즘일까? 연결리스트(Linked List)는 데이터를 순서대로 저장하는 선형 자료구조의 한 종류로, 각 요소가 노드라는 개별 단위로 존재하며, 각 노드는 데이터(valuejuyear-coding.tistory.com이전 알고리즘 글 읽기큐 알고리즘(Queue)어떤 알고리즘일까?너비 우선 탐색(BFS)란 트리나 그래프에서 시작 노드에 인접한 노드부터 탐색하는 알고리즘이다. 모든 인접한 노드를 큐(Queue)에 넣고 탐색하는 방식이다. 탐색은 레벨별(너비 우선)로 진행된다.위에 사진을 보..
[Node] bcrypt로 비밀번호 암호화하는 방법 (React 연동) [Express] GET 메서드를 사용한 API 개발 [Express] GET 메서드를 사용한 API 개발[Express] 백엔드 개발 기본 설정 [Express] 백엔드 개발 기본 설정🚩소개안녕하세요! 대학생 개발자 주이어입니다. 오늘은 Node와 Express를 사용하여 서버를 개발할 때 필요한 라이브러리 다운 및 기juyear-coding.tistory.com추천 글 보러가기🚩소개안녕하세요! 대학생 개발자 주이어입니다! 이번 글에서는 사용자의 비밀번호를 bcrypt로 해시화 및 암호화를 통해 보안을 강화하는 법에 대해서 알아보려고 합니다. 사용자의 정보를 다루는 웹 서비스를 만들 때, 비밀번호를 평문으로 저장하는 건 정말 위험합니다.그래서 실제 서비스에서는 bcrypt와 같은 보안 알고리즘을 통..
[React] 실시간 검색 - debouncing 기능 구현하기 [React, Express] 서버 구현 및 데이터베이스 연결하기(REST API) [React, Express] 서버 구현 및 데이터베이스 연결하기(REST API)[EZ_Scheduler] - [React] 로그인 페이지 스타일링 [React] 로그인 페이지 스타일링📌로그인 페이지 디자인 및 스타일링안녕하세요, 대학생 개발자 주이어입니다!오늘은 제가 진행 중인 프로젝트에서juyear-coding.tistory.com추천 글 보러가기🚩소개안녕하세요! 대학생 개발자 주이어입니다! 오늘은 React에서 실시간 검색 기능, debouncing 기능을 구현하는 방법에 대해서 적어보려고 합니다. 제가 최근에 진행하고 있는 프로젝트에서 유저를 검색하는 기능이 필요했었는데, 실시간으로 검색되게 만들고 싶어서 찾..
[Express] GET 메서드를 사용한 API 개발 [Express] 백엔드 개발 기본 설정 [Express] 백엔드 개발 기본 설정🚩소개안녕하세요! 대학생 개발자 주이어입니다. 오늘은 Node와 Express를 사용하여 서버를 개발할 때 필요한 라이브러리 다운 및 기본 설정에 대해서 알려드릴려고 합니다. 참고로 오늘 알려드리juyear-coding.tistory.com이전 글 보러가기🚩소개안녕하세요! 대학생 개발자 주이어입니다! 오늘은 Express를 사용하여 GET 요청 API 기능을 만드는 법에 대해서 적어보려 합니다! 서버 API 개발의 가장 기본인 GET과 POST 중 하나이니 이 글을 읽는 분들은 GET에 대해서 정확히 알고 가셨으면 좋겠습니다!❓GET이란?REST API에는 주로 다음 네가지 HTTP 매서드가 사용된다.GET: 데이터 조회..

728x90