Library

Library/React

[React] 로그인 페이지 만들기

처음 리액트를 사용하는 거기도 하고 예전에 배웠던 html css javascript 모두 까먹어서로그인 페이지와 회원가입 페이지를 만드는데 2틀 정도 걸린 것 같아요 ㅎㅎ제가 나중에 다시 까먹을 것 같아서 기록해두려고 합니다 ! 초기 설정    우선 앞 선 글에서 알려드린 방법대로 프로젝트를 생성해주시고, 같이 생성된 쓸모 없는 나머지 파일들은 지우고 이렇게 남겨주세요! src 폴더 속 파일들을 간단하게 설명해보자면,1. index.js 에서 App.js 를 호출합니다.2. App.js 에서 사용자의 컴포넌트를 호출합니다.     컴포넌트는 간단히 말하자면 하나의 기능을 구현한 함수라고 보시면 됩니다.function Welcome(props) { return Hello, {props.name};} 예..

Library/React

[React] 개발 환경 세팅

리액트는 자바스크립트 라이브러리 중 하나이고,  싱글 페이지 애플리케이션이나 모바일 애플리케이션 개발에 사용될 수 있다. 필자는 윈도우 운영체제에서 vscode를 통해 환경을 세팅할 예정이다.리액트 프로젝트를 자동으로 생성하기 위해 node.js 의 도움을 받아야 하는데, 수동으로 파일을 다운로드 하여 설치할 수 있지만 아래의 링크에서 choco 명령어로도 다운받을 수 있다. https://nodejs.org/en/download/package-manager chocolatey 가 깔려있다면 위와 같은 명령어를 입력하여 쉽게 nodejs를 설치 & 확인 할 수 있다.chocolatey는 설치해두면 사용하는 곳이 많으니 설치 하는 것을 권장 한다. 그런 다음 npx create-react-app [프로젝트..

agor
'Library' 카테고리의 글 목록