성실한 사람이 되자

성실하게 글쓰자

This is spear

분류 전체보기 112

in-x64\ng.ps1 파일을 로드할 수 없습니다. (비주얼 코드에서 명령어 사용불가)

비쥬얼 코드에서 angular cli를 사용하려고 npm을 이용해 cli를 설치했는데 불구하고 파일을 로드할 수 없는 상황이 왔습니다. 우선 cmd가 아닌 파워셀에서 작성해야합니다. 파워쉘의 기본 정책 권한 옵션을 불러줍니다. 기본 권한을 확인해서 Restricted 이면 Unrestricted로 변경해야합니다. Get-ExecutionPolicy Restricted에서 Unrestricted로 변경하는 부분입니다. Set-ExecutionPolicy Unrestricted 변경된 부분 다시 확인하면 됩니다. Get-ExecutionPolicy 밑에 사진처럼 실행하시면 됩니다. 혹시나 해서 관리자 파워쉘에서 실행했습니다. 비쥬얼 코드에서 돌아가는 걸 확인할 수 있습니다. 다른 명령어도 그렇듯 파워쉘의 기..

앵귤러 CLI 윈도우에서 ng 명령어 사용하기 (환경 변수 설정)

안녕하세요~ 앵귤러 프로젝트를 생성하고 싶은데 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 저..

앵귤러를 이용한 단일 페이지 제작/SPA(single-page application)

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

비쥬얼 코드(Visual Code)에서 앵귤러(Angular) 프로젝트 설치 및 앵귤러(Angular) CLI 실행하기

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..

맥 OS 에서 ng 명령어 사용방법/앵귤러 CLI설치하기 (앵귤러 CLI/ng가 설치가 안될때)

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

자바스크립트의 데이터 타입(var, let, const, hoisting)

자바스크립트의 데이터 타입 문자열 문자열 데이터 타입은 문자 데이터를 문자열로 저장한다. 문자 데이터같은 경우 작은따옴표나 큰따옴표를 이용해서 지정한다. var ThisIsString = "hi"; 숫자 var num = 1 ; 불린 이 데이터 타입은 true 또는 false인 단일 비트를 저장한다. 불린은 플래그로 사용될 때가 많다. var yes = true; var no = false; 배열 인덱스 배열은 일련의 개별 데이터 항목이 하나의 변스명으로 저장된 형태다. 자바스크립트에서는 같은 배열에서 여러 타입의 객체를 담을 수 있다. var array = ["node0", "node1", "node2"]; var firs_is_zero = array[0] /node0 ; 객체 리터럴 자바스크립트는 객..

자바스크립트 변수 정의

변수 정의 자바스크립트에서 변수를 정의하려면 var , const, let 키워드가 존재합니다. 변수를 정의할 때 변 수 앞에 키워드를 작성하면 됩니다. 하지만 값을 넣지 않고 콘솔에 로그를 적는다면 undefined라고 정의되지 않는 변수라고 화면에 출력됩니다. var myValue; console.log(myValue); 변수 안에 값을 넣는다면 콘솔에는 Some Text 라고 출력이 됩니다. var myValue = "Some Text"; console.log(myValue); 이 부분도 위에 변수 선언하는 방법과 같습니다. var myValue; myValue = "Some Text"; console.log(myValue); var 과 let은 hoisting 이냐 아니냐의 차이고 const는 변..

4. 도커를 이용한 앱 공유(share App on Docker)

Docker 이미지를 공유하려면 Docker 레지스트리를 사용해야합니다. 기본 레지스트리는 Docker Hub이며 우리가 사용한 모든 이미지의 출처입니다. REPO 생성 이미지를 푸시하려면 먼저 Docker Hub에서 저장소를 만들어야합니다. Docker Hub로 이동하여 필요한 경우 로그인하세요. 리포지토리 생성 버튼을 클릭 합니다. 리포지토리 getting-started 이름 을 사용하십시오. Public 으로 생성해야합니다. 만들기 버튼을 클릭하세요 페이지 오른쪽을 보면 Docker 명령 이라는 섹션이 나타납니다 . 이 리포지토리로 푸시하기 위해 실행해야하는 명령 예를 제공합니다. 도커 레포지토리를 보여주는 화면입니다. Create Repository 버튼을 클릭하면 됩니다. 이름을 작성하고 제일 ..

Tools/Docker 2020.06.27

3. 도커를 이용한 프로젝트 업데이트 (update App on Docker)

도커 튜토리얼을 통해 도커 앱 업데이트를 시작해보도록 하겠습니다. 그전 포스트들 https://imspear.tistory.com/66 1. 윈도우에서 도커 시작하기(install Doker) 도커란? (What is Docker?) Docker는 애플리케이션 개발, 배포 및 실행을위한 개방형 플랫폼입니다. 간단하게 말하면 여러분들이 만든 프로젝트를 배포하는데 도움을 주는 역할을 합니다. 도커의 장�� imspear.tistory.com https://imspear.tistory.com/67 2. 도커의 간단한 응용(Docker) 응용하기 도커의 튜토리얼을 이용해 간단한 응용을 배워볼까 합니다. 이 튜토리얼의 나머지 부분에서는 Node.js에서 실행되는 간단한 할 일 목록 관리자와 함께 작업하는 걸 배포..

Tools/Docker 2020.06.27

2. 도커의 간단한 응용(Docker)

도커에서 제공하는 튜토리얼을 이용해 간단한 응용 방법을 배워볼까 합니다. 도커를 설치하는 방법은 여기에 있습니다. https://imspear.tistory.com/66 1. 윈도우에서 도커 시작하기(install Doker) 도커란? (What is Docker?) Docker는 애플리케이션 개발, 배포 및 실행을위한 개방형 플랫폼입니다. 간단하게 말하면 여러분들이 만든 프로젝트를 배포하는데 도움을 주는 역할을 합니다. 도커의 장�� imspear.tistory.com 응용하기 이 튜토리얼의 나머지 부분에서는 Node.js에서 실행되는 간단한 할 일 목록 관리자와 함께 작업하는 걸 배포합니다. 프로젝트에 대한 배포만 실시하는 거니 Node.js, JavaScript에 대한 경험이 필요 없습니다. 또한 ..

Tools/Docker 2020.06.26