React9 React 프로젝트를 생성하고 Todo앱을 만들어 보자 -2- 저번 포스팅에서 Recoil, React-Router, Tailwind, MUI 라이브러리들을 적용했다. 이번 포스팅에서는 이를 이어서 진행해 보자. 먼저, Recoil과 React-Router를 적용하기 위해 Root.js 파일을 따로 생성해 주어야 한다. Root.js 파일은 src 폴더 안에 만들어 준다.import { RecoilRoot } from "recoil";import App from "./App";import { HashRouter } from "react-router-dom";function Root() { return ( );}export default Root;위 코드는 아주 기본적인 설정이다. .. 2024. 9. 18. React 프로젝트를 생성하고 Todo앱을 만들어 보자 -1- 저번 포스팅에서는 React 개발을 위한 세팅을 하였다. 저번 포스팅처럼 세팅을 완료하였다면 바로 React 프로젝트를 생성하고 간단한 todo 앱을 만들어 보자. 먼저 MacBook의 terminal을 통해 생성해 보자.ls 명령어와 cd 명령어를 사용하여 미리 바탕화면에 만들어둔 react 폴더로 경로를 이동하였다. 맨 마지막 줄에서는 현재 react 폴더에는 어떤 내용들이 담겨있는지 확인이 되고 있다.해당 폴더로 경로가 이동이 된 상태에서 터미널에 다음과 같이 입력해 준다.npx create-react-app "원하는 프로젝트명" 혹은 원하는 react 버전이 있을시npx create-react-app@"version" "원하는 프로젝트명"큰따옴표는 빼고 입력하자. 입력하면 사진과 같이 프로젝트 생.. 2024. 9. 10. Salesforce 개발자 끝. React 시작 장장 4년의 Salesforce Developer를 끝내고 React 공부를 시작했다. 충분히 좋은 대우와 안정적인 직장, 높은 급여 아직은 수요가 공급을 따라가지 못하는 블루오션이라고 생각했지만 그만두었다. 정형화된 개발과 업무 스트레스, 과도한 밤샘 근무로 인해 점점 개발에 대한 열정을 잃고 내가 하는 일의 목적과 의의를 찾지 못하고 짜증이 늘게 되었다. 그렇게 일을 그만두었다. React 공부를 시작했다. 공부를 하니 개발자가 되겠다고 서울에 올라와 혼자 끙끙거리며 국비교육을 받으면서 겨우 Java 풀 스택 개발자가 되었던 시절이 떠올랐다. 밥 먹고 자는 시간 빼고 모든 시간을 컴퓨터 앞에 있었고 재미있었다. 그때는 가슴이 뛰었다. 무엇이든 다 만들 수 있다고 생각했다. 그 시절 끙끙거리며 즐겁게.. 2024. 9. 8. 이전 1 2 다음
