react2 웹 개발 #2 (Node.js, React + vite 연결하기) react를 하다가 뭐 오류가 났는지 고쳐보다가 포기해서 vite로 갈아탔다. 이번에 한 것은 간단하게 로컬에서 로그인 환경 구축하기였다. 프론트엔드 (React + vite) 프론트부터 보자. React를 처음 해보면서 컴포넌트에 알게 되었는데원래는 정적 페이지별로 각각 나눠서 코드를 짰었고로그인 폼이나 회원가입 폼같이 재사용해도 될 코드들을 나눠서 짜야해서 자원 소모가 있었는데이를 함수처럼 나눠서 재사용할 수 있게 하는 것이라고 한다. 아무튼 Login 폼부터 보자면 import { useState } from "react";function Login() { const [username, setUsername] = useState(""); const [password, setPassword.. 2025. 8. 3. 웹 개발 #1 (Node.js, react, mysql 환경 구축하기) 갑자기 웹 서비스를 만들어 보고 싶어서 구축해보려고 한다. 이번에는 안 써본 언어들로 해볼 것이다. 우선 백엔드부터 환경 구축을 해보자. Node.js 설치하기https://nodejs.org/ko/download Node.js — Node.js® 다운로드Node.js® is a free, open-source, cross-platform JavaScript runtime environment that lets developers create servers, web apps, command line tools and scripts.nodejs.org이 링크로 들어가서 대충 LTS 버전 하나 골라서 다운로드해준다. Windows 환경이기에 .msi를 다운로드한다. Node.js runtime : Nod.. 2025. 7. 27. 이전 1 다음