개발새발 개발자 (100) 썸네일형 리스트형 [ReactJS] 2-1. 리액트 시작하기 ※이 글은 '노마드 코더' 리액트 강의를 필기한 글입니다. 리액트는 component 기반으로 돌아간다.그 중 크고 기본에 해당하는 컴포넌트는 app이라고 부른다. 설치한 movie_app 폴더에는 이미 app이 있음.css 등등 다양한 파일을 미리 셋업해 제공하고 있다. CRA(create-react-app)을 사용하는 이유는 따로 configuration을 하지 않아도 되기 때문.아무 설정 없이 수정한 코드를 저장만 하면 바로 서버를 만들고 컴파일 해준다. 일단 yarn을 시작하고 App.js를 보면 자바스크립트 안에 html이 들어있다.이런 형태를 JSX라고 한다. 리액트 컴포넌트를 만들 때 사용하는 언어다.규직은 심플하다. css의 class를 className이라고 지칭한다던지. 이 프로젝트에서.. [ReactJS] Ubuntu에 ReactJS 사용 환경 설치하기 1. node.js 설치npm 명령어를 사용하려면 node.js를 설치해야 한다.그동안 npm 명령이 안 먹은 이유가 있었구나...이렇게 알아갑니다. https://nodejs.org/en/ 설치하면 npm도 자동으로 설치해주는데,설치가 다 끝난후 npm install npm@latest -g출처 : https://www.npmjs.com/get-npm 2. 웹팩 설치윈도우에서 spawn 에러 나는 거 해결 못하고 결국 vmware에서 우분투로 시작. npm install -g create-react-app3. yarn 설치https://yarnpkg.com/en/ 4. movie_app 폴더 만들기$ create-react-app movie_appsudo로 작업하지 말 것. 괜히 멋 모르고 권한 땜에 .. [ReactJS] npm 설치시 배치 파일이 아니라고 뜰 때 npm 최신 버전 설치 후 C:\Users\sktsuser\AppData\Roaming\npm시스템 환경 변수 path에 추가해주고where npm 하면 저 경로가 맨 위에 뜰 때 성공 [Brackets] 첫 사용기 웹 개발을 다시 시작하면서 회사에서 사용할 무료 텍스트 에디터를 물색했다.원래는 Atom을 사용했지만 회사망으로는 확장 기능 다운로드가 불가해 Brackets으로 선택. - 브라켓의 첫 인상 1. 아톰과 비슷하군!심플하고, 확장기능 좋고, 참고 자료가 많다. 2. 웹 개발에 짱짱물론 Atom을 성의없는 강사에게 후루룩 배운 탓에 정확히 어떤 차이가 있는지 모르겠으나,브라켓을 이틀 정도 사용해 본 바로는 웹 개발에 굉장히 최적화 되어있다는 생각이 든다. 예를 들어, Live Preview 기능이 있어 내가 코드를 고칠 때마다 실시간으로 크롬 창에 반영된다. 아직 기초부터 다시 공부하는 중이라 코드는 대단하지 않지만 왼쪽 크롬 창에 실시간으로 반영되는 중. 그 외에도, 추가적으로 장점/단점이 발견된다면 추가.. 이전 1 ··· 10 11 12 13 다음
