좋은 개발자가 되자

카카오의 악행... 티스토리 카카오 강제 개명으로 인해 이주중!!

왜 작년에 블로그 시작하려고 알아볼 때는 velog랑 notion을 못 찾았나 모르겠다 ㅠㅠ 워드프레스로 데이터 날리고 깃허브만 보고 겁먹어서  티스토리로 온 건데 벨로그랑 노션이 훨!! 좋다!!!

하... 글을 너무 막 쓴 것 같아서 일부만 정리해서 옮겨야겠다 ㅠㅠ

1. 터미널로 파일 생성

sudo mkdir ~/Library/KeyBindings && sudo vi ~/Library/KeyBindings/DefaultkeyBinding.dict

2. 아래 내용을 복사해서 저장 후 종료

{
"₩" = ("insertText:", "\`");
}

3. 맥 재부팅

1. Elementary의 베이스 우분투 버전을 확인한다

현재 Elementary 5.1.7 Hera 최신은 우분투 18.04를 베이스로 하고 있다.

2. AMD 홈페이지에서 드라이버를 다운로드한다

우분투 18.04용을 받아야 한다. 만약, Elementary의 베이스 우분투 버전이 바뀌었을 경우에는 1에서 확인한 것과 동일 버전을 다운로드 한다.

3. OS를 속이자

그냥 설치하면 우분투가 아니라 설치를 할 수 없다며 Unsupported DEB-based OS: /etc/os-release ID 'elementary' 에러가 발생한다.

아래와 같이 우분투로 인식시킨다.

// nano 에디터로 열기
sudo nano /etc/os-release

// 아래와 같이 ID, VERSION_ID를 바꾼다.
NAME="elementary OS"
VERSION="5.1.7 Hera"
#ID=elementary
ID=ubuntu
ID_LIKE=ubuntu
PRETTY_NAME="elementary OS 5.1.7 Hera"
LOGO=distributor-logo
#VERSION_ID="5.1.7"
VERSION_ID="18.04"
HOME_URL="https://elementary.io/"
SUPPORT_URL="https://elementary.io/support"
BUG_REPORT_URL="https://github.com/elementary/os/issues/new"
PRIVACY_POLICY_URL="https://elementary.io/privacy-policy"
VERSION_CODENAME=hera
UBUNTU_CODENAME=bionic

elementary에서는 vi 에디터가 편집 상태에서 방향키가 안 먹는다. 문자를 입력해버린다. hjkl로 방향 이동을 해야 하기 때문에 nano 에디터를 이용하는 것이 편하다.

4. 설치 후 재부팅하기

다운로드 한 파일의 압축을 풀고, 터미널에서 해당 디렉토리로 이동한 다음 아래 명령을 실행한다.

sudo ./amdgpu-pro-install

윈도우 앱스토어에서 설치한 terminal이 powershell 기반이라 powershell에서도 동일하게 작동합니다.

1. Alias 보기

get-alias

2. Alias 설정하기

ll 명령어가 없습니다. ls는 있구요. ll에 ls를 설정하도록 하겠습니다.

set-alias ll ls

다시 ll을 입력해봅니다.

alias가 등록되었습니다.

3. Alias 삭제하기

아쉽게도... bash나 zsh쉘처럼 쉘 프로파일에 들어가서 설정하고 확인하는 것처럼 쓰기는 어려워 보입니다. 파일 열어서 관리하는게 편집하기가 쉬운데... 대체 저 alias가 어느 파일에 있는지 찾을 수가 없네요... 하지만 명령어를 통해서는 가능합니다. remove를 통해 가능한데 remove-alias가 아니라 remove-item이라고 명령해야 합니다.

remove-item alias:ll

더이상 ll 명령이 인식 되지 않습니다.

아래는 등록하면 좋은 alias들... (기본적으로 윈도우 터미널 설치하면 powershell에서 대부분 쉘처럼 쓸 수 있습니다.)

set-alias ll ls
set-alias vi vim

cmd에서만 ng 명령이 먹히고 PowerShell과 그 기반인 Windows Terminal에서는 ng 명령을 인식하지 못 하는 문제가 있다.

해결은 쉽다. 터미널이나 powershell에서 아래 명령어를 입력해주기만 하면 된다.

Set-ExecutionPolicy -ExecutionPolicy RemoteSigned -Scope CurrentUser

'git status' failed with code 1:'xcrun: error: invalid active developer path (/Library/Developer/CommandLineTools), missing xcrun at: /Library/Developer/CommandLineTools/usr/bin/xcrun '

Xcode에 문제가 생기면 이러나보다... Xcode를 최근 건드린 일도 없는데 빅서 11.1에서 11.2로 올리고 나서 에러가 발생한걸 보니 빅서 업데이트 문제인 듯??

