React

오늘은 이어서, 회원가입 시 로그인 / 로그아웃 및 아이디 중복 검사를 구현해보자 먼저 로그인/ 로그아웃 먼저 구현하기로 하자 [ React ] 회원가입 구현 ① 이번 시간은 이전시간에 했던 TodoList를 좀 더 업그레이드 시켜보자! Spring을 이용해서 BACK단을 구성해볼거고, React를 이용해서 Front 화면을 구현해보자. 이전에 했던 내용이 기억이 안나거나 실습 jnaa.tistory.com 📚 React 📘 App.js import React, { useState, createContext } from 'react'; import './App.css'; import SignupContainer from './Signup'; import Login from './Login'; export..

🤔 클래스형 컴포넌트 js 폴더를 만들때에 대문자로 작성해야한다 (Exam1.js) Component 상속 받기 render () 함수 작성하기 (필수) 만든 class를 export deault 지정하기 🤔 함수형 컴포넌트 js 폴더를 만들때에 대문자로 작성해야한다 (Exam2.js) 함수 설정하기 return 구문에 출력하고자 하는 html 코드 작성 만든 함수를 export default 지정하기 ➰ 클래스형 컴포넌트 만들기 📘 Exam1.js ◾ js 폴더를 만들기 ◾ Component 상속 받기 ◾ render () 함수 작성하기 ( 필수 ) ◾ 만든 class를 export deault 지정 📘 App.js ◾ components 폴더의 Exam1.js를 가져와서 사용을 이름 지정 후 작성해주..

📘 React : 자바스크립트 프레임 워크 (틀에 맞춰 일하는 것) 📘 React 간단한 특징 리액트의 컴포넌트는 딱 ! 하나의 요소만을 반환할 수 있다. 여러 요소를 반환하고 싶다면 부모 요소로 묶어준다! fragment() : 반환 요소를 감쌀 때 사용, 해석 X 📘 React Component : React 컴포넌트는 React 애플리케이션의 구성 요소이며 컴포넌트는 재사용 가능하도록 만들어져 있으며, UI를 작은 조각으로 나누어 관리할 수 있습니다. React 컴포넌트는 클래스형 컴포넌트와 함수형 컴포넌트로 나뉜다 (요즘 트랜드는 함수형 컴포넌트) [ React ] React 클래스형 컴포넌트 알아보기 ② jnaa.tistory.com 💻 React 설치하기 💻 ❗ 설정하기 전 VS가 열려있으면 ..