본문 바로가기

전체 글

 (57)
자바 기초(Data Type, Class) 1. 데이터 타입(Data Type) : 자료형(Data Type)은 변수가 어떠한 자료형으로 쓰일지를 명시적으로 나타내는 기호이다. 비유를 하나 들어보면, 일반적으로 우리는 소주잔에 소주를 맥주 잔에는 맥주를 따라 마신다. 즉, 용도가 정해진 자료형(그릇)에 변수(술)를 담는다고 볼 수 있다. 용도가 정해졌다는 것은 어떠한 값을 변수에 선언할 때 약속되어 있는 자료형(Data Type)을 사용해야 한다는 의미이다. 1) 타입 종류 2) 타입 범위 3) 문자열 : 문자열을 표현하는 데이터 타입은 String 이다. String은 기본형 데이터타입이 아닌 참조형 데이터타입인데 현재는 그 의미는 무시하고 String은 문자열을 담는 데이터 타입이라고만 이해하자. 문자열의 메모리 크기는 작성된 글자수에 따라서..
자바스크립트 기초(클래스) 1. 클래스(Class)란? - 클래스는 객체 지향 프로그래밍에서 특정 객체를 생성하기 위해 변수와 메소드를 정의하는 일종의 틀로, 객체를 정의하기 위한 상태(멤버 변수)와 메서드(함수)로 구성된다. - 실무에선 사용자나 물건같이 동일한 종류의 객체를 여러 개 생성해야 하는 경우가 잦다. 이럴 때 new 연산자와 생성자 함수에서 배운 new function을 사용할 수 있다. 여기에 더하여 모던 자바스크립트에 도입된 클래스(class)라는 문법을 사용하면 객체 지향 프로그래밍에서 사용되는 다양한 기능을 자바스크립트에서도 사용할 수 있다. 2. 기본 문법 class MyClass { // 여러 메서드를 정의할 수 있음 constructor() { ... } method1() { ... } method2()..
자바스크립트 기초(객체) 1. 객체(Object)란? - JavaScript는 객체기반의 스크립트 언어이며 JavaScript를 이루고 있는 거의 모든 것은 객체이다. 객체란 여러 속성을 하나의 변수에 저장할 수 있도록 해주는 데이터 타입이다. - 객체는 중괄호 {…}를 이용해 만들 수 있다. 중괄호 안에는 ‘키(key): 값(value)’ 쌍으로 구성된 프로퍼티(property) 를 여러 개 넣을 수 있는데, 키에는 문자형, 값에는 모든 자료형이 허용된다. - 서랍장을 생각하면 객체를 이해하기 쉽다. 서랍장 안 파일은 프로퍼티, 파일 각각에 붙어있는 이름표는 객체의 키라고 생각하면 된다. 복잡한 서랍장 안에서 이름표를 보고 원하는 파일을 쉽게 찾을 수 있듯이, 객체에서는 키를 이용해 프로퍼티를 쉽게 찾을 수 있다. 추가나 삭제..
자바스크립트_로또 당첨 알고리즘 만들기 오늘은 학원에서 내 준 과제로, 자바스크립트를 이용하여 로또 당첨 알고리즘을 만들어 보겠습니다! 부가적인 설명 없이 코드와 결과를 기재하겠습니다. 먼저 html 코드입니다. 당신의 번호는? 당첨 번호는? 당신의 결과는? 다음은 js 코드입니다. const changeImgBtn1 = document.getElementById("change_img_btn1"); const changeImgBtn2 = document.getElementById("change_img_btn2"); const outPut = document.getElementById("out"); // 나의 번호 6개(중복 제거 & 숫자 범위 제한) let arr1 = []; for (let j = 0; j < 6; ++j) { let inp..
자바스크립트 기초(배열) 1. 배열(Array)이란? - 자바스크립트에서 배열(array)은 이름과 인덱스로 참조되는 정렬된 값의 집합으로 정의된다. - 배열을 구성하는 각각의 값을 배열 요소(element)라고 하며, 배열에서의 위치를 가리키는 숫자를 인덱스(index)라고 한다. - 좀 더 정확히는 배열이 아니라 Linked List로 작동된다. - Linked List의 장단점 장점) 1) 메모리 단편화의 영향을 안 받음 ※ 메모리 단편화란? : 공간이 남아 있어도 주소가 연속되지 않으면 해당 공간들에 맞는 배열을 만들 수 없음 2) 크기의 유연성이 있음 단점) - 데이터가 많을수록 주소를 찾아가는 데 시간이 많이 듬 2. 배열 문법 1) var arr = [배열요소1, 배열요소2,...]; // 배열 리터럴을 이용하는 방..
자바스크립트 기초(함수) 1. 함수란 무엇인가? : 함수(function)란 하나의 특별한 목적의 작업을 수행하도록 설계된 독립적인 블록을 의미한다. 이러한 함수는 필요할 때마다 호출하여 해당 작업을 반복해서 수행할 수 있다. 2. 함수 문법 function 함수이름(매개변수1, 매개변수2,...) { 함수가 호출되었을 때 실행하고자 하는 실행문; } ex) // addNum라는 이름의 함수를 정의함. function addNum(x, y) { // x, y는 이 함수의 매개변수임. document.write(x + y); } addNum(2, 3); // addNum() 함수에 인수로 2와 3을 전달하여 호출함. 3. 함수 사용할 때 주의할 점 1) 함수 하나당 기능 하나임 2) 함수명은 반드시 그 기능을 나타내야 함 3) 함..
자바스크립트 기초(조건문, 반복문) 1. 조건문 : 조건문이란 프로그램 내에서 주어진 표현식의 결과에 따라 별도의 명령을 수행하도록 제어하는 실행문이다. 자바스크립트에서 사용할 수 있는 조건문의 형태는 다음과 같다. 1) if 문 2) if / else 문 3) if / else if / else 문 4) switch 문 (1) if ... else문 if (조건식) { // statement1 } else if(조건식) { // statement2 } else { // statement3 } (2) switch문 switch ( 변수 ){ case A: // 값 A // 변수 값이 A 일때 실행할 명령문 break; case B: // 변수 값이 B 일때 실행할 명령문 break; case C: // 변수 값이 C 일때 실행할 명령문 b..
자바스크립트 기초(연산자) 1. 산술 연산자 : 산술 연산자는 우리가 잘 알고 있는 수학 계산을 할 때 사용하는 연산자이다. 다음은 자바스크립트의 산술 연산자를 표로 정리한 것이다. 나머지 (%) 이항 연산자입니다. 두 피연산자를 나눴을 때의 나머지를 반환합니다. 12 % 5 는 2를 반환합니다. 증가 (++) 단항 연산자입니다. 피연산자에 1을 더합니다. 전위 연산자(++x)로 사용하면 피연산자에 1을 더한 값을 반환합니다. 반면 후위 연산자(x++)로 사용한 경우 피연산자에 1을 더하기 전의 값을 반환합니다. x가 3일 때, ++x는 x에 4를 할당한 후 4를 반환합니다. 반면 x++는 3을 먼저 반환한 후 x에 4를 할당합니다. 감소 (--) 단항 연산자입니다. 피연산자에서 1을 뺍니다. 반환 값은 증가 연산자처럼 동작합니다..

티스토리툴바