해결은 빠르고 간단하게 된다.

xcode-select --install

터미널에 해당 명령어를 입력하면 xcode command line tool이 재설치 된다.

1. 사전 정보 습득하기

angular.kr/resources?category=개발

Angular IDE by Webclipse(뭔지 모르겠다), IntelliJ, VS Code, WebStorm을 지원한다.

angular.kr/docs : Document

2. Node, TypeScript는 설치되어 있어야 함.

brew install node typescript

3. angular-cli를 설치하자

angular.kr/guide/releases : Angular 버전 정책

github.com/angular/angular-cli/releases : Angular-cli 버전 정보

최신 버전으로 설치 및 유지를 원하는 경우

// 방법 1. Homebrew를 이용해 설치하기
brew install angular-cli

// 방법 2. npm을 이용해 설치하기
sudo npm install -g 

특정 버전 LTS 설치를 원하는 경우

sudo npm install -g @angular/cli@9

뒤에 '@8', '@9' 등을 붙여주면 된다. 홈브루에서는 앵귤러는 과거 버전을 지원하지 않는다.

설치 확인

ng --version

4. 프로젝트 생성하기(=워크스페이스 생성하기 or 앱 생성하기)

// 원하는 프로젝트 디렉토리로 이동 및 생성
cd [path]

// 프로젝트 생성하기(워크스페이스 생성하기, 기본 앱 생성하기)
ng new StartUsingTerminal

'ng new StartUsingTerminal'을 실행하고 나면 앱 생성을 위해 몇 가지 정보를 추가로 요구하는데 그냥 return을 입력하면 기본값으로 생성한다. 우선 기본값으로 생성하자.

5. 앱 실행하기

// 워크스페이스 생성 확인하기
ll

// 워크스페이스 안으로 들어가기
cd ./StartUsingTerminal

// 앱 서버 실행하기
ng serve --open

참고 : ll을 해보면 알겠지만 'StartUsingTerminal'은 디렉토리다. 이 디렉토리가 앵귤러 앱의 워크스페이스고, 이 안으로 들어가서 서버를 실행해야한다.

메시지로 'http://localhost:4200/'으로 접속한다고 알려주며 웹 브라우저가 자동 실행된다.

WebStorm에서 띄울 수도 있다

우선... 플러그인 설치가 되어 있어야 한다.

해당 프로젝트를 불러오면

WebStorm을 이용한 Angular 시작하기

www.jetbrains.com/help/webstorm/angular.html#ws_angular_syntax_highlighting

blog.jetbrains.com/webstorm/2020/02/using-angular-9-in-webstorm/

1. 프로젝트 생성 누르고 들어가서 버전 설정을 할 수 있다. Angular 버전 역시 node처럼 내장된 최신 버전과 npm을 통해 별도 설치한 버전 중에서 선택할 수 있다.

WebStorm에서 프로젝트 생성으로 시작하니까 Configurations도 잘 잡힌다. 나중에 프로젝트를 불러와 앵귤러 프로젝트로 인식 시키기 위해서 이 부분을 참고하면 좋을 것 같다.

2. Dependencies 다운로드

package.json 우클릭 하고 Run 'npm install'

3. 앱 서버 실행하기

또 다른 방법...

package.json 우클릭 하고 Show npm Scripts 그러면 아래와 같이 npm 창이 하나 더 생긴다.

그러면 이 npm 창에서 'start'명령을 찾아서 우클릭 하고 Run을 하면 된다.

터미널로 프로젝트 생성하든, WebStorm으로 생성하든 파일 생성은 역시 동일하게 된다.

그 다음은... 앵귤러 학습하기

angular.kr/start

Tag. 앵귤러 webstrom, webstorm 앵귤러, angular webstorm, webstorm angular, angular hello world, angular helloworld, 앵귤러 hello world, 앵귤러 helloworld

gentrify : 타동사로 (지역·사람 등을) 고급으로[품위 있게] 바꾸다는 뜻을 가지고 있다.

-fication : 접미사로-fy로 끝나는 동사의 명사형으로 「…화하기」를 만든다.

그대로 직역하면 "(지역·사람 등을) 고급화한다"가 된다. 하지만 단어의 뜻과 달리 젠트리피케이션이 의미하는 것은 부동산, 임대료가 저렴한 낙후된 지역에 중산층 이상의 사람이 몰리고 발전하면서 기존에 거주 중이던 저소득층 원주민을 밀어내는 현상을 말한다. 재개발, 상권이 어느날 핫플레이스가 되는 것, 주변 부동산 시세로 인해 대안 지역으로 꼽히는 곳 등에서 주로 발생한다.

"Ruth Glass (born Ruth Adele Lazarus, 1912–1990) was a German-born British sociologist."에 의해 만들어진 용어다.