vscode 에서 nodejs 코딩을 하다보면 코드를 정렬해 주는 툴 중에 prettier라는 것이 있다. 이 기능을 vim에서도 사용할 수 있는 방법이 있다.

https://vimawesome.com/plugin/vim-prettier-who-speaks 에서 설치하는 방법을 따라서 할 수 있다.

Vundle 을 설치했다고 가정하고.

~/.vimrc 파일에 아래 옵션을 추가 한다

Plugin 'prettier/vim-prettier', { 'do': 'yarn install' }
  1. :w를 통해 저장
  2. :source %명령을 통해 소스를 적용 시킨다.
  3. :PluginInstall 을 통해서 설치한다.

이제 yarn 을 통해서 설치해야 한다.

node 가 설치되어 있고, npm 이 설치 되어 있는 상태에서 진행을 해야 한다.
prettier를 사용하기 위해서는 npm이 필요하다.
$ npm -g install yarn를 통해서 global로 yarn을 설치하자.

vim-prettier가 설치되어 있는 폴더로 이동

$ cd ~/.vim/bundle/vim-prettier/

yarn을 통해서 vim-pretter에 필요한 모듈을 설치

$ yarn

참고
: yarn = yarn install 과 같은 동작을 한다

이제 파일들을 수정하고 난 뒤에

:Prettier명령을 통해서 자동으로 정렬되는 것을 확인 할 수 있다.

Imgur

저장할 때 자동으로 Prettier 적용하기

~/.vimrc파일 에 아래 항목을 추가 한다.

vim 8+ 버전에서

let g:prettier#autoformat = 0
autocmd BufWritePre *.js,*.jsx,*.mjs,*.ts,*.tsx,*.css,*.less,*.scss,*.json,*.graphql,*.md,*.vue,*.yaml,*.html PrettierAsync

기타 옵션에 대해서

VimAwesome페이지에서 더 많은 옵션을 찾을 수 있다.

반응형

'컴퓨터' 카테고리의 다른 글

현재 wiki 문서 도입 중...  (1) 2019.08.06
실리콘 밸리의 개발자 대부분은 Linux, Window 보다 MacOS를 선호할까?  (1) 2019.06.02
MAC | Omnifocus synology WEBDAV 서버를 위한 동기화  (0) 2019.05.09
MAC | 다양한 키보드를 사용한다면 반드시 설치해야 할 유틸  (0) 2019.05.09
맥북에 필수로 설치해야 되는 유틸리티  (0) 2019.05.02

OmniFocus 에서 Webdav 를 이용해서 어디서든 동기화 해서 사용할 수 있는 시스템이 있다. 이렇게 한다면 아이폰이든 맥에서 자동으로 동기화가 되서 같은 DB 를 이용해서 사용할 수 있다.

Omnifocus 설정

동기화 설정에서 아래와 같이 설정하자

example.com:[https 포트]/[시놀로지 계정]

Imgur

지금 동기화 버튼을 누르면, 계정명과 암호를 입력하는 창이 나온다.
입력하면, webdav폴더에 파일이 생성되어 있는 것을 확인 할 수 있을 것이다

반응형

'컴퓨터' 카테고리의 다른 글

실리콘 밸리의 개발자 대부분은 Linux, Window 보다 MacOS를 선호할까?  (1) 2019.06.02
VIM | prettier 적용하기  (0) 2019.05.28
MAC | 다양한 키보드를 사용한다면 반드시 설치해야 할 유틸  (0) 2019.05.09
맥북에 필수로 설치해야 되는 유틸리티  (0) 2019.05.02
라인웍스에서 아웃룩으로 이전하기  (0) 2019.01.04

맥에서 다양한 키보드를 사용하다 보니 필요에 따라서 설정을 변경해야 할때가 많다.
기본적인 function키들은 설정이 가능한데, 추가 설정해야 할 경우에 karabiner를 사용하면 정말 편하다.

처음에는 단순히 한영 전환을 위해서만 사용했는데, 이 기능은 빙산으 일각에 불과하다.

기본적인 OS 에서 단축키 전환

Imgur
윈도우 키보드를 사용할 때 불편한 사항 중 하나가, 키 배열이 다르다는 점이다. 지 엉도 기능만으로 만족한다면 아래 응용프로그램을 사용 할 필요가 없다.

