VSCode 편한 개발환경 만들기(확장프로그램 설치)

1. Simple React Snippets

 

 

cc	Class Component
ccc	Class Component With Constructor
cpc	Class Pure Component
ffc	Function Component
sfc	Stateless Function Component (Arrow function)
cdm	componentDidMount
uef	useEffect Hook
cwm	componentWillMount
cwrp	componentWillReceiveProps
gds	getDerivedStateFromProps
scu	shouldComponentUpdate
cwu	componentWillUpdate
cdu	componentDidUpdate
cwun	componentWillUnmount
cdc	componentDidCatch
gsbu	getSnapshotBeforeUpdate
ss	setState
ssf	Functional setState
usf	Declare a new state variable using State Hook
ren	render
rprop	Render Prop
hoc	Higher Order Component
cp	Context Provider
cpf	Class Property Function

react에 필요한 소스 생성 키워드

 

2. Auto Rename Tag

 

태그 이름을 변경하면 닫혀있는 태그가 알아서 변경됨

 

3. Auto Colose Tag

말 그대로 자동으로 태그를 닫아줌

 

 

이외에 오류를 검사해주고 자동으로 소스를 정리해주는 esLint랑 prettier이 있음.

나는 자꾸 저 Auto close Tag가 있다는 걸 까먹어서 메모해둠 ...