공부기록용

, 처럼 사용자로부터 입력을 받는데 사용되는 요소(입력요소)들이 있고 여기세어 사용자가 입력한 값을 읽어들일 때는 요소의 value속성에 접근한다 요소의 덱스트에 접근하기 : textContent 또는 innerText 사용자가 요소에 입력한 값에 접근하기 : value 입력 요소의 value에 접근하여 할 수 있는 일은 크게 두 가지, 읽기와 쓰기이다. // 대상 요소의 사용자 입력값을 읽어 콘솔에 출력 console.log(target.value) // 대상 요소의 사용자 입력값을 "변경값"으로 바꾸자 target.value = "변경값" form은 여러 입력 요소를 포함할 수 있으며 form요소로부터 여러 입력 값을 읽을 수 있다. form안에 여러개의 입력 요소를 포함시키고, 각 입력 요소의 값을..

Event'사용 중이거나 프로그래밍 중인 시스템 내에서 일어나는 사건'을 의미한다.ex. 웹 상에서의 버튼을 클릭했다_클릭 이벤트, 키보드를 눌렀다_키다 이벤트, 입력 폼의 내용을 제출했다_제출 이벤트 등등 각각의 이벤트들은 이벤트 핸들러(handler)를 가질 수 있다. 이벤트 핸들러란 이벤트가 발생되면 실행될 코드 블록을 뜻하며, 주로 함수가 이 역할을 담당한다. 이벤트 핸들러 역할을 수행할 함수를 정의하는 것을 이벤트 핸들러 등록이라고 한다. (이벤트 핸들링 이라고도 함)/*웹 사용자가 button요소를 클릭했을 때, 경고 다이얼로그 박스를 띄워 환영의 메시지를 보여주고 싶다면*/const handleClick = function(){ //handleClick가 다이얼로그박스를 호출하는 기능을 가..

함수 함수는 '호출될 수 있는 코드 조각'이다. 변수를 선언하고 데이터를 대입하면 변수의 이름은 데이터 대신 사용할 수 있는 것처럼, 함수를 선언하면 함수의 이름을 코드 조각 대신 사용할 수 있다. (데이터가 아닌 코드에 이름을 붙이는 것이 함수이다.) 반복되는 특정 작업을 수행해야 한다면 그 코드 자체를 어딘가에 만들어서 저장해놓고 사용하는 것이 용이할 것이다. (마치 변수에 데이터를 할당해놓고 계속 사용하는 것처럼) 이 때 사용해볼 수 있는게 함수이다. let value = "문자열" // value는 "문자열" 대신 사용된다. ---> yes!! console.log(value) let work = console.log("!") // work는 콘솔에 !를 출력하는 기능 대신 사용된다? --> NO..

반복문 반복문은 비슷하거나 동일한 구문을 반복해서 수행할 수 있는 구문이다. 대표적인 반복문은 다음 두 가지이며, 두 반복문은 구조 및 동작방식에서 차이를 보인다. (ex.while, for) while문 키워드 while을 이용해 만드는 구문 while문은 '주어진 조건이 참일 동안에 구문을 반복'하는 반복문이다. 조건이란 boolean을 반환하거나 boolean으로 해석될 수 있는 표현식이며, 반복 구문은loop(루프)라고도 한다. while(조건){ // 조건이 true인 동안에 반복 수행할 코드 } let number = 1; while(number 처음, number이 1 --> number은 +=의 조건으로 2가 됨 ..

조건문(제어문) 조건문이란 주어진 조건의 참, 거짓 여부에 따라 프로그램의 흐름을 결정할 수 있는 구문을 뜻한다. (여기서 조건이란, boolean 데이터로 해석할 수 있는 표현식을 의미한다.) ex. 게임 캐릭터의 HP가 0입니까?_true일 경우 캐릭터가 죽는다. 조건문(은 아무리 길어도) 하나의 구문일 뿐! 조건문의 실행을 마치고 나면 코드 진행 흐름은 이어지는 다음 구문으로 자연스럽게 이동한다. If문 키워드 if 를 이용해 만드는 구문 'if문'은 가장 일반적인 형태의 조건문이다. if(조건){ // 조건이 true일 때 실행할 코드 } let number = 3 if(number === 3){ console.log("It is true!") } // 변수 number의 값이 3과 같다면 con..

비교연산(Comparison operators) 주어진 두 항을 비교할 수 있는 연산자로, 두 가지 유형의 비교를 할 수 있다. 비교하는 작업 또한 '연산'의 일종이라 할 수 있다. 크냐 작냐 (대/소 비교), 같냐 다르냐 (등가 비교) 비교 연산식은 언제가 boolean 데이터를 반환한다. 질문에 대한 답이 boolean의 참(true) 또는 거짓(false)인 것이다. ex. 3이 5보다 작은가? true! 대소비교 대소 비교는 다음 네 가지 연산자를 사용해 처리할 수 있다. (연산자 의미는 앞에 있는 피연산자 기준) 등가비교 등가 비교는 다음 네 가지 연산자를 사용해 처리할 수 있다. 등호(=는 대입하겠다는 의미) 하나는 대입연산자이므로, 기호 개수를 잘 확인해가며 사용해야한다. 논리연산자 (Log..