react3 2023 만능 풀스택 개발자가 되기 위한 공부 순서 혼자서도 원하는 것을 개발하고 돈도 벌 수 있느 방법? 바로 1인 개발입니다. 요즘은 개발에 필요한 다양한 생산성 높은 도구들이 나오면서 혼자서도 충분히 하나의 프로덕트를 개발할 수 있는 시대가 되었는데요 AI 개발도구 (copilot, ChatGPT) 라이브러리 솔루션 오픈소스 프레임워크 개발한 프로덕트를 통해 꾸준히 수익을 올릴 수도 있겠고 microacquire 같은 플랫폼에서 직접 내 프로덕트를 판매 할 수도 있습니다. 1인 개발을 하기 위해서는 프로덕트 전반에 걸친 다양한 지식이 필요 한데요 이번 시간에는 혼자서도 스타트업을 시작할 수 있는 만능 풀스택 개발자가 되기 위해 온라인 교육 플랫폼 Udemy 어껀 강의를 어떤 순서로 공부하면 좋을지 소개를 해드리도록 하겠습니다. 먼저 유데미는 전 세계.. 2022. 12. 29. Vite쓰면 리액트 10배 빨라짐 npm 은 JS 라이브러리 모아놓은 플랫폼 NPM (node package manager) 명령어는 자바스크립트 라이브러리를 설치하고 관리하는 패키지 매니저이다. 개발자는 단 몇줄의 명령어로 기존의 공개된 모듈들을 설치하고 활용할 수 있다. Java랑 비교하자면 메이븐과 비슷하다. 그런데, npm 을 사용하여 프로젝트를 만들때 node_modules 폴더 용량이 크고, import/require문법은 브라우저친화적이지 않습니다. [해결책] Bundling : 모든 js 파일을 하나로 합쳐 사용하는걸 번들링이라 함 - 실제 필요한 코드만 합쳐줌(용량절약) - 결과물은 js 파일 하나임(import/require 필요 없어짐) 그래서 npm을 이용하려면 bundle tools도 같이 사용해야 됩니다. bun.. 2022. 12. 15. React가 쉬워지는 Zustand React는 html이 길어질때 컴포넌트별로 쪼개어서 작업을 진행한다. 컴포넌트별로 코딩을 하기 때문에 simple하고 가독성도 뛰어나다. 그런데, 컴포넌트별로 변수를 같이 사용해야 되는 경우에는 Redux를 사용하여 변수(state)를 관리한다. Redux는 문법이 복잡하다. 그래서 쉽고, 요즘 인기 있는 Zustand를 알아보려고 한다. 설치하기 npm install zustand Zustand 기능 1. state 보관함 기능 2. state 수정이 쉬움, Store안에 미리 함수를 정의 3. ajax요청도 , Store안에 미리 함수를 정의 할 수 있음 4. 디버깅은 devtools 로 (middleware 에서 제공) 5. state많으면 따로 분리 6. state를 변경하기 전에 실행하고 싶으.. 2022. 12. 7. 이전 1 다음
