경력만 많은 초보개발자

1. Homebrew 설치

Homebrew는 터미널 환경에서 명령어 한 줄로 프로그램을 설치 및 제거할 수 있는 Mac 용 패키지 관리 애플리케이션으로 맥북 사용자라면 반드시 설치해야 하는 필수 애플리케이션입니다.

설치시 다음과 같이 터미널에서 실행

/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"

패스워드 입력후 기다리면 설치가 완료됨..

brew --version 

으로 설치된것을 확인

환경변수가 등록이안될시

# zshrc에 homebrew path 추가

$ echo 'export PATH=/opt/homebrew/bin:$PATH' >> ~/.zshrc

# zshrc 반영

$ source ~/.zshrc

Homebrew 사용하기

brew search <패키지_이름>

wget 찾기

brew search wget

패키지 설치

brew install wget

설치목록 확인

brew list

정보확인

brew info wget

패키지 업데이트

brew upgrade wget

패키지 삭제

brew uninstall wget

명령어 확인

brew

프로그램 설치 관련

• brew update : brew를 최신 버전을 업데이트
• brew search <패키지명> : 설치 가능한 프로그램 검색
• brew install < 패키지명>[@버전] : 프로그램 설치[@특정버전]
• brew upgrade <패키지명> : 패키지 업그레이드
• brew upgrade : 모든 패키지 업그레이드

정보 확인

• brew list : 설치된 프로그램 목록
• brew info <패키지명> : 패키지 정보 보기
• brew outdated : 업그레이드 필요한 프로그램 찾기

삭제

• brew cleanup <패키지명> : 최신 버전 이외의 버전 삭제
• brew uninstall <패키지명> : 특정 패키지 삭제

시스템 상태 확인

• brew doctor : Homebrew 설치 상태 점검

Homebrew 제거하기

/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/uninstall.sh)"

* 해당 비교는 React 를 기준으로 작성하였습니다.

1. 프로젝트 생성.

2. ionic cap add android 실행후

> android 폴더가 생성된것을 확인

3. ionic cap add ios 실행후

> ios 폴더가 생성된것을 확인

4. android,ios 두가지를 실행하면 두개의 폴더가 다 생성된다.

4-1 모바일 프로젝트 만들기에 이어집니다.

ionic cap sync 명령어 수행이 완료후

IDE를 실행하도록 명령어를 입력

> ionic cap open android

> ionic cap open ios

해당 명령어로 실행시 IDE가 실행되며 각 프로젝트 폴더가 자동으로 Open되기 때문에 편리합니다.

* 최초 실행시 프로젝트 링크 및 gradle build 등 시간이 걸릴수있음.

실제 기기에 빌드 하기위한 방법.

안드로이드의 경우 Android Studio, ios의 경우 Xcode 가 설치 되어있어야됨.

- 프로젝트 생성

1) 프로젝트로 이동

2) 다음과 같은 명령어를 사용 

  2-1) ionic cap add android

  2-1-1) cordova 일경우 

    ionic cordova prepare android 실행

  2-2) ionic cap add ios

  2-3) 각 명령어를 실행하면 프로젝트 폴더 내부에 해당 os에 맞는 폴더 생성

3) 폴더 생성이 완료 되면 다음과 같은 명령어 실행 (해당명령은 작성된 소스코드를 mobile 소스로 build 해주는 명령어)

  > ionic cap sync

Ionic 6기준으로 선택할수있는 Framework 는 3가지이다.

큰차이점은 Angular,Vue 는 Framework 인 방면 React는 library

Farmework는 누군가가 만들어놓은 Framework라는 틀 안에서 작동

Library는 특정 기능이 필요할때, 원하는기능을 Library에서 호출하는 방식.

* Angular

   - Goggle에서 만든 타입스크립트 기반의 웹 어플리케이션 오픈소스 Framework

   - 가장 다루기 어렵고 가장 많은 것을 만들수 있는 Framework

   - Project의 생성부터 테스팅, 빌드와 배포까지 모든 기능을 제공

  - 유니크한 템플릿 문법이 정해져 있기에 자유도가 떨어짐.

  - 문법이 맞춰져 있고 타입스크립트 기반이라 유지관리에 용이 

* React

  - Facebook에서 만든 자바스크립트 UI Library

  - 유연성이 좋고 웹,앱개발로 확장할수 있음.

  - create-react-app 등의 커맨드라인 인터페이스(CLI)가 많아 접근성이 좋고 편리한 강점

  - Vitrtual DOM을 활용하여 성능을 높임

  - React는 Vue,Anguar와 달리 JSX라는 Javascript에 XML을 확장한 문법을 사용

    (Javascript에서 HTML과 유사한 형태로 코드를 작성할 수 있어서 Code가 직관적이고 가독성이 좋음)

  - 작성한 코드는 웹팩(Webpack)과 바벨(Babel)이라는 것을 통해 성능 및 용이성을 높여

     > 웹팩은 여러 모듈을 하나로 묶어주어 웹 서비스의 속도를 개선해주는 모듈 번들러

     > 바벨은 구형 브라우저에서도 최신 자바스크립트 코드를 번역하게끔 변환시켜주는 트랜스파일러

* Vue

   - Evan You라는 개발자가 독립적으로 만든, UI를 위한 Javascript Framwork

   - Virtual DOM를 이용 , 컴포넌트를 사용

   - React와 매우 유사

   - 가벼다는 장점

   - 익히기 쉬움.

   - React와 Angular에서 쓸만한 기능들만 따서 만듬.

   - 개인이 만든만큼 프레임워크의 유지관리 측면이 부족(정보량이 다른것에 비해 부족)

* 성능 및 차이점

1. node.js 설치

* 설치시 보안 오류: (:) [], PSSecurityException 오류가 발생시 다음을 확인해본다.> Get-ExecutionPolicyRestricted 가 출력되면 스크립트 실행이 제한된 상태다 해당 제한을 풀어야된다.

> Set-ExecutionPolicy RemoteSigned

 

 

 

4. 설치후

- cordova -v

- phonegap -v

5. ionic 확인

> ionic -v