[Mac] 맥 개발환경 설정 (5) - 인텔리제이(intellij) 설치, react 스니펫 단축어

 
1. 인텔리제이 설치하기
IntelliJ IDEA

IntelliJ IDEA – the Leading Java and Kotlin IDE

 
2. 플러그인 설치하기

• Rainbow Brackets : 괄호의 색상을 구분해줌
• Dracula Theme : 테마 변경
• Atom Mertarial Icon : 아이콘 변경
• Nyan Progress Bar : 프로그래스 바에 고양이가 날아다닙니다 (귀여움)

 
3. 기본 터미널 변경하기

• /bin/bash : git bash 기준 
• /bin/zsh : zsh 기준

react snippets

1. rsc: 화살표형 컴포넌트 생성

import React from 'react';

const Counter = () => {
    return (
        <div>
            <button>+1</button>
            <button>-1</button>
        </div>
    );
};

export default Counter;

 
2. rcc : 클래스형 컴포넌트 생성

import React, {Component} from 'react';

class Counter extends Component {
    render() {
        return (
            <div>
                
            </div>
        );
    }
}

export default Counter;