<aside> 📎 개발하면서 얻게 된 팁, 특정 문제에 직면하였을 때 해결방안

</aside>

1️⃣ 개발자도구 잘 활용하기

마우스 우클릭 - [검사]를 통해 접근할 수 있는 DevTools는 개발을 할 때 유용하게 활용할 수 있다.

Elements

프론트엔드 개발을 할 때, 각 화면에 스타일이 어떻게 적용되었는지 확인할 수 있다.

grid를 클릭하면 화면에 나뉘어진 영역이 표시된다.

Console

개발을 하면서 터미널에 나타나는 오류는 없지만, localhost에 구현한 부분이 반영되지 않을 때, 개발자도구의 console에서 어떤 오류가 발생했는지 확인할 수 있다.

또한, console.log()를 통해 데이터를 불러올 때 올바른 데이터를 불러오고 있는지 확인할 수도 있고, 에러메시지도 띄울 수 있다.

useEffect(() => {
    getData();
    console.log(data); 
  }, []);

try {
  (...오류가 발생할 수 있는 부분...)
} catch (error) {
			console.log(error.message);
}

2️⃣ 깃허브 명령어 정리

프로젝트를 진행하면서 자주 사용했던 깃 명령어를 정리하고자 한다.

브랜치 생성하기

$ git checkout -b <브랜치 명>
$ git push origin <브랜치 명> # 만든 브랜치 원격에 반영

브랜치 제거하기