반응형 자바스크립트6 vscode 확장 프로그램 없이 터미널에서 출력시키기, 터미널 경로 수정하기 목록 1. 왜 내 vscode는 출력이 안되는가 도대체 또 뭐가 문제냐 2. 두번째 방법 혼자서 해결 못해서 또 물어봄 3. 출력 안됬던 이유 추가) 터미널 상위/하위 경로로 이동하는 법 1. 강의듣다가 실습 프로그램에서는 잘만 출력되던데 왜 내 vscode에서 만든 html에서는 console.log(내용) 출력이 안되는지 질문했던거 답변) console.log는 웹 브라우저의 console 패널에서 확인해야함 걍 html 파일 열면 내용 안뜸 아래 해결 참고하셈 해결) 1) vscode에서는 log를 터미널 창에 출력하게 해주는 확장 프로그램 설치하기 2) 확장 프로그램 없이 확인하는법 참고 VS Code 에서 자바스크립트 개발환경 구축. Hello World 실행. 개요. - Visual Studi.. 2022. 9. 28. 자바스크립트 DOM과 이벤트 DOM(Document Object Model) 문서 객체 모델 구조화된 문서를 표현하는 형식 HTML DOM HTML 문서를 조작하고 접근하는 표준화된 방법 모든 HTLM 요소는 HTML DOM을 통해 접근 가능함 Document 객체 웹페이지 Document 메소드 HTML 요소와 관련된 작업을 도와주는 다양한 메소드 제공 1) HTML 요소의 선택 2) HTML 요소의 생성 3) HTML 이벤트 핸들러 추가 4) HTML 객체의 선택 1) HTML 요소의 선택 document.getElementById() 해당 아이디의 요소를 선택 document.getElementByClassName() 해당 클래스에 속한 요소를 모두 선택 document.getElementByName() 해당 name 속성값을.. 2022. 9. 14. 자바스크립트 제어문과 자바스크립트 활용 1. 조건문 1. 조건문 주어진 조건에 따라 결과값을 출력하는 구문 비교연산자 또는 논리 연산자 사용 if문 조건이 참이라면 수행할 명령 실행 if(조건) {수행할 명령} 1-1) if ~ else문 조건이 ture면 if문 false면 else문 실행 if (조건) {수행할 명령} else {수행할 명령} 1-2) else if문 여러개의 조건문을 생성할 때 사용 if (조건) {수행할 명령} else if (조건) {수행할 명령} else if (조건) {수행할 명령} else {수행할 명령} 중첩 if문 if문 안에 또다른 if문을 삽입할 때 사용 if (조건) { if (조건) 수행할 명령} else {수행할 명령} else {수행할 명령} 2. 반복문 엑셀에 네모칸 십자모양 드래그해서 1 2 3.. 2022. 9. 8. 자바스크립트 연산자와 함수 활용 목록 1. 연산자 1) 산술 연산자 1-1) 숫자형 1-2) 문자형 2) 증감 연산자 3) 비교 연산자 4) 논리 연산자 부록 함수 활용 1) 산술 연산자 1-1) 숫자형 console.log(숫자 + 숫자); 더한값 console.log(숫자 - 숫자); 뺀값 console.log(숫자 * 숫자); 곱한값 console.log(숫자 / 숫자); 나눈값 console.log(숫자 % 숫자); 나머지 연산자 (나머지를 구하는데 사용) * 나머지 = 나누기 하고 남은 값 예시1) 예시 2) console.log(숫자 % 숫자) 추가 예시 1-2) 문자형 console.log("숫자" + "숫자"); console.log("숫자" - "숫자"); console.log("숫자" * "숫자"); console.l.. 2022. 8. 29. 자바스크립트 프로퍼티와 메서드 목록 1) 문자열 프로퍼티와 메서드 2) 배열 프로퍼티와 메서드 3) Math의 수학 연산 메서드 4) 문자를 숫자로 변환하는 메서드 1) 문자열 프로퍼티와 메서드 str.length; 문자열 길이 str.charAt(0); 0번 위치에 해당되는 글자 str1.split(" "); 공백 기준으로 문자 나눈 후 배열 예시1) 예시2) str1.split(" "); 에서 쌍따옴표 사이에 공백을 두지 않았을 때 str1.split(" "); 에서 쌍따옴표 사이에 공백을 두지 않으면 매 글자마다 쉼표가 찍힘 2) 배열 프로퍼티와 메서드 색상.length; 변수 길이 색상.push("초록색") 배열 뒤에 데이터 삽입 (=맨뒤에 추가 삽입) 색상.unshift("투명") 배열 앞에 데이터 삽입 (=맨앞에 추가 삽입.. 2022. 8. 28. 자바스크립트 기초 - 변수 목록 1) 자바스크립트 사용 방법 2) 자바 스크립트 변수 3) 변수 선언할 때 사용되는 명령어 4) 만약 데이터를 A에서 B로 변경한다면 5) 변수를 여러개 출력하려면 6) 출력된 문자 사이에 공백 넣기 7) 변수명 생성시 주의사항 8) 변수 데이터 확인 방법 1) 자바스크립트 사용 방법 script 태그 안에 src 속성값으로 js 파일 입력 후에 html 파일과 연동시킴 2) 자바 스크립트 변수 1) 변수 선언 (var) 데이터를 담을 공간을 생성 2) 변수 초기화 생성된 변수에 데이터를 전달 3) 변수 선언할 때 사용되는 명령어 var : variable(변수)의 약자 예시) 변수 이름 : colour 데이터 : red 이라면 var colour; → 변수 선언 colour = "red" → 변수.. 2022. 8. 27. 이전 1 다음 반응형
