Developer Console 사용하기

개발자 도구 (Developer Console)  -> 크롬창에서 F12 번 누른다

• 브라우저의 우측 상단 메뉴에서 더보기, 개발자 도구 메뉴를 이용해 활성화
• 여러 탭 중 console 탭을 사용해 console 을 확인 가능
• 직접 명령어를 입력해 실행 가능하며 (>) , 그 결과를 바로 확인 가능 (<)

console.log 명령어

• console.log 뒤에 따라오는 괄호 안에 들어있는 메시지를 콘솔창에 출력하는 명령어

Front-end web programming이란 무엇일까요?
Front-end란 앞쪽에라는 뜻인데요. 웹사이트를 구성할때 가장 바깥쪽에서 보이는 부분을 만드는 일이라는 뜻입니다
Front-end가 있다면 반대로 back-end도 있는데요.

차를 예로 들어 볼까요? 차 안에는 차가 달리고, 서게 만들어주는 많은 부분들이 있습니다. 엔진이 있고, 바퀴에 달린 브레이크가 있지요. 하지만 이걸 다 눈으로 보면서 운전하지는 않습니다. 우리는 눈으로 볼 수 있는 브레이크페달과 악셀페달로 엔진과 브레이크를 조작하지요. 브레이크페달과 악셀페달이 Front-end라면, 엔진과 브레이크는 back-end입니다.

다시 웹프로그래밍으로 돌아와서요.
Front-end web programming은 눈에 보이는 부분을 잘 개발하기 위한 기술이라고 생각하시면 됩니다. 
로그인하지 않은 상태에서 이글 아래에 있는 [댓글]버튼을 누르면 "카페 멤버가 아니면 글을 쓸 수 없습니다.(카페 회원은 로그인이 필요합니다.)"라는 팝업이 나오는데요. 이걸 눌렀을때 로그인상태가 아닌지 체크해서, 팝업을 보여줄지 결정하는것도 front-end web programming입니다.