karabiner에서는 키보드별로 단축키를 설정할 수 있고, 모든 키보드에도 단축키를 전환 할 수 있다.

Karabiner를 설치하면 기본 맥에서 설정할 수 단축키는 작동하지 않는다.

Imgur
현재 왼쪽 OPTION, COMMAND, CAPSLOCK, CTRL키를 전환해서 사용하고 있다. 일반 키보드를 사용하면서도 맥의 키 타입을 사용할 수 있어서 좋다.

키보드자체에서 스위치(DLP SWITCH)로 키를 변경할 수 있는 키보드를 사용할 수도 있는데, 운영체제를 바꿔서 사용할때 번거롭다.
예 ) 레오폴드 660 시리즈, 해피해킹 등등

반응형

'컴퓨터' 카테고리의 다른 글

VIM | prettier 적용하기  (0) 2019.05.28
MAC | Omnifocus synology WEBDAV 서버를 위한 동기화  (0) 2019.05.09
맥북에 필수로 설치해야 되는 유틸리티  (0) 2019.05.02
라인웍스에서 아웃룩으로 이전하기  (0) 2019.01.04
CSS | 그라디에이션 로딩 만들기  (0) 2018.07.26

 

 

맥을 처음 사용하면 어떤 프로그램들을 설치해야 할까 모르는 사람들이 많다. 본인도 처음에는 어떤 프로그램을 사용해야 할지 고민을 많이 했고 검색도 많이 했다.

현재는 필수적인 몇개의 파일을 제외하고는 사용하고 있지 않다.

이유는 :

  1. 용량이 늘어남.
  2. 노트북을 바꿀 때마다 불편함.
  3. 단순한게 좋다.

결국에는 상황에 따라서 추가로 설치하겠지만, 다음 항목은 꼭 설치 했으면 한다.

윈도우 처럼 한영키를 변환하기

Imgur

윈도우에서는 스페이스바 오른쪽에 있는 키로 한/영 전환을 하지만 맥에서는 caps lock으로 전환을 한다. 나중에는 익숙해 지겠지만, 윈도우도 겸해서 사용하게 되면 오타 빈도가 늘어난다. 이를 방지 하기 위해서 아래와 같은 프로그램을 사용하자.

karabiner

키보드 매핑하는 프로그램인데, 기본 프로그램에서는 오른쪽 COMMAND 키를 설정할 수가 없다. 이를 해결하고 오른쪽 키를 한/영 키로 전환 할 수 있는 옵션을 제공한다.

압축프로그램 제어

Imgur

윈도우에서 최고로 치는 압축 프로그램은 알집반디집이다. 맥에서도 사용할 수는 있지만 유료로 사용할 수 있기 때문에 이를 대체할 수 있는 프로그램인 The Unarchiver를 사용하자.

장점

  1. 압축을 풀었을 때, 한글이 깨지는 현상을 방지할 수 있다.
  2. 무료
  3. 가볍다

The Unarchiver

APP STORE에서 무료로 다운 받을 수 있다.

윈도우창을 제어하자

Imgur

윈도우에서는 창을 드레그해서 오른쪽이나 왼쪽 끝에 옮겨놓으면 자동으로 화면이 불할되는 기능을 갖고 있다. 하지만 맥에서는 이 기능을 지원하고 있지 않아서 이 앱을 설치해야 한다

유료 버전이며 5000원 정도 하는 걸로 기억한다.
나중을 위해서 편히 결제하는 것을 추천한다.

MAGNET

반드시 설치하시길 …

앱 삭제를 위한 앱

Imgur

앱이 설치되어 있는데 이를 제대로 삭제 해 주지 않는다면… 윈도우에서 레지스트리 쓰레기에서 오는 속도저하가 맥에서도 일어날 수 있다.
이를 방지하기 위해서 지우려는 앱의 연동되어 있는 저장내용도 삭제를 해야 한다.

현재 앱스토어에서 무료로 풀리고 있는 삭제앱을 추천하다.

App Cleaner
자신은 맥을 보다 깨끗하고 효율성 있게 관리하자.

반응형

'컴퓨터' 카테고리의 다른 글

