JS

이벤트 웹 브라우저에서 일어나는 유용한 사건. 상호작용하는 웹 사이트로 만들 수 있음. 웹 페이지 이미지 실제 작성 코드 새로 배운 것 > "" 쌍따옴표 안에는 ''따옴표만 들어갈 수 있음.

개발자 도구 > 콘솔에서 자바스크립트 파일을 실행하지 않고도 자바스크립트 코드 실행가능단순하게 경고창 띄울때, 특별한 매개체 없이 alert attribute 만 사용 가능하다.생각보다 개발은 간단하고 재밌당.

숫자열은 10진법과 같이 0 ~ 10 처럼 임의의 정수를 나타냄.\+, -, \*, /, % 등 연산자를 사용.데이터 분류 시, int (integer의 줄임말)을 사용.데이터 분류 시,str (string의 줄임말)을 사용.연산자 사용가능 하나 숫자열 처럼 값을 구하

'=' 는 대입연산자, 오른쪽의 값을 왼쪽에 대입한다.바뀔 수 있는 수를 뜻함.흩여져 있는 값들을 한번에 바꿀 수 있음.변수 앞에는 var (variable 약자) 사용. ex) var x = 1;바뀌지 않는 수. ex) 1=2; error 1은 언제나 1임.콘솔에서도

자바스크립트를 통해 웹브라우저를 제어 가능.css 사용시, style = "안에 구분 없이 적용하고 자하는 효과 쭉 나열함." css 에서 배경색은 background-color 인데워딩 색변경은 단순 color일까?text-color 가 맞지 않나..

이벤트 발생시, 어떤 태그에 스타일이 지정될지 선택하는 작업 필요.querySelector 함수를 사용하여 태그 선택사용 시, querySelector('') -> "" 쌍따음표 사용불가querySelector 사용시, 지정하고자 하는 태그에 id/class/tag 값

===, 왼쪽과 오른쪽이 같은지 판단===, 이항연산자로 좌항과 우항의 관계에 따라 True or False (불리언) 으로 나타냄<, >, =>, <= 등 이 있음.비교 연산자를 통해 나타난 \*\*True or False 를 의미.불리언의 데이터는 참,

조건문 웹 페이지 화면 실제 작성 코드 새로 배운 것 느낀점

qureySelector를 이용하여 특정 값을 끌어올 수 있음.js 모든 적용 값에 '' 꼭 추가해함.if() {} else {}이렇게 쓰기보다if() {}else {}이게 더 가독성이 좋은 것 같다.js 코드 작성 시, 작동하는 순서대로 써야하는건지 궁금하다.js,

비효율적인 코드를 효율적으로 만들어 가독성을 높이고 유지보수가 쉽도록 만드는 것.this 는 js에서 자기 자신을 가르킴.style 속성을 css 처럼 나열할 순 없을까?나열하게 되면 코드 가독성이 더 좋지 않을까?

서로 연관된 데이터를 정리해 담아두는 저장소대괄호로 표시, 대괄호 안에 넣을 값들을 , 표시.프로그래밍에서 인덱스 넘버는 0부터 센다.변수인덱스 넘버 를 통해서 배열의 값을 추출할 수 있음.변수.push를 통해 값 추가.배열의 길이는 length를 통해 출력 가능.배열

코드가 반복적으로 여러번 실행될 때, 효율성을 올리기 위해 사용.순서대로 실행되는 프로그램의 실행 흐름을 제어함.while 반복문을 통해서 원하는 만큼 코드를 작동 시킬 수 있음.숫자 변수는 보편적으로 i 사용.첫 변수 i의 대입 값이 다음 변수 i에 적용됨.생각보다

반복문 예고 웹 페이지 화면 실제 작성 코드 새로 배운 것 느낀점

태그 하나하나를 한번에 수정하고 싶거나 그중 선택하여 수정하고 싶을때, 함수 사용.함수 사용시, function 사용.유지보수가 쉽고, 코드길이가 짧아짐.같은 함수를 사용 시, 논리적으로 같다 라는걸 알기 쉽고 어떤일을 하는지 알수 있음.아주 긴 코드를 하나의 함수로

