죽이죽이

※ git -h - 해당 명령어에서 사용할 수 있는 옵션 확인 ※ git init - git 초기화 ※ git config -l - git 설정 확인 ※ git config --global - git 설정 변경 (단일 설정 변경) ※ git config --global -e - git 설정 에디터 사용해서 변경 (설정 확인 및 변경) ※ git config - git 설정값 확인 ※ git config --global core.editor "code --wait" - vscode에서 설정 확인 및 변경 가능하도록 지정 ※ git config --global core.autocrlf - 문자열 줄바꿈 지정 (window : true / mac : input) ※ git config --global alia..

자주 사용하는 색상 변수 지정 ※ 사용하는 이유 - 자주 사용하는 색상 또는 Brand Color 같은 경우 사용 시 해당 색상 코드를 기억하지 않더라도 변수를 통해 접근할 수 있게 함으로써 조금 더 편리하게 사용이 가능하다. ※ 전역 변수 사용 (프로젝트 전반적으로 사용 가능) ※ 지역 변수 사용 (변수 선언한 태그의 내부에서만 사용 가능)

React Developer Tools ※ 사용하는 이유 - Components : 컴포넌트를 트리구조로 보여주고 해당 컴포넌트의 상태정보를 확인할 수 있다. - Profile : 렌더링된 컴포넌트를 소요시간과 함께 보여준다. ※ 설치 - Chrome 웹 스토어 : https://chrome.google.com/webstore/search/react%20developer%20tools?hl=ko ※ Components ※ Profile - 녹화 시작 - 녹화 중지 - 컴포넌트마다 렌더링 시간 확인 가능 Lighthouse (Chrome 사용 시 기본 설치) ※ 사용 - 페이지 로드 분석 - 성능, 접근성, 권장사항, SEO 등 점수표 - 개선점 확인 색상 선택 도구 - Geco ※ 사용하는 이유 - 웹 ..

Prettier - Code formatter ※ 사용하는 이유 - 저장(Ctrl + S) 시 코드를 가독성 좋게 정리를 해준다. ※ 설치 ※ 설정 Material Icon Theme ※ 사용하는 이유 - 소스파일 아이콘을 이쁘게 꾸며준다. ※ 설치 ※ 설정 Auto Rename Tag ※ 사용하는 이유 - 태그 변경 시 쌍을 이루는 태그도 자동으로 변경이 된다. ※ 설치 Live Server ※ 사용하는 이유 - 현재 작성하고 있는 코드를 실시간으로 브라우저에 업데이트해서 보여준다. ※ 설치 ※ 실행 open in browser ※ 사용하는 이유 - html 문서를 기본 웹 브라우저로 실행시킬 수 있도록 해준다. ※ 설치 ※ 실행 ES7+ React/Redux/React-Native snippets ※..

Styled-Components ※ 설치 - npm install styled-components ※ import ※ 기본 사용 ※ 속성에 따른 스타일 지정 ※ 스타일 확장 ※ hover, 가상요소 사용