MAC | Omnifocus synology WEBDAV 서버를 위한 동기화  (0) 2019.05.09
MAC | 다양한 키보드를 사용한다면 반드시 설치해야 할 유틸  (0) 2019.05.09
라인웍스에서 아웃룩으로 이전하기  (0) 2019.01.04
CSS | 그라디에이션 로딩 만들기  (0) 2018.07.26
아이맥, 맥북, 맥 부팅이 느려질 때 해결방법  (0) 2018.06.15
라인웍스에서 아웃룩으로 이전하기

개요

회사가 작았을 때에는 라인웍스를 써도 별다른 문제가 없었지만, 회사가 커지려고 하니 오피스365를 결제해서 삼대장 아웃룩, 워드, 엑셀을 사용하기 위함이다!

라인웍스를 도메인(abc.com)에 걸어서 사용하고 있다가, 아웃룩(Outlook)으로 이전하려고 한다.

근데, 이게 한방에 안된다.

문제점

기존에 있던 메일을 그대로 가져와야 하는데, 이것저것 어플들을 많이 소개는 하는데 구매하지 않으면 10개 정도만 한꺼번에 처리 할 수 있습니다.
기본 아웃룩 기능에서는 하나의 파일씩 이전할 수 있습니다.

문제점 1
같은 도메인이기 때문에 POP3, SMTP 와 같은 작업이 OUTLOOK를 통해서 할 수 없었다. (혹시 있다면 알려주시길…)
문제점 2 … EML 파일
라인웍스에서 백업을 실행하면 생성되는 파일은 EML 파일입니다. 일반적인 방법으로 이 파일을 아웃룩에 연동하는 방법은 하나씩 저장해야 합니다. (동시에 여러 파일들이 안 됨)

해결방법

Outlook import 플러그인을 설치해서 간단히 해결할 수 있다.

준비과정

플러그인 설치

라인웍스 백업

라인웍스 파일 백업하기

Imgur

Warning
보낸 메세지도 저장하고 싶으면 보내기를 따로 저장해야 된다.

압축을 풀어두자.

아웃룩에서 EML 메일 가져오기

아웃룩에서 설치되어 있는 파일을 확인할 수 있다.

Imgur

[Import Messages from EML files] 를 클릭하면 아래와 같은 창이 뜬다

Imgur

다음과 같은 완료화면이 나오면 성공

Imgur

감사

이런 갓 프로그램을 무료로 만들어 주셔서 너무 감사합니다.

Reference

반응형
저작자표시

'컴퓨터' 카테고리의 다른 글

MAC | 다양한 키보드를 사용한다면 반드시 설치해야 할 유틸  (0) 2019.05.09
맥북에 필수로 설치해야 되는 유틸리티  (0) 2019.05.02
CSS | 그라디에이션 로딩 만들기  (0) 2018.07.26
아이맥, 맥북, 맥 부팅이 느려질 때 해결방법  (0) 2018.06.15
angular vs react vs vue 에 대해서  (0) 2018.01.26

animation gradation 만들기

<!-- index.html -->
<div class="anime"></div>

