무정하지 않게 살기

생성자 생성자란 객체를 만들기 위한 함수를 의미합니다. 자바 스크립트에는 두 가지 유형의 생성자가 있습니다. 1. 일반 함수를 생성자로 사용하기 (직접 객체를 반환) 2. 클래스 내부에 생성자를 포함시켜 사용하기 (return 문이 없어도 새로운 객체를 반환) function sayHello(){ // 일반 함수를 생성자로 사용하기 console.log("Hello!") } function Dog(){//클래스 내부에 생성자를 포함시켜 사용하기 console.log("멍멍!") } 두 가지의 함수에서는 차이가 있습니다. 하나는 콘솔에 출력을 하기 위한 것이고, 하나는 Dog 라고 하는 새로운 객체를 만들기 위해서 만든 함수예요. function Dog(){ console.log("멍멍!") } let d..

이벤트란? 사용 중이거나 프로그래밍 중인 시스템 내에서 일어나는 사건’을 뜻합니다. 예를 들어 웹에서 발생하는 이벤트란 가장 많이 사용하는 키보드, 마우스, HTML DOM, Window 객체 등을 처리하는 이벤트가 매우 다양하게 제공되고 있습니다. ex) 웹페이지 사용자가 버튼을 클릭했다, 클릭 이벤트! 웹페이지 사용자가 키보드를 눌렀다, 키다운 이벤트! 웹페이지 사용자가 입력 폼의 내용을 제출했다, 제출 이벤트! 등등... 이벤트 사용에 대한 예를 들어보겠습니다. 웹 사용자가 버튼(button) 요소를 클릭 했을 때, alert 다이얼로그 박스를 띄워 환영의 메시지를 보여주고 싶다면 이것 클릭 이벤트로 작성할 수 있습니다. push const handleClick = function(){ window..

함수란? 함수는 ‘호출될 수 있는 코드 조각’입니다. 변수를 선언하고 데이터를 대입하면 변수의 이름을 데이터 대신 사용할 수 있는 것처럼, 함수를 선언하면 함수의 이름을 코드 조각 대신 사용할 수 있습니다. 함수 만드는 방법 함수를 만드는 두 가지 방법이 있습니다. 1. 함수 선언식 2. 함수 표현식 위 방법들을 차례대로 알아볼게요. 함수 선언식 함수 선언식은 다음과 같은 형태를 가집니다. function 을 사용하면 선언과 같은 의미가 됩니다. 선언 이후에 함수명은 중괄호 안의 기능 대신 사용될 수 있습니다. function sayHello(){ console.log("안녕!") } sayHello() 함수 표현식 함수 표현식은 다음과 같은 형태를 가집니다. 즉, 이름 없는 선언식에 나중에 이름을 붙여..

조건문의 요소 조건문을 구성하는 세 가지 요소 : 초기식, 조건식, 반복식 입니다. 1. 초기식 : 반복 조건의 초기화 작업 2. 조건식 : 불리언을 반환하거나 불리언으로 해석될 수 있는 표현식 3. 반복식 : 반복이 한 번 끝날 때마다 실행될 작업 반복문은 비슷하거나 동일한 구문을 반복해서 수행할 수 있는 구문입니다. 대표적인 반복문은 다음 두 가지이며, 두 반복문은 구조 및 동작방식에서 차이가 있습니다. ● while문 ● for문 반복문 while문 먼저 while문을 확인해봅니다. 키워드 while을 이용해 만드는 구문 while문은 ‘주어진 조건이 참일 동안에 구문을 반복하는’ 반복문입니다. while문의 기본 형태는 다음과 같습니다. while(조건){ // 조건이 true 일 동안에 반복해서..

자바스크립트는 주어진 두 항을 비교할 수 있는 ‘비교 연산자’를 제공합니다. 자바스크립트에서는 대소 비교와 등가 비교 두 가지의 유형을 볼 수 있습니다. 대소 비교 비교 연산식은 언제나 boolean 데이터를 반환합니다. 크냐 작냐를 비교하는 대소 비교, 같냐 다르냐를 비교하는 등가 비교는 모두 하나의 질문이며, 질문에 대한 답이 참(true) 또는 거짓(false)입니다. 예를 들어 3이 5보다 작은지 -> true 6과 6이 다른지 -> false 등가 비교 등가 비교는 다음 네 가지 연산자를 사용해 처리할 수 있습니다. 등호(이퀄 사인, =) 하나는 대입연산자이므로, 기호 개수를 잘 확인해야 합니다. 등가 비교를 할 때, 등호(=)의 개수에 따라 비교 규칙에 차이를 보입니다. == 는 ‘추상적(ab..

자바 스크립트의 출력 자바스크립트는 여러 방법을 통해 결과물을 HTML 페이지에 출력할 수 있습니다. 자바스크립트에서 사용할 수 있는 출력 방법은 다음과 같습니다. 1. window.alert() 메소드 window alert() 메소드는 자바스크립트에서 가장 간단하게 데이터를 출력할 수 있는 방법 입니다. window.alert() 메소드는 브라우저와는 별도의 대화 상자를 띄워 사용자에게 데이터를 전달해 줍니다. alert() 메소드는 콘솔을 학습할 때 같이 확인했었습니다. https://blue-dot.tistory.com/137 자바 스크립트(js) 입문 공부 1. 자바 스크립트, 콘솔이란? 자바 스크립트(js)란? 자바 스크립트는 로직을 구현할 수 있는 프로그래밍 언어입니다. 자바 스크립트는 서버..

연산이란 ‘식이 나타낸 일정한 규칙에 따라 계산함’을 뜻합니다. 사용자는 자바스크립트 코드를 통해 연산을 처리하는 식을 만들 수 있고, 여기에 사용하는 기호를 ‘연산자’라고 합니다. 기존에 자바 스크립트 공부 시 작성한 내용을 참고하면 좋을 것 같습니다. https://blue-dot.tistory.com/43 자바 기초 공부 일지 6. 기본 연산자 ● 산술 연산자 사칙연산을 다루는 연산자로, 두 개의 피연산자를 가지는 이항 연산자입니다. 우선순위대로 먼저 적용을 하고 그 뒤에 결합방향대로 연산을 합니다. 결합방향 : 어느 방향으로 blue-dot.tistory.com 여기에서 사용해 볼 연산(과 연산자)은 두 가지 입니다. 바로 산술 연산 , 대입 연산입니다. 산술연산 산술 연산은 일반 사칙 연산과 유..

변수 데이터에 붙이는 이름표이며, 변수를 이용하면 이름표를 붙여 둔 데이터를 기억해두었다가 필요할 때마다 재사용할 수 있습니다. 변수 만드는 방법은 다음과 같습니다. let 변수 이름 = 데이터; 키워드 let은 변수를 만들겠다는 의미로 사용 됩니다. 변수가 생성되고 나면 변수를 지정된 데이터 대신에 사용할 수 있게 됩니다. 이렇게 변수를 만드는 작업을 '변수의 선언' 이라고 부릅니다. 만들어진 변수를 첫 데이터에 지정하는 작업을 '변수의 초기화' 라고 합니다. 두 과정은 동시에 진행하거나 따로 진행할 수 있습니다. let 변수 이름; // 변수 선언 변수이름 = 데이터; // 변수 초기화 변수는 데이터를 기억하기 위해 사용하는데, 한 번에 하나의 데이터만 기억할 수 있으며 기억하고 있는 값을 바꿔가며 ..

자바 스크립트(js)란? 자바 스크립트는 로직을 구현할 수 있는 프로그래밍 언어입니다. 자바 스크립트는 서버 개발, 어플리케이션 개발 등 다양한 목적을 위해 사용할 수 있지만 주된 목적은 웹 개발(인터넷을 통해 서비스되는 웹 사이트를 개발하는 것) 입니다. css와 html으로 구성을 마치면 그 속에 이루어지는 동작을 자바 스크립트js가 조작합니다. 작성하는 방법 자바 스크립트를 작성하는 방법은 두 가지 입니다. 하나는 HTML 문서 내부에 작성을 하는 방법과 또 하나는 자바 스크립트 파일을 만들고, 그 안에 작성한 코드를 HTML 문서에 연결하는 것입니다. 자바 스크립트의 파일 확장자는 *.js 입니다. 필요한 태그는 입니다. css 는 일반적으로 head 의 하단에 삽입된다면, js 이렇게 src를 ..