☘️ 문제점React 에서 컴포넌트의 틀을 직접 코드로 작성하다 보면 번거롭고, 복붙을 하게 되면 실수하는 경우가 발생한다.그래서 이러한 문제점을 해결하기 위해 코드 스닛펫을 사용하여 간편하게 코드의 틀을 만들 수 있어 시간을 절약할 수 있다. ☘️ 코드 스닛펫 Extension코드 스닛펫을 간단하게 익스텐션(Extension)을 이용해 사용할 수 있다.다양한 익스텐션이 있는데 그중에서 내가 사용하는 익스텐션은 Reactjs code snippets 이다. 해당 익스텐션의 스니펫의 종류는 Reactjs code snippets 에서 자세히 볼 수 있다. 코드 스닛펫 익스텐션 - 사용 방법다양한 스니펫 중에서 내가 제일 많이 사용하는 건 rsc 이다.아래처럼 키워드를 입력하고 엔터를 누르면 자동으로 코드가..

팀 프로젝트를 하다보면, 사람마다 코드 스타일이 다른 경우가 발생한다.그래서 코드의 규칙을 설정하여 일관성을 맞춰주기 위해 eslint 와 prettier 를 사용한다. 실제로 나도 팀프로젝트를 진행하면서 eslint 와 prettier 를 사용하였고,우아한테크코스 프리코스를 진행하면서도 eslint 와 prettier 를 계속 사용할 만큼 개발할 때 중요한 기술이다. ESLint & Prettier 란?그럼 여기서 eslint 와 prettier 는 정확하게 무엇일까?ESLintESLint 는 간단하게 말하자면 코드 구현 방식 규칙을 설정해주는 것이다.즉 코드를 구현하는 방식을 일관성 있게 설정해주는 것이다. 그래서 맞는 코드여도 규칙을 지키지 않았다면 해당 부분에 오류 flag 를 자동으로 달아준다...