안녕하세요. ^^ @u robotics 입니다.
kiwifi님 멋진대문 감사합니다. ㅎㅎㅎ
이번에는 React 개발을 10회차 정도로
한 번 써볼려고 합니다.
react로
간단한 웹사이트를 개발한다는 것이 목표입니다.
검색을 해보시면 아시겠지만
react는 javascript 라이브러리 입니다.
웹이나 앱을 좀더 빠르고 쉽게 개발하도록 도와주는 도구입니다.
react로는 웹을 개발 할 수 있고요.
(react-native를 쓰면 앱을 개발 할 수 있어요.
안드로이드앱이랑 IOS앱을 네이티브 앱을 만들 수 있어요.
그런데 이번엔 react 까지만 ㅋㅋㅋ )
react는 angular, vue와 경쟁관계에 있는데요.
천하제일 삼국지라고도 할 수 있겠네요.
react는 페이스북에서,
angular는 구글에서 만들었습니다.
vue는 새로운 쪽이죠.
유저로 봤을 때는
react가 승이로군요. ㅋㅋㅋ
아무튼 꽤 재밌는 툴이고
많은 분들이 이용하는데
저는 잘 모르기 때문에 시작해볼려고 합니다.
거의 프로그래밍 표준까지 올라온 기술이라서
여러분들과 나누면 좋겠다 싶어서
공개적으로 스터디를 진행합니다.
먼저 기본 참고 사이트는
https://github.com/facebook/create-react-app
자, 그러면 이 사이트에서 시키는대로
한 번 개발해봅시다. ^^
여러분의 운영체제는
아마도 windows 일 확률이 높을 것 같습니다.
저 역시도 windows로 개발합니다.
그래서 대부분의 보통 분들은 그대로 따라오시면 되겠습니다.
운영체제가 mac이거나 linux라면
여러분은 믿습니다. ^^ 검색으로 해결해주세요. ㅎㅎㅎ
자, 시작해봅시다.
커맨드 창을 열어줍니다.
windows키 + R 를 눌러주시거나,
혹은 검색기를 열어서
**명령프롬프트라고 입력해주세요. **
눌러주시면
이런 창이 하나 뜹니다.
여기다가 cmd라고 입력해주세요.
그러면 이런 창이 하나 뜹니다. ^^
아마도 여러분은
C:\Users\GS63VR 이런식으로 막 복잡하게 되어있을 거에요.
이게 여러분이 현재 작업하고 있는 폴더 이름입니다.
저는 보시다시피 C:
C폴더에 있고요.
여러분이 작업하는 결과는 모두C:\Users\여러분사용자이름 으로된
폴더에 그대로 저장될 겁니다.
아니다. 난 다른 곳에 저장하고 싶다.
하시는 분은 폴더를 바꿔주시면 됩니다.
명령어는 cd 입니다.
cd + 폴더이름
써주시면 그 폴더로 이동합니다. (내려갑니다.)
(근데 없으면 안 갑니다.)
**예 : cd react **
폴더를 올라가는 명령어는
cd ..
c:/users/ddong 이런 현재폴더에서 작업중일 때
c:/users로 올라가고 싶다면
cd .. 이렇게 써주세요.
그러면
c:/users로 올라갑니다.
그리고 폴더목록을 다 보면 편하겠죠?
**명령어는 dir/w 라고 써주시면 됩니다. **
directory 구요. 목록을 보여줘 / width 가로 정렬해서. 이런 뜻입니다.
dir/w 엔터 눌러보시면 목록이 쭉 뜰껍니다.
그리고 새폴더를 만들어도 되겠죠.
명령어 이름은 mkdir 입니다.
make directory 라는 뜻이죠.
mkdir 폴더이름 해주면 만들어집니다.
자 이제 폴더 다루기는 얼추 끝난 것 같으니깐
진짜 실습을 해봅시다.
아참, nodejs를 설치해주셔야 됩니다.
npm을 사용하거든요.
(아니면 yarn을 설치해주셔도 됩니다.)
nodejs를 설치해봅시다.
https://nodejs.org/ko/
안정버전이랑 최신버전이랑 나오는데요.
둘중 맘에 드시는 거 선택하시면 됩니다. ^^
(아무 문제 없습니다. ㅋㅋ)
다운로드 후에 설치는 간단합니다.
next next 해주시면 설치 됩니다.
자, 그리면 이제 진짜로 진짜로 시작해봅시다. ^^
이 세줄을 따러서 치고 엔터치시면 됩니다.
자, 첫줄 타자칩니다.
저는 my-app을
react1 이라고 했습니다.
이건 맘대로 바꾸셔도 됩니다.
그다음에 저는 cd react1
여러분들은 만드신폴더이름을 cd 뒤에 써주세요.
그 다음에는 yarn start 하라고 나오는데요.
npm start 해도 됩니다. ^^ ㅎㅎㅎ
그러면 이런 화면이 나와요.
축하합니다. ^^ 첫 번째 웹을 개발하셨네요. ㅎㅎㅎㅎ
저도 여기까지 밖에 몰라서 ㅋㅋㅋ
다음에 뭔가 배워서
다시 들고오겠습니다.
감사합니다.
