자바 스크립트/React+NodeJS3 Node JS 설치 웹 개발은 크게 프론트엔드(Front-end)와 백엔드(Back-end) 기술로 나눕니다. 프론트엔드는 웹페이지 디자인이나 버튼 기능처럼 사용자가 바로 볼 수 있는 부분. HTML, CSS 등이 대표적이죠. 백엔드는 사용자가 눈으로 볼 수 없는 뒷단 기술이죠. DB나 서버를 다루는 부분이 백엔드 기술입니다. 자바스크립트는 프론트엔드 분야에서 주로 활용됐는데, ‘노드JS(Node JS)’가 등장하면서 그 용도가 전혀 달라졌습니다. 리액트가 나오면서 위상이 더 커졌죠!! 리액트는 노드JS라는 프레임워크가 꼭 필요하니까요. 어쨌든 자바스크립트로 서버단 기술까지 제어할 수 있다는거. 또 다른 이유는 리액트를 사용하려면 npm으로 설치 하는 부분이 많은데, 그러려면 노드(node.js)가 설치되어 있어야 한다. .. 2024. 4. 18. 리액트 개발 환경 설치하기 1. 이곳이 잘 설명되어있어요. https://codingapple.com/unit/react1-install-create-react-app-npx/ 리액트 React 설치와 개발환경 셋팅 - 코딩애플 온라인 강좌 0:00 개발환경 셋팅 0:42 리액트프로젝트 생성은 2:38 이제 에디터에서 오픈해서 코드짜십쇼 4:04 뭐했는지 설명 개발환경 셋팅 1. 구글에 Nodejs 검색해서 LTS라고 써있는 버전을 설치합시다. - 남 codingapple.com 2. 저는 폴터를 만들었고 3. 위도우 검색부분에 cmd를 눌러 명령프롬프트에서 했습니다. 물론 비쥬얼스튜디오 프로그램에서 해도 된답니다. 4. 제가 만든 파일 위치까지 간 다음 아래 그림처럼 npx create-react-app 만들고 싶은 폴더명을 쓰.. 2024. 4. 18. 리액트 배울 곳+Node JS 1. 책을 한 번 읽어보면 도움이 됩니다. 물론 유튜브 강의도요 https://wikidocs.net/book/10082 React 리액트 마스터: 모바일과 웹 사용자 인터페이스 개발을 위한 최고의 라이브러리 React는 웹 및 네이티브 사용자 인터페이스를 위한 라이브러리입니다. 이 책은 [https://react.dev](https://react.dev) 를 한국어로 번역한 내… wikidocs.net 2. 제일 쉽게 되어있음. 한 번 읽어두면 좋음. https://reactjs.winterlood.com/5ce0c0c2a7864c71992576e53182cc1f 도서 안내 - 한 입 크기로 잘라먹는 리액트 인사이트 도서 를 미리 만나보세요 reactjs.winterlood.com 3. IT도서 열람서.. 2024. 4. 17. 이전 1 다음