/* index.css */
.anime{
	height: 100px;
	display: block;
	width: 100%;
	background-image: linear-gradient(to right, #fff98f 0%, #47cf8d 50%, #fff98f 100%,);	
	background-size: 200% auto;
	animation: grdAnime 2s infinite linear;
}

@-webkit-keyframes grdAnime{
	0%{
		background-position: 0 0;
	}
	100%{
		background-position: 200% 0;
	}
}
@keyframes grdAnime{
	0%{
		background-position: 0 0;
	}
	100%{
		background-position: 200% 0;
	}
}
반응형
저작자표시

'컴퓨터' 카테고리의 다른 글

맥북에 필수로 설치해야 되는 유틸리티  (0) 2019.05.02
라인웍스에서 아웃룩으로 이전하기  (0) 2019.01.04
아이맥, 맥북, 맥 부팅이 느려질 때 해결방법  (0) 2018.06.15
angular vs react vs vue 에 대해서  (0) 2018.01.26
Javascript | Null 과 undefined  (0) 2018.01.24

아이맥, 맥북, 맥 부팅이 느려질 때 해결방법

2013 late 아이맥을 사용하고 있는데 high sierra로 올리고 난 다음 부터 부팅 시동음이 울릴때까지 2,3분이 걸린다.

그 해결책으로 여러가지를 검색 해 본 결과 아래와 같은 방법을 적용해 보라고 한다.

  1. Shutdown the computer, wait 30 seconds, restart the computer.
  2. Resetting your Mac’s PRAM and NVRAM
  3. Reset the System Management Controller (SMC)
  4. Start the computer in Safe Mode, then restart normally. This is slower than a standard startup.
  5. Repair the disk by booting from the Recovery HD. Immediately after the chime hold down the Command and R keys until the Utility Menu appears. Choose Disk Utility and click on the Continue button. Select the indented (usually, Macintosh HD) volume entry from the side list. Click on the First Aid button in the toolbar. Wait for the Done button to appear. Quit Disk Utility and return to the Utility Menu. Restart the computer from the Apple Menu.
  6. Create a New User Account Open Users & Groups preferences. Click on the lock icon and enter your Admin password when prompted. On the left under Current User click on the Add [+] button under Login Options. Setup a new Admin user account. Upon completion log out of your current account then log into the new account. If your problems cease, then consider switching to the new account and transferring your files to it - Transferring files from one User Account to another.
  7. Download and install theOS X El Capitan 10.11.6 ComboUpdate or 10.12.6 Combo Update or macOS High Sierra 10.13.2 Combo Update as needed.
  8. Reinstall OS X by booting from the Recovery HD using the Command and R keys. When the Utility Menu appears select Reinstall OS X then click on the Continue button.
  9. Erase and Install OS X Restart the computer. Immediately after the chime hold down the CommandandRkeys until the Apple logo appears. When the Utility Menu appears:
  10. 개발자 포럼에서 sudo trimforce diasble을 적용하면 빨라진다는 말이 있다.

본인은 일단 다 했봤는데, 재부팅은 빨라졌다. 첫 구동 할때는 느림. 그래도 재시작이 빨라져서 너무 좋다.

반응형
저작자표시

'컴퓨터' 카테고리의 다른 글

라인웍스에서 아웃룩으로 이전하기  (0) 2019.01.04
CSS | 그라디에이션 로딩 만들기  (0) 2018.07.26
angular vs react vs vue 에 대해서  (0) 2018.01.26
Javascript | Null 과 undefined  (0) 2018.01.24
미니컴퓨터 Asrock deskmini 110  (0) 2017.12.14
angular vs react vs vue

javascript framework 개발환경이 2017년에는 많은 변화가 있었습니다. 급부상하고 있는 Vue.js (ver.2 로 진화중) 와 엄청난 업데이트를 진행하고 있는 Angular (현재 5.x), Facebook이 이끌어가고 있는 React.js.

angular를 사용하고 있었는데, 갑작스런 angular5 와 typescript 와 혼용되면서 많은 변화에 적응을 못하고 있는 상황입니다. 가벼운 것들을 만드려고 하는데 시작부터 과대한 몸집을 가지고 있어서 균형을 맞춰주기 힘든 실정입니다.
하이브리드앱 개발을 위해서는 위에 3개의 Javascript을 잘 알아야합니다.

먼저 단일 페이지 응용 프로그램 (SPA)이 필요한지 또는 여러 페이지 접근 방식을 택해야하는지 확실하게 결정해야합니다.

  • 프레임워크 라이브러리 생태계의 크기가 얼마나 되는가.
  • 해당 언어의 커뮤니티가 얼마나 활성화되어 있는가.
  • 프레임워크 개발자를 쉽게 접할 수 있는가
  • 프레임워크의 기본개념에 대해서는 알고 있는가.
  • 프로그램의 크기는 얼마나 될 것인가.
  • 프레임워크의 학습곡선은 어떻게 되는가
  • 어떤 종류의 성능을 기대할 수 있는가.
  • 선택한 프레임워크로 어떻게 개발을 시작하는가

역사

Angular

TypeScript를 기반의 Javascript 프레임워크. 구글이 개발유지 중.
슈퍼 MVW(Model-View-Whatever) 프레임워크라고 불리운다.

React

"사용자 인터페이스를 만들기 위한 Javascript

2013년 등장해서 Facebook 이 개발, 유지관리합니다.

Facebook은 React Fiber의 출시를 위해 노력하고 있습니다. 후드에서 React가 변경됩니다. 결과적으로 렌더링 속도가 훨씬 빠르지 만 변경 후에는 이전 버전과의 호환성이 유지됩니다. 페이스 북은 2017 년 4 월 개발자 회의에서 변경 사항에 대해 이야기하고 새로운 아키텍처에 대한 비공식적 인 기사가 공개되었습니다. React Fiber는 2017 년 9 월에 React v16과 함께 발표되었습니다.

Vue

Vue는 2016 년에 가장 빠르게 성장하는 JS 프레임 워크 중 하나입니다.
Vue는 자체를 "대화 형 인터페이스 구축을 위한 직관적이고 신속하며 구성 가능한 MVVM"이라고 표현합니다.

Google 직원 인 Evan You가 2014 년 2 월에 처음 출시했습니다. Vue가 큰 회사의 후원없이 1 인 쇼처럼 많은 견인력을 얻고 있다는 점을 감안할 때 상당히 성공적이었습니다.

Vue로 제작된 페이지

트렌드

여러 가지 이름과 버전으로 인해 Google 검색 트렌드에서 Angular, React 및 Vue를 비교하기가 어렵습니다.
아래은 구글트렌드로 검색을 한 최근 5년간의 분류로 검색 이슈에 대한 기록입니다.

Imgur

Stackoverflow 2017 설문 조사에 따르면 React는 조사 대상 개발자의 67 %와 AngularJS에 의해 52 %의 사랑을 받았습니다.

AngularJS (48 %) 대 React (33 %)는 "개발을 계속할 관심이 없습니다."
Vue는 두 경우 모두 상위 10 위 안에 들지 않습니다.

그런 다음 "프런트 엔드 프레임 워크"를 비교하는 statejs.com 설문 조사가 있습니다. 가장 흥미로운 사실은 React와 Angular가 100 % 인지도를 지니고 있으며, Vue는 설문 조사 대상 사람들의 23 %에게 알려지지 않았습니다.
만족도와 관련하여 React는 "다시 사용할 것"에 대해 92 %, Vue 89 % 및 Angular 2 만 65 %를 기록했습니다.

Stackoverflow 2017 설문 조사에서 재미난 설문조사 자료를 얻을 수 있습니다.

개발인력

Javascript를 더 배우고 싶지않는 개발자라면 Angular 또는 Vue를 선택하는 것이 좋습니다.
React는 더 많은 Javascript를 사용해야 합니다.

Angular 프레임 워크에 대한 좋은 점은 다른 회사의 새로운 Angular 2 개발자가 필요한 모든 규칙을 신속하게 익히게된다는 것입니다. 반응 프로젝트는 아키텍처 의사 결정 측면에서 각기 다르며, 개발자는 특정 프로젝트 설정에 익숙해 져야합니다.
Angular는 객체 지향 배경을 가진 개발자이거나 Javascript가 마음에 들지 않는 개발자에게 유용합니다.

라이브러리 생태계

Angular는 라이브러리가 아닌 프레임 워크이므로 응용 프로그램을 구조화하는 방법에 대해 강력한 의견을 제시하고 상자에서 더 많은 기능을 사용할 수 있기 때문입니다. Angular는 쾌적한 시작을 제공 할 수있는 "완벽한 해결책"입니다.
라이브러리, 라우팅 솔루션 등을 분석 할 필요가 없이 바로 시작할 수 있습니다.

반대로 React와 Vue는 유연합니다. 라이브러리는 모든 종류의 패키지와 쌍을 이룰 수 있습니다 (npm에 대한 React는 꽤 많이 있지만, Vue는 여전히 어리기 때문에 패키지가 적습니다).
React를 사용하면 Inferno와 같은 API 호환 대안을 위해 라이브러리 자체를 교환 할 수도 있습니다. 그러나 큰 유연성에는 큰 책임이 따릅니다. React에는 규칙이없고 제한된 지침이 없습니다. 모든 프로젝트는 아키텍처와 관련된 결정을 요구하며, 상황을 어렵게 만들 수 있습니다.

two-way data binding (양방향 데이터 바인딩)

React와 Angular의 가장 큰 차이점은 단방향 대 양방향 바인딩입니다. Angular의 양방향 바인딩은 UI 요소 (예 : 사용자 입력)가 업데이트 될 때 모델 상태를 변경합니다.
반응은 한 가지 방법으로 진행됩니다. 먼저 모델을 업데이트 한 다음 UI 요소를 렌더링합니다.
Angular의 메서드는 코드에서보다 깨끗하며 개발자가 쉽게 구현할 수 있습니다. 데이터가 한 방향으로 만 흐르기 때문에 (즉, 디버깅이 쉬워 짐) React의 방법은 더 나은 데이터 개요를 제공합니다.
두 개념 모두 장단점이 있습니다.
개념을 이해하고 이것이 프레임 워크 결정에 영향을 미치는지 확인해야합니다.
여기에 몇 가지 대화식 코드 예제를 찾을 수 있습니다.
마지막으로 Vue는 단방향 바인딩과 양방향 바인딩 (기본값은 단방향)을 모두 지원합니다.

코드작성에서

Angular는 하나의 객체가 다른 객체 (클라이언트)에 의존성주입 을 제공하는 패턴 인 종속성 주입을 포함합니다. 이로 인해 더 많은 유연성과 코드가 생성됩니다.

model-view-controller 패턴 (MVC)은 프로젝트를 모델, 뷰 및 컨트롤러의 세 가지 구성 요소로 나눕니다.
Angular MVC 프레임 워크는 MVC를 기본적으로 제공합니다.
React에만 V가 있습니다 - 당신은 스스로 M과 C를 풀어야 합니다.

유연성(Flexibility), 간소화(Microservice)

소스 코드에 Javascript 라이브러리를 추가하기 만하면 React 또는 Vue로 작업 할 수 있습니다.
Angular는 TypeScript를 사용하기 때문에 Angular에서 불가능합니다.

React와 Vue를 사용하면 실제로 필요한 것만 선택하여 응용 프로그램의 크기를 조정할 수 있습니다. 이전 응용 프로그램의 일부를 사용하여 SPA에서 마이크로 서비스로 전환하는 데 더 많은 유연성을 제공합니다. SPA에 가장 적합한 Angular는 마이크로 서비스에 사용하기에는 너무 덩치가 큽니다.

다음 사이트에서 JS 프레임워크의 벤치결과 및 테스트를 진행할 수 있습니다.

Testing (테스트)

Angular2에는 Jasmine, Facebook은 Jest를 사용하여 React 코드를 테스트합니다.

Vue는 테스트 가이드가 없지만 Evan은 2017 년 미리보기에서 팀이이 작업을 계획하고 있다고합니다. 카르마를 사용하는 것을 권장하고 있습니다.
Vue는 Jest와 함께 작동하며 테스트 유틸리티로 avoriaz도 있습니다.

Universal, native apps (유니버셜, 네이티브앱)

하이브리드앱을 제작하는데 사용되고 있습니다.
어플리케이션은 웹, 데스크탑 및 네이티브 애플 리케이션의 세계로 어플리케이션을 소개하고 있습니다.

React와 Angular 모두 네이티브 개발을 지원합니다.
Angular는 네이티브 응용 프로그램 용 NativeScript (Telerik 지원) 및 하이브리드 응용 프로그램 용 Ionic Framework를 보유하고 있습니다.
React를 사용하면 반응 네이티브 렌더러를 통해 크로스 플랫폼 iOS 및 Android 앱을 제작하거나 네이티브 앱에 반응 할 수 있습니다.

Javascript 프레임 워크는 클라이언트에서 페이지를 렌더링합니다. 이것은 인식 된 성능, 전반적인 사용자 경험 및 SEO에 좋지 않습니다. 서버 측 사전 렌더링은 장점입니다. 세 가지 프레임 워크에는 모두 도움이되는 라이브러리가 있습니다. React에는 next.js가 있고 Vue에는 nuxt.js가 있고 Angular에는 Angular Universal이 있습니다.

학습곡선

확실히 Angular의 가파른 학습 곡선이 있습니다.
그것은 포괄적 인 문서를 가지고 있지만 때로는 생각보다 어렵기 때문에 좌절감을 느낄 수도 있습니다.
Javascript에 대한 깊은 이해가있는 경우에도 프레임 워크의 내부에서 진행중인 작업을 알아야합니다.
설치를 시작하면 엄청난 코드와 패키지를 한꺼번에 설치합니다. 시간이 지남에 따라 배울 필요가 있는 생태계가 있기 때문에 부정적인 요소로 작용할 수 있습니다.
다른 한편으로는, 많은 설정이 되어있기 때문에 바로 결과물을 만들 수 있는 장점이 있습니다.

React를 사용하면 타사 라이브러리와 관련하여 많은 설정을 할 수 있습니다. React에서만 선택할 수있는 상태 관리를위한 16 개의 다른 flux 패키지들이 있습니다.

Vue는 배우기가 꽤 쉽습니다.
주니어 개발자에게는 Vue가 훨씬 쉬워 보이기 때문에 Vue로 많이들 전환합니다.
여기에서는 Angular에서 Vue로 이동에 관한 글에 대해 읽을 수 있습니다. 다른 사용자에 따르면, 회사의 React 앱은 너무 복잡하여 새로운 개발자가 코드를 따라갈 수 없다고 합니다.
Vue를 사용하면 중학교 및 고위 개발자 간의 격차가 줄어들고 버그, 문제 및 개발 시간을 최소화하면서보다 쉽게 ​​공동 작업을 수행 할 수 있습니다.

어떤 사람들은 React에서 작업이 Vue에서 더 잘 작동한다고 주장합니다. 주니어 Javascript 개발자이거나 지난 10 년 동안 주로 jQuery로 작업 한 적이 있다면, Vue 사용을 고려해야 합니다.
패러다임 이동은 React로 이동할 때 더욱 두드러집니다.
Vue는 일반 Javascript와 유사 해 보이지만 구성 요소, event-driven-model(이벤트 중심 모델) 및 one-way data flow(단방향 데이터 흐름)과 같은 새로운 아이디어를 소개합니다.

결론

Typescript를 좋아한다면 : Angular
OOP(Object Orientated Programming)를 한다면 : Angular
가이드라인, 구조, 도움의 손길이 필요하다면 : Angular
거대한 생태계를 좋아한다면 : React
유연성을 원한다면 : React
원하는 패키지만 사용하고 싶다면 : React
Javascript를 사랑하고, 자바스크립트 접근법을 가지고 있다면 : React
깔끔한 코드를 좋아한다면 : Vue
가벼운 프레임워크를 원한다면 : Vue
쉬운 학습곡선을 원한다면 : Vue
혼자 일하거나 작은 팀으로 일한다면 : Vue
앱의 덩치가 크다면 : Angular
하이브리드 네이트브앱을 만들고 싶다면 : React, Angular
깔끔한 HTML 파일이 필요하고 디자이너와 일하고 있다면 : Angular, Vue
제한된 생태계를 싫어한다면 : React

다른 사이트들을 참고해서 작성했지만, 솔직히 나도 알고 싶은 결론을 도출하기까지 너무 많은 시간이 걸렸다.
React와 Vuew은 아직 사용해 보지 않아서 잘은 모르지만 혼자 간단한 사이트를 제작하는데 Vue로 작성을 고려해 보는게 좋을 꺼 같다. 그런데, Javascript 가 조금 싫은데…

반응형
저작자표시

'컴퓨터' 카테고리의 다른 글

CSS | 그라디에이션 로딩 만들기  (0) 2018.07.26
아이맥, 맥북, 맥 부팅이 느려질 때 해결방법  (0) 2018.06.15
Javascript | Null 과 undefined  (0) 2018.01.24
미니컴퓨터 Asrock deskmini 110  (0) 2017.12.14
github.io 블로그 만든 후기  (0) 2017.10.01
Javascript | Null 과 undefined

Javascript 를 사용하다보면, 언젠가 한번은 직면하게 될 문제인 Null 과 Undefined입니다. 자바스크립을 처음 접할때는 둘다 같은 같은 null을 의미한다고 생각하고 넘어갔습니다만, 깊게 들어가보면 다르다는 것을 알 수 있습니다.,

Null

  • 비어있거나 존재하지 않는값
  • 할당해야 하는 값
let a = null;
console.log(a); // result : null

객체로 취급됩니다.

Undefined

  • 변수가 선언 되었지만, 아무 값도 할당되지 않은 상태
let b;
console.log(b); // undefined

변수를 underfined로 설정할 수도 있습니다.

let c = underfined;
console.log(c); // undefined

var d = {};
console.log('d',d); // undefined

아무값도 할당되지 않은 상태라 값을 할당할 수 있지만 null은 아닙니다.

반응형
저작자표시

'컴퓨터' 카테고리의 다른 글

아이맥, 맥북, 맥 부팅이 느려질 때 해결방법  (0) 2018.06.15
angular vs react vs vue 에 대해서  (0) 2018.01.26
미니컴퓨터 Asrock deskmini 110  (0) 2017.12.14
github.io 블로그 만든 후기  (0) 2017.10.01
acronis backup 12 centos 7 서버를 통해서 ms sql 백업  (0) 2017.09.14

컴퓨터 조립 Asrock deskmini 110 + WIFI 맞추기

지인의 컴퓨터를 조립하기 위해서 견적을 알아보다가, 게임은 안하시고 사무용으로 사용하실 꺼라. 직접 조립을 해 준다고 했다.

한곳에서 부품을 구매하려고 했더니 가격이 올라가서 배송 합체 머신을 만들려고 한다.

Imgur

네이버쇼핑몰과 에누리에서 G4560 + deskmini 완제품을 팔고 있는데, 믿을 수가 없어서 직접 구매하려고 한다.
원하는 사양에 맞출수 없을 꺼 같다는 생각이 들었다.

주의할점

asrock Deskmini 110 에 대한 정보를 좀 알아가야합니다.

구매목록을 보면 하드와 CPU와 RAM 만 규격에 맞는 것을 구매해 주면 됩니다.

종류 규격
SSD M.2 SSD 슬롯 (M.2 2280 PCIe Gen3 x4 지원)
2 x 2.5” HDD or SDD
CPU 6, 7세대 소켓 1151(최대 TDP 65W)
RAM DDR4 2400Mhz SO-DIMM

이정도만 주의하면 무난하게 원하는 물품을 구매할 수 있습니다.

SSD

  1. 일반 SSD 를 구매할 때는 크기만 맞춰주시면 됩니다.
  2. m.2를 구매할 때는 SATA가 아닌 PCIe 가 지원되는 2280 크기로 구매하셔야 합니다.
    네이버에서 구매를 하신다면 아래와 같은 정보가 있는지 확인 하셔야 합니다.

Imgur

반드시 상세정보를 확인해 주세요.
NVMe NGFF 와 같은 PCIe3.0x4 (32GT/s) 세부모델이 있습니다. 일단 하위 호환이 되기 때문에 사용은 할 수 있지만, 최대 성능을 이끌어내지는 못합니다.
그리고 비싸요.

CPU

socket 1151만 맞추면 문제 없습니다. 1151규격에 맞는게 최신 CPU 밖에 없기 때문이죠.

다나와에서 이렇게 검색을 해보면 금방 나옵니다.

Imgur

RAM

지원속도 2,400MHz인 것만 구매하면 됩니다. 하위호환이 되니까 높은 걸 구매해도 됩니다.

Imgur

결론

사양 네이버쇼핑몰검색 별개구매
asrock deskmini 110 + wifi 176,790 ₩134,000
인텔 펜티엄 G4560 (카비레이크) (벌크 + 쿨러) 73,000 ₩78,480
삼성SSD/PM961/M.2/병행수입/256GB/내장 1개 106,300 ₩119,230
삼성 8G DDR4 19200 RAM (2400Mhz) 83,100 ₩85,300

최저가보다는 조금 오른 가격이 되었지만, 다른 사람들이 판매하는 완성품 가격보다는 몇만원 저렴하게 구매할 수 있었습니다.

역시 완성품보다는 직접 조립이 짱이죠!

반응형
저작자표시

'컴퓨터' 카테고리의 다른 글

angular vs react vs vue 에 대해서  (0) 2018.01.26
Javascript | Null 과 undefined  (0) 2018.01.24
github.io 블로그 만든 후기  (0) 2017.10.01
acronis backup 12 centos 7 서버를 통해서 ms sql 백업  (0) 2017.09.14
HP DL80 gen9 centos 설치하기  (0) 2017.09.11

+ Recent posts

티스토리툴바