전체 글 (23) 썸네일형 리스트형 Angular 1. 홈페이지 만들기 전 준비 및 개발 참고 사이트 소스 정리 이전에 - 프로젝트 생성 후 localhost 페이지를 보면 이런 화면이 나옵니다. - 새로운 페이지를 만들어주기 위해 위 내용들은 모두 지울 텐데, 위 내용 중 Angular 개발에 참고할만한 내용을 봅시다. - Resources > Learn Angular > Learn Angular 클릭하면 Angular에 대한 정보를 볼 수 있는 공식 홈페이지가 나옵니다.(한글은 아래 URL 클릭) > Angular가 무엇인지, 기본 단위인 Component가 무엇인지, 개발 가이드 등의 정보가 있으니 활용해 보세요. https://angular.kr/docs Angular 가이드 Angular 가이드 angular.kr - Resources > Angular Material > Google에서 제공해.. git commit 이름 확인 및 변경하기 1. Git Bash 실행 2. 현재 지정된 이름 확인 cat ~/.gitconfig 3. 이름 변경 vi ~/.gitconfig i 변경할 이름 입력 esc 키 클릭 :wq - vi 로 편집하러 들어가게 되면 위와 같은 상태가 됩니다. - 수정하기 위해 i 클릭 (수정 상태가 되면 아래 INSERT가 표기됩니다.) - delete 키로 지운 후 수정 - esc 키 클릭 후 :wq 입력으로 저장 (:w! 명령어는 저장하지 않고 나가기) 4. 변경사항 확인 vi ~/.gitconfig Angular 소스 git clone 후 node_modules 폴더 없을 경우 https://crong-cat.tistory.com/5 Visual Studio Code에서 github 소스 가져오기 1. Visual Studio Code 실행 (비 워크스페이스 열기 : Ctrl + Shift + N) 2. 키보드 F1 > git clone 검색 후 선택 3. git repository URL입력한다. 3-1. git 로그인 > 받으려는 레파지토리에서 Code 클릭 후 URL 복하해서 붙여 crong-cat.tistory.com git clone 방법은 위 게시물을 참고해주세요. 1. git clone 후 소스를 보니 node_modules 폴더가 없습니다. 1-1. node_modules 폴더가 없는 이유 : git commit 시 node_modules 폴더가 빠졌기 때문입니다.. Visual Studio Code에서 github 소스 가져오기 1. Visual Studio Code 실행 (비 워크스페이스 열기 : Ctrl + Shift + N) 2. 키보드 F1 > git clone 검색 후 선택 3. git repository URL입력한다. 3-1. git 로그인 > 받으려는 레파지토리에서 Code 클릭 후 URL 복하해서 붙여넣으시면 됩니다. 4. 저장할 local 위치 선택 5. Open 클릭 - Open : 현재 열려있는 VSCode에서 Open - Open in New Window : 새로운 창으로 VSCode Open - Add to Workspace : 현재 열려있는 VSCode에 Workspace 추가 6. 소스를 가져온걸 볼 수 있다. Visual Studio Code에 github 연동 1. github 가입 https://github.com/ GitHub: Let’s build from here GitHub is where over 94 million developers shape the future of software, together. Contribute to the open source community, manage your Git repositories, review code like a pro, track bugs and feat... github.com 2. git 설치 https://git-scm.com/ Git git-scm.com 3. Create a new repository - 왼쪽 상단에 있는 New 버튼으로 새로운 레파지토리 생성 - 레파지토리명 입력 후 생.. Angular 개발환경 설정하기 1. Angular 설치를 위한 사전 준비 - Angular를 로컬 환경에 설치하기 위해서는 Node.js, npm package manager 가 필요하다. - npm package manager 은 Node.js를 설치하면 같이 설치가 된다. - Node.js 설치 URL : nodejs.org Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org - Node.js 설치 확인 node -v - npm 설치 확인 npm -v 2. Angular CLI 설치 - 터미널 실행 (cmd) - 터미널에 아래 명령어 실행 npm install -g @angular/cli - 설치 확인 ng versio.. Angular 프로젝트 생성 1. Visual Studio 실행 2. 터미널 실행 (단축키 : Ctrl + Shift + `) 3. Workspace 생성할 경로로 이동 cd D:\angular-workspace\ 3-1. 따로 사용하고 있는 워크스페이스 폴더가 없다면 폴더를 만들어주세요. cd D: mkdir angular-workspace 4. ng new ansible-project (Workspace 생성 명령어) ng new ansible-project 5. routing 여부, 스타일시트 선택 ? Would you like to add Angular routing? Yes ? Which stylesheet format would you like to use? CSS 6. 생성한 프로젝트 경로로 이동 cd ansible-p.. 이전 1 2 3 다음
