기록장

대소문자 구분하여 작성 읽기 쉽게 들여쓰는 습관 비주얼 스튜디오 코드에서 Tab누르면 4글자의 크기만큼 들여 써짐 세미콜론으로 문장 구분 -자바스크립트에서 세미콜론(;)은 문장을 끝을 나타내지만 세미콜론 붙이지 않아도 실행 된다 하지만 실수로 줄바꿈하지 않으면 오류가 날 수 있기에 문장이 끝나면 붙여주자 자바스크립트 소스에 메모를 하려면 주석으로 //한 줄 주석 /* 여러 줄 주석 */ HTML에서는 사용 식별자는 정해진 규칙을 지켜 작성 식별자는(Identifier)는 자바스크립트 문법의 핵심 요소인 변수, 함수, 속성등을 구분하기 위해 붙이는 특정 단어 var name = prompt("이름을 입력하세요") //name이 식별자임 예약어는 식별자로 사용 할 수 없음

비주얼 스튜디오 코드에서 작성한 JS소스를 크롬에서 쓰면 원하는 결과가 안나올 때가 있다 심지어 책을 보고 그대로 입력했는데 안나오는 경우가 있다 이럴 경우 콘솔에서 오류를 찾아내면 된다 컨트롤+시프트+j 눌러서 콘솔창 열면 빨간색 글자로 오류 내용이 있을거임 오른쪽 위에 오류 개수도 있음 오류 내용은 영어로 표시 오류가 해석이 안되면 오류 내용 오른쪽에 표시된 파일 이름과 오류가 발생한 줄 번호를 눌러보면 된다 --> 지금 경우는 오류가 표시만 됐지 안보이는데 저 부분은 필터부분을 공백으로 바꿔주면 오류가 보인다 위치를 눌루 주면 오류 위치 표시가 나온다 비주얼 스튜디오 코드로 돌아가서 수정하고 저장 뒤 새로고침을 누르면 정상으로 작동 된다

console.log()함수는 괄호 안의 내용을 콘솔 창에 출력함 document.write()g함수랑 같음 var name = prompt("이름: "); console.log(name + "님, 어서오세요!");

document.write() 괄호 안의 내용을 브라우저 화면에 표시해줌 즉 결괏값을 브라우저에 출력하는 용도로 많이 쓴다 //줄 바꿈은 알겠지만 쉬프트+엔터 write() 함수는 document 객체에 포함된 거라 붙여줘야 함 -> "웹문서(Document)에 괄호 안에 쓰는(Write) 내용을 함수라고 이해하고 넘어가자 이렇게 입력하면 이렇게 알림 창이 뜨고 입력하면 브라우저에 이렇게 표시 된다

간단한 알림 내용 alert()함수 : 소괄호 안에 원하는 내용을 큰따옴표나, 작은따옴표 쓰면 돼

사용자에게 어떤 값을 입력받을 때 사용하는 prompt() 함수 //뜻 신속한 콘솔 창에 prompt(); 입력하면 프롬프트 창이 나온다 프롬프트 창에 내가 입력하고 싶은 걸 입력하면 콘솔에 입력한 값 확인 가능 prompt() 함수를 사용할 때 소괄호 안에 " " , ' ' 넣으면 프롬프트 창에 문장 표시된다 -> 주로 어떤 내용 입력해야 할지 안내할 때 사용 많이 함 prompt("이름을 입력하세요", "홍길동"); 이렇게 하면 밑에 처럼 프롬프트 창의 텍스트 필드 안에 기본 값을 표시할 수 있음

https://m.cafe.daum.net/subdued20club/ReHf/2495653?svc=cafeapp 크롬 브라우저의 콘솔 도구와 함께 공부하기 크롬에 about:blank 라고 입력하면 빈창이 나온다 그러면 컨트롤+쉬프트+J를 누르면 콘솔창이 나온다

프로그램의 소스를 크롬 브라우저에서 바로 확인해야할 때가 있음 그럴때는 크롬 브라우저의 '검사'사용 검사 할 곳에 마우스 포인터를 올려 놓고 마우스 오른쪽 버튼을 누른 다음 [검사]를 선택하면 '개발자 도구'ㅇ 화면의 Elements 탭이 나와서 태그를 찾아 왼쪽에 있는 ▶를 눌러보면 작성한 소스를 확인 할 수 있음