자, 다시 실습입니다.
앞의 게시글에서 보셨던 것처럼 여러줄의 연속된 코드라도 개발자 도구에서 테스트 가능합니다.
다만 여러줄을 입력시에는 enter 키 대신 shift+enter 키를 입력해주시면 됩니다.
개발자도구 콘솔에서 let a=1; 입력 후,
Enter 키 대신 Shift+Enter 키를 입력해 주세요.
(shift 키를 누른 채로 놓지 말고 Enter 키를 누르는 것을 의미합니다 )
그러면 깜박이는 커서가 아랫줄로 내려가는데요.
아직 이 코드는 실행되지 않은 상태입니다.
그 상태에서 중괄호 기호 { 입력 후 shift + Enter
let a=2; 입력 후 shift + Enter
중괄호 기호 닫고 } shift + Enter
마지막으로 console.log(a); Enter 를 입력해주시면,
5줄의 코드가 한꺼번에 실행됩니다.
1이라는 결과가 나왔군요. 앞장에서 다룬것과 동일한 결과임을 알 수 있습니다.
개발자 콘솔에서 편리한 기능이 1가지 더 있는데요.
그것은 화살표 키 기능입니다.
콘솔창이 현재 활성화된 상태라면, 윗방향 화살표 ↑ 키를 눌러 보세요.
그러면 금방 입력했던 5줄이 다시 나타납니다. 그리고 내용을 수정할 수도 있습니다.
화살표 키로 커서를 이동해서 let a=2; 를 a=2; 로 바꿔주세요.
그리고 Enter 키를 입력하시면, 변경된 코드가 실행된 것을 확인할 수 있습니다.
참고로 화살표 ↑ 키를 누르면 그동안 입력했던 과거의 코드를 모두 하나씩 보실수 있습니다.
반대로 화살표 ↓ 키를 누르면 그 반대방향으로 이동합니다.
이 기능도 역시 잘 활용하시면 편리하게 학습하실 수 있습니다.
필요하신 분에게 도움이 되시길 바랍니다. 그러면 이만 :)
도움이 되셨다면 공감 한방, 댓글은 굿잡!
감사합니다~
다음 게시글 : https://itadventure.tistory.com/476