🌱 기초 프론트엔드
콘솔(Console)이 뭔가요?
쉽게 이해하기
요리할 때 맛을 보는 것과 비슷해요. 요리가 잘 되고 있는지 중간중간 맛을 보잖아요. 콘솔도 코드가 제대로 동작하는지 중간에 값을 찍어보면서 확인하는 거예요.
핵심 정리
개발자가 코드를 테스트하고 디버깅할 수 있는 브라우저 도구예요.
자세히 알아보기
콘솔은 브라우저 개발자 도구의 한 부분이에요. Chrome이나 Firefox에서 F12를 누르면 나오는 패널 중 Console 탭이 바로 그거예요.
가장 많이 쓰는 건 console.log()예요. 코드 중간에 console.log(변수명)을 넣으면 그 시점에 변수에 어떤 값이 들어있는지 콘솔에 출력돼요. 버그를 찾을 때 필수 도구죠. console.error()는 에러 메시지를, console.warn()은 경고를 표시할 때 써요.
실무에서는 디버깅의 시작점이에요. 사용자가 '버튼을 눌러도 아무 일도 안 일어나요'라고 하면, 콘솔을 열어서 에러 메시지가 있는지 먼저 확인해요. 빨간 글씨로 에러가 뜨면 어디서 문제가 생겼는지 바로 알 수 있거든요.
콘솔에서는 JavaScript 코드를 직접 실행할 수도 있어요. 함수를 테스트하거나, DOM 요소를 선택해보거나, API 응답을 확인할 때 유용해요. 개발자라면 하루에도 수십 번씩 콘솔을 열어보게 돼요. 디버깅의 가장 기본적이면서도 강력한 도구입니다.