함수는 입력과 출력으로 이루어짐.입력은 매개변수(Parameter)와 인자(Argument), 출력은 리턴(Return)이라고 부릅니다.함수안에 변수를 두는 것.함수 괄호안에 값을 넣어 함수로 전달해주는 것.띄어쓰기 대신에 이어올 다음 문자의 대문자로 씀.<br태

개발자의 의도적으로 변환되는 것명시적 타입 변환 또는 타입 캐스팅 이라함.to데이터타입을 통해 형식 변경 가능. typeof 를 통해 연산자의 평가 전 자료형(분류)을 나타내는 문자열을 반환합니다.js 엔진에 의해 자동 변환되는암묵적 타입 변환기 기존 값을 직접 변경하

변수 값을 저장함 ex) var = x 다시 사용하는 값을 유지하기 위해서 사용. 값 var str = 'hello world'; (문자열 값) 프로그램에 의해 조작될 수 있는 대상 가장 간단한 방법은 리터럴 표기법 사용 > ### 리터럴 변수 및 상수에 저장

괄호안의 메세지를 사용자에게 보여주고 값을 받음. (괄호 안의 메시지가 없어도 됨.)사용자가 입력한 값을 변수에 저장 가능.변수 출력시, "" 안쓰는 이유는 문자열로 출력되기 때문.

자료형 변수에 저장할 수 있는 값의 종류 숫자 문자열 boolean typeof() 명령어 변수의 type을 알려주는 명령어 Number 표현할 수 없을 때, NaN 실수와 정수 모두 표현 가능. parseInt, parseFloat 명령어 문자열

속성 (Property)의 집합속성은 이름과 값으로 이루어짐.속성의 값을 지정할때는 :(콜론) 사용.여러개의 속성 정의시 ,(쉼표) 사용.객체이름.속성이름, 마침표를 찍는 접근방법대괄호\[] 를 이용해 속성 이름으로 접근방법 (속성이름 문자열로 작성)시스템에서 어떤 변

어떤 함수를 호출시 전달되는 값.그 전달된 인자를 받아들이는 변수함수 정의 시, 나열되는 변수포인트는 인자는 "값",매개 변수는 "변수"자기계발을 멈추면 죽는다https://skmagic.tistory.com/104cl-songhttps://velog

함수 호출에 의해 여려번 실행될수 있는 코드 블럭 반복되는 코드 감소 코드의 개발 및 수정 용이 함수 정의 구문 피라미터 : 함수의 정의부분에 나열되어 있는 변수 여러개인 경우 , 로 구분. 피라미터 없어도 됨. 함수 안의 코드에서 변수처럼 활용가능

a,b 관계를 비교하여 boolean 타입으로 나타냄두 boolean 피연산자에 대해 연산하는 연산자.피연산자가 true인 경우 false를, false인 경우 true를 나타내는 단항연산자출처 : https://programmers.co.kr/learn/co

str1+concat(str2)str1 + str2첫 문자 : str.charAt(0)마지막 문자 : str.charAt(str.length-1)마지막 문자 : strstr.length-1.substring(pos1, pos2) : pos1 에서 pos2까지의 부분 문

값을 저장할 수 있는 엘리먼트(변수)의 연속된 공간. 주소(인덱스, index)를 이용해 각 엘리먼트에 접근 가능.빈 배열 : var arr=\[];초기화된 배열 : var arr=1,2,3,4,5;엘리먼트에는 어떤 자료형이든 저장될 수 있음.length 속성 이용대괄

if switch break break구문을 만나면, switch-case 문의 마지막 중괄호(}) 밖으로 빠져나옴. break를 사용하지 않으면, switch문에서 빠져나오지 않고 다음 case에 해당하는 코드까지 실행됨.

조건이 만족하는 동안 반복실행될 코드를 계속 실행continue : 남은 반복실행될 코드를 모두 skipbreak : 반복문에서 즉시 탈출한번은 코드가 실행되고, 이후에 반복실행될지 말지를 결정while : 한번도 실행되지 않음do, while : 한번은 실행되고 종료