목록React (13)
브래의 슬기로운 코딩 생활
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/btNVGu/btst5OqJKxM/43F1mya4Uu9A8ccCkcQR91/img.png)
오늘부터는 본격적으로 리엑트를 배웠다. 일단 내가 만든 html에 리엑트를 추가 하는 것 부터 실습했다. https://ko.legacy.reactjs.org/docs/cdn-links.html https://ko.legacy.reactjs.org/docs/add-react-to-a-website.html create-react-app (CRA) ⁃리액트로 웹 애플리케이션을 개발하는 데 필요한 모든 설정이 되어 있는 상태의 프로젝트를 생성해 주는 도구 npx - execute npm package binaries - npm - node.js 의존성, 패키지 관리 (설치/삭제) - npx - node.js 패키지를 실행시키는 하나의 도구 패키지의 최신버전 파일을 불러와 설치/실행하고 사용 후에는 해당 패키..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/RZZKQ/btstqXou6sa/JUKaxw6EH587deH91NeFD1/img.png)
오늘은 비주얼 스튜디오 코드를 이용해 자바스크립트 복습을 했다. 아직 리엑트는 안하고 ES6라는 것을 배웠는데 솔직히 그건 뭔지 잘 모르겠더라 자바스크립트 문법인것 같았는데 제이쿼리 문법도 합쳐진? 제이쿼리도 안배워서 잘 모르겠지만 아무튼 문법은 이해해서 실습하는데 어려움은 없었다. 그래서 오늘 배운것이 무엇인지 알기 위해 지피티 좌에게 물어봐야 겠다. 요약하면, JavaScript는 웹 개발에서 사용되는 기본 언어이며, ES6는 JavaScript의 업그레이드 버전으로 문법 및 기능 개선을 제공합니다. jQuery는 JavaScript를 보완하여 DOM 조작과 이벤트 처리를 단순화하며, React는 사용자 인터페이스 개발을 위한 라이브러리로 컴포넌트 기반 아키텍처와 성능 최적화 기능을 제공합니다. 역시..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/bibf82/btss8jDVEdI/rcbUk6UCz7oexqJlzzYLOK/img.png)
1주차는 앞으로 이 수업에서 무엇을 배울 것인지 소개해주시고 실습 조금 하고 끝났다. 일단 React와 Node.js를 배운다고 하셧다. https://github.com/coreybutler/nvm-windows/releases 그리고 위 링크에 들어가서 nvm이라는 걸 다운받고 콘솔창에서 뭔가를 많이 다운받았다. 처음이어서 그런지 뭘 하는건지 몰랏지만 그냥 따라했다. 뭔지를 알아야 블로그에 쓰는데 뭔지 모르겠어서 챗 지피티에게 물어보고 포스팅 하기로 했다. 위 처럼 물어보니 아주 친절하고 알기 쉽게 답해주었다. 정리하자면 React는 자바스크립트 라이브러리 이고 Node.js는 자바스크립트가 웹에서 동작하게 만드는 플렛폼, nvm은 그 Node.js의 버전을 관리해주는 것 인가보다. 이것으로 보았을 ..