Windows PowerShell Copyright (C) Microsoft Corporation. All rights reserved. 새로운 크로스 플랫폼 PowerShell 사용 https://aka.ms/pscore6 PS C:\study_1228> git init Initialized empty Git repository in C:/study_1228/.git/ PS C:\study_1228> git add . error: '2020_studyReact/' does not have a commit checked out fatal: adding files failed Initialized empty Git repository in C:/study_1228/.git/ PS C:\study_1228>..
VS code와 git을 연동하고, 프로젝트를 올리는 방법을 알아보도록 하겠습니다. 1. VS code에서 작업한 코드를 열고 왼쪽 위에서 세번째 집게 모양을 눌러줍니다. 그리고 [ Initialize Repository ] 를 눌러줍니다. Git과 연결하는 창이 뜨면 Git을 로그인 하여 연동하여 줍니다. 2. 다시 왼쪽 세번째 카테고리를 들어가면 다음과 같이 'Changes' 라는 카테고리 아래에 변경된 부분들이 나열되어 있습니다. 여기서 'Changes' 라는 폴더의 오른쪽에 '+' 에 커서를 대면 Stage All Changes가 뜹니다. '+' 를 클릭하여 줍니다. 그러면 다음과 같이 'Staged Changes' 로 파일들이 이동합니다. 3. Add를 한 후, [ ... ] > [ Commit..
GitHub에서 원격저장소를 만든 뒤 코드를 Push하는 방법입니다. Git Repository생성 1. github.com에 로그인 후 [ Your repositories ]를 클릭합니다. 2. 오른쪽 상단에 [ New ]를 클릭합니다. 3. 다음과 같이 repository 이름을 작성하고 공개 여부를 선택합니다. 아래의 Add 옵션들은 repository를 만들 때 추가하는 것들입니다. 모든 부분을 작성 한 후 [ Create repository ]를 눌러 완료해주세요 이로써 Repository를 만들었습니다. Github에 있는 Repository를 가져와서 이용하기 1. 사용자 정보 설정하기 : 사용자의 이름과 이메일을 설정합니다. $ git config --global user.name "eri..
[ JS 코딩하는 법 ] 1. Visual Studio Code를 연 후 [File] - [Open Folder] - [리엑트 개발환경이 구축된 폴더] 를 열어준다. 2. 해당 폴더를 열고 왼쪽 상단에 종이 두장이 그려진 카테고리를 누르면 다음과 같이 디렉토리가 나온다. 여기서 public이라는 폴더는 index.html이 있는 곳이다. index.html은 저번 시간에 서버를 돌렸을 때 웹브라우저에 뜨는 페이지이다. 3. index.html에서 볼 부분은 31번째 이다. 편집기에서는 이게 끝이지만 서버를 실행 후 브라우저에서 F12를 누르고 Elements 부분에서 다음 부분을 확인하면 APP이라는 부분이 들어가 있는 것을 확인할 수 있다. 이 부분은 public폴더와 같은 위치인 src 폴더의 소스에..
Editor는 Visual Studio Code를 사용할 것이다. 1. 편집기를 실행하고 리액트 개발환경을 구축했던 폴더에 진입하여 npm run start를 입력하면 다음과 같은 웹 브라우저 창이 뜬다. 서버를 멈추고 싶을 때엔 ctrl + C를 누르면 멈추고, 다시 실행시킬 때엔 npm run start을 입력하면 된다.
npm : node.js를 이용한 여러 앱들을 설치 가능하게 해주는 도구. 1. Node.js 홈페이지에서 node.js를 설치해준다. 왼쪽은 안정화된 이전 버전, 오른쪽은 최신 버전이다. 2. 윈도우키 + R을 눌러서 실행 프로그램이 뜬다. 그곳에 cmd를 검색하여 실행해준다. (윈도우키를 누르고 cmd를 검색한 후 ctrl+shift+enter를 누르면 관리자 모드로 열린다.) 명령창에 npm -v 를 입력한다. [ 1. npm을 사용하는 방법 ] npm install -g create-react-app 를 입력하여 리액트 앱을 만들어 준다. [ 2. npx를 사용하는 방법 ] npx install -g create-react-app 를 입력하여 리액트 앱을 만들어 준다. npm과 npx의 차이점 n..