마카롱이 좋아용

안녕하세요~ 앵귤러 프로젝트를 생성하고 싶은데 ng 명령어를 사용할 수 없을 때... 윈도에서 환경변수 설정하는 방법을 적어보려고 합니다. 앵귤러 Cli 설치 확인하기!! 우선 앵귤러 Cli를 설치하셔야 합니다. 만약 설치 안 하셨다면 밑에 포스트를 확인하시면 됩니다. https://imspear.tistory.com/72 맥 OS 에서 명령어 ng/앵귤러 CLI설치하기 (앵귤러 CLI/ng가 설치가 안될때) https://angular.io/cli Angular angular.io 앵귤러를 시작하기 위해서는 앵귤러 CLI를 설치해야 합니다. 하지만 맥북에서는 접근자의 권한이 없으면 이렇게 다운로드가 실패합니다. npm install -g @angular/cli.. imspear.tistory.com 저..

Using Angular routes in a single-page application 요즘 단일 페이지로 웹을 만드는게 유행이죠 SPA에서는 모든 응용 프로그램 기능이 단일 HTML 페이지에 있습니다. 사용자가 응용 프로그램 기능에 액세스하면 브라우저는 새 페이지를로드하는 대신 사용자에게 중요한 부분 만 렌더링해야합니다. 이 패턴은 응용 프로그램의 사용자 경험을 크게 향상시킬 수 있습니다. 사용자가 응용 프로그램을 탐색하는 방법을 정의하려면 경로를 사용하십시오. 사용자가 응용 프로그램의 한 부분에서 다른 부분으로 이동하는 방법을 정의하기 위해 경로를 추가 할 수 있습니다. 예기치 않은 또는 무단 동작으로부터 보호하기 위해 경로를 구성 할 수도 있습니다. 앵귤러 프로젝트 튜토리얼로 제공하는 싱글 페이지..

ng 명령어 사용방법 https://imspear.tistory.com/72 맥 OS 에서 명령어 ng/앵귤러 CLI설치하기 (앵귤러 CLI/ng가 설치가 안될때) https://angular.io/cli Angular angular.io 앵귤러를 시작하기 위해서는 앵귤러 CLI를 설치해야 합니다. 하지만 맥북에서는 접근자의 권한이 없으면 이렇게 다운로드가 실패합니다. npm install -g @angular/cli.. imspear.tistory.com 저 같은 경우에는 visual code비쥬얼 코드(Visual Code) 밑에 있는 터미널에서 ng명령어를 사용해 앵귤러 프로젝트를 생성했습니다. 터미널에서 실행해주세요 ng new hi-angular 실행하면 이렇게 프로젝트가 생성이 됩니다. vis..

https://angular.io/cli Angular angular.io 앵귤러를 시작하기 위해서는 앵귤러 CLI를 설치해야 합니다. 하지만 맥북에서는 접근자의 권한이 없으면 이렇게 다운로드가 실패합니다. npm install -g @angular/cli 접근자의 권한을 주기 위해 앞에 sudo를 붙여주고 맥북 사용자의 비밀번호가 필요합니다. sudo npm install -g @angular/cli 마지막 ng 명령어가 되는 것 까지 확인 했습니다. 맥에서는 터미널을 통해 다운로드 받을때 관리자 권한이 필요합니다. 관리자의 권한이 필요할 때 명령어 제일 앞에 sudo를 붙여주면 관리자의 권한으로 실행할 수 있게 해줍니다.

자 두번째 시간이 돌아왔습니다. 두 번째인 baby-step.js 인데요 문제확인 자자 전 영어를 못하니까 영한번역기를 돌렸습니다. ㅋㅋ process.argv 배열을 통해 반복하는 숫자 인수의 합계를 출력하고 적혀있네요! 첫 번째 요소는 항상 'node'이고(실행 위치라고 보면 됨) 두 번째 요소는 'baby-steps.js'(이 것도 존재하는 장소 또는 실행 위치) 이므로 세 번째 요소부터 시작을 해야합니다. 배열의 끝에 도달할때까지 합계를 추가하라고 작성되어 있네요! 해결방법 우선 baby-steps.js 파일을 생성해주세요 ! 윈도우 프롬프트에서는 이걸 써주면 되구요 notepad baby-steps.js 맥에서는 이렇게 작성하시면 됩니다. vi baby-steps.js 시작하기 위해서는 밑에 문..

npm을 이용해 Node.js 사용 방법을 알아보겠습니다. 터미널/명령 프롬프트에 이 명령어를 입력하시면 다운로드가 됩니다. 아니면 텍스트 편집기를 이용해 코드 작성하는 것도 좋은 방법입니다. 아직 없는 경우 Atom, Sublime Text, Visual Studio Code, Brackets를 추천해 드립니다. learnyounode learnyounode는 node의 기본을 이해할 수 있는 프로그램입니다. npm install -g learnyounode 명령을 실행하여 터미널에서 learnyounode 를 시작하십시오 learnyounode (블루 스크린이 표시됨). learnyounode 화살표 키를 사용하여 탐색하고 학습을 선택하려면 Enter 키를 사용하여 학습을 시작하시면 됩니다. 이 예에..

npm이 실행되지 않는 경우에는 Node.js를 설치하지 않은 경우 Node.js를 설치했는데 실행되지 않는 경우 만약 Node.js를 설치하지 않았다면 아래의 링크를 따라가 설치하면 됩니다. https://imspear.tistory.com/30 하지만 Node.js를 설치했는데 실행되지 않는 경우라면... 시작 버튼에 마우스 오른쪽 클릭하시고 시스템으로 들어가 주세요 처음 나오는 페이지에서 스크롤을 마지막까지 내리서 시스템 정보를 클릭해주세요 왼쪽에 있는 고급 시스템 설정을 클릭해주세요 시스템 속성에서 환경 변수를 클릭하시면 됩니다. 여기서부터 중요합니다. 총 두개를 설정할 겁니다. 사용자 변수에서 Path와 시스템 변수에서 Path를 설정해줄 겁니다. 1. 사용자 변수 PATH 우선 위에 있는 사용..

npm npm 같은 경우에는 Node.js LTS 버전에 npm이 포함되었기 때문에 설치하시면 npm 명령어를 사용하실 수 있습니다. 하지만 npm이 실행되지 않는 경우에는 아래의 링크를 따라가 직접 환경변수를 세팅해주셔야 합니다. Node.js 설치 https://nodejs.org/ko/download/ 다운로드 | Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 다운로드가 다 완료된 후에는 한번 node.exe를 실행해볼까요? 마치 cmd 명령 프롬프트와 비스스하게 생겼네요 우선 명령 프롬프트(cmd)를 실행하셔서 npm 명령어를 입력해봅시다. npm 명령어 확인해보기 npm npm ..