728x90 반응형 React14 WEB 만들기 - 17 구조 설명 Create React App구조(Structure) Client 안에 있는 것이 create-react-app 하면서 생성된것 인데 client폴더에 가서 npm run start를 하면 되는 이유는 package.json 부분에 스크립트 부분에 "start"라고 되어있어서 명령을 npm run start라고 하는것이다. 우리가 이것을 "init"라고 바꾸면 npm run init 로 시작할 수 있는것입니다. 이렇게 시작을 하게 되면 화면에 이렇게 나옵니다. 이부분이 나오는 부분이 App.js 부분인데 이것에 써놓은것들이 화면에 표시가 되는 것 입니다. 그리고 index.js 부분을 보게되면 여기서 App.js가 컴포넌트로 들어간게 보이는데 여기서 ReactDOM.render( , document.ge.. 2021. 1. 20. WEB 만들기 7 - Nodemon ... Nodemon은 노드 서버를 켜고 노드서버에 있는것을 바꿨다면 서버를 내리고 다시 기동을 시켜야 소스가 반영이 되는데 이를 이용하면 변화됨을 감지해서 알아서 바꿔주는역활을 한다고 생각하면된다. 매번 서버를 껐다 켰다 하면 귀찮기때문에 npm install nodemon --save-dev -dev 배포말고 로컬에서만 사용하겠다는 의미 이렇게 입력해서 설치를 해줍니다. 원래는 위에 들어가는데 우리가 dev를했기 때문에 따로 들어간다. 시작하기 전에 스크립트 부분을 써줘야합니다. 우리가 시작할때 저기 start 부분을 해서 시작을했다. 여기다가 저렇게 추가해주면 됩니다. npm run backend 우리가 backend로 선언했기때문에 저렇게 하면 서버가 켜지는데 이때 index.js 부분에 이렇게 바꿔졌다.. 2021. 1. 17. WEB 만들기 - 6 회원 가입 기능 서버로 회원가입했을때 이메일이나 비번을 보내기 전에 Body-parser 라는것을 이용한다. >npm install body-parser --save 이명령으를 이용해서 바디 파서를 다운을 받습니다. 그리고 POST Man을 다운을 받으세요. www.postman.com/downloads/ Download Postman | Try Postman for Free Try Postman for free! Join 13 million developers who rely on Postman, the collaboration platform for API development. Create better APIs—faster. www.postman.com 여기로 들어가서 다운로드를 해줍니다. 다운을 해놓고 Regis.. 2021. 1. 17. WEB 만들기 - 4 git 설치 git은 분산 관리 제어 시스템이다. 우선 우리 컴퓨터에 git이 설치되어 있는지 확인을 해야한다. 커멘드창에 git --version 이라고 입력해보면 이렇게 나온다면 깔려 있는 것이다. 하지만 깔려 있지 않다면 아래 사이트에서 깔면됩니다. git-scm.com/ Git git-scm.com git을 설치를 하고 나서 현재 우리가 만들었던 디렉토리 부분에서 git init를 해줍니다. 그리고 나서 상태를 확인 해보는 명령어로 git status 를 입력을 하면 위와 같이 나옵니다. Untracked files 안에 있다는 소리 이고 이것에 대해서 자세히 보자면 이렇습니다. 처음 working 디렉토리 아무것도 안한 상태이고 git add 한다면 staging Area 로 가는것이다. 그리고 여기서 중요.. 2021. 1. 16. 이전 1 2 3 4 다음 728x90 반응형
