본문 바로가기

전체 글163

[JavaScript] Array 클래스 함수 + forEach, push, pop, unshift, shift 메소드 ⚫Array 클래스 함수 다수의 값을 요소에 저장할 객체를 생성하기 위한 클래스 함수 - Array 객체로 프로퍼티와 메소드 사용 가능 실습예제👩‍💻 forEach, push, pop, unshift, shift 메소드 확인하기! 2024. 1. 5.

[JavaScript]객체(Object) 자바랑 비슷한듯하면서도 뭔가 헷갈리게 하는 자바스크립트의 객체.. 객체.. 프로토타입.. 이게 다 뭔데 라는 생각이 계속 들었다. 그러다가 TCP School에 정리된 내용이 가장 이해하기 쉬웠다. 자바스크립트의 기본 타입(data type)은 객체(object)다. 객체란 이름(name)과 값(value)으로 구성된 프로퍼티(property)의 정렬되지 않은 집합이다. 프로퍼티의 값으로 함수가 올 수도 있는데, 이러한 프로퍼티를 메소드(method)라고 한다. 자바스크립트에서는 숫자, 문자열, 불리언, undefined 타입을 제외한 모든 것이 객체이다. 하지만 숫자, 문자열, 불리언과 같은 원시 타입은 값이 정해진 객체로 취급되어, 객체로서의 특징도 함께 가지게 된다. 출처: TCP School ⚫O.. 2024. 1. 5.

[JavaScript]클래스 자료형과 객체(+ in 연산자, with구문) 🤔클래스 자료형과 객체 ES6에서는 class 키워드로 클래스 자료형을 작성하여 객체 생성 가능 - 내부적으로 클래스 함수(프로토타입)로 처리 실습예제 Human 클래스 작성 class Human { //constructor 키워드로 생성자 함수 작성 constructor(num) { //this 키워드를 사용한 변수에 매개변수로 전달받은 값 저장 - 프로퍼티 this.num=num; } } extends 키워드를 사용하여 부모클래스를 상속받아 자식클래스 작성 가능 => 부모클래스의 프로퍼티와 메소드를 상속받아 사용 가능 class Student extends Human { constructor(num, name, address) { //super : 부모클래스의 객체의 참조하기 위한 키워드 //supe.. 2024. 1. 4.

[JavaScript]프로토타입(Prototype)과 객체 🤔프로토타입과 객체 ▪️ 자바스크립트는 객체 지향 프로그래밍 언어로 객체를 이용하여 프로그램 작성 - 자바스트립트는 모든 값을 객체로 표현하여 처리 ▪️ 객체(Object) : 현실에 존재하는 특정 대상을 프로그램에서 사용하기 위해 프로퍼티(Property : 표현대상의 속성)와 메소드(Method : 표현대상의 행위)를 구성하여 생성한 값 ▪️ 자바스크립트의 모든 객체는 프로토타입(prototype)이라는 객체를 가지고 있고, 그들의 프로토타입으로부터 프로퍼티와 메소드를 상속받음. 이처럼 자바스크립트의 모든 객체는 최소한 하나 이상의 다른 객체로부터 상속을 받으며, 이때 상속되는 정보를 제공하는 객체를 프로토타입(prototype)이라고 함. ▪️ 자바스크립트는 클래스(Class) 자료형 대신 클래스 .. 2024. 1. 4.

[JavaScript]내장함수 - isFinite 함수 내장함수 isFinite 함수 isFinite(value) : 매개변수로 전달받은 값이 무한수인 경우 [false]를 반환하고 유한수인 경우 [true]를 반환하는 함수 실습예제👩‍💻 10을 0으로 나눈 값은 무한수이기 때문에 isFinite 함수를 사용하면 [false]를 반환하여 아래와 같은 결과 실행됨. 2024. 1. 4.

[JavaScript]내장함수 - parseInt & parseFloat (+2진수, 10진수, 8진수, 16진수 관계) 내장함수 숫자값 변환 함수 parseInt(value) : 매개변수로 전달받은 값을 정수값으로 변환하여 반환하는 함수 parseFloat(value) : 매개변수로 전달받은 값을 실수값으로 변환하여 반환하는 함수 실습예제👩‍💻 +참고 10진수, 2진수, 8진수, 16진수 관계 진법변환 https://blog.naver.com/coding-abc/221942673324 10진수, 2진수, 8진수, 16진수 관계 진법변환 10진수, 2진수, 8진수, 16진수 관계 진법변환 - 16진수는 0~F까지는 아는데, F 다음의 숫자는 모른다? - ... blog.naver.com 2진수를 16진수, 8진수로 변환하기 https://blog.naver.com/coding-abc/221942626136 2진수를 16진수.. 2024. 1. 4.

[JavaScript]내장함수 - isNaN 함수 내장함수 isNaN 함수 isNaN(value) : 매개변수로 전달받은 값이 숫자로만 구성된 경우 [false]를 반환하고, 숫자로만 구성되어 있지 않은 경우 [true]를 반환하는 함수 실습예제👩‍💻 value의 값이 "12a3" 일 때, isNaN 함수를 사용하면 숫자로만 구성되어 있지 않아 [true]를 반환함. 그러므로 "alert("숫자로만 구성된 값이 아닙니다.");" 이 내용의 경고창이 실행됨. 2024. 1. 4.

[JavaScript]내장함수 - eval 함수 내장함수 eval 함수 eval(string) : 매개변수로 전달받은 문자값을 자바스크립트 명령으로 변환하여 실행하는 함수 실습예제👩‍💻 2024. 1. 4.

[JavaScript]내장함수 - encodeURIComponent & decodeURIComponent 내장함수 부호화(복호화) 처리 함수 ▪️ URL(URI) 주소는 영문자, 숫자, 일부 특수문자로만 작성 가능 => URI(웹자원의 식별자) = URL(웹자원의 위치) + QueryString(전달값) ▪️ URI 주소는 질의문자열(QueryString)을 사용하여 요청 웹프로그램에게 필요한 값 전달 문제점) 질의문자열로 전달될 값에 URI 주소로 사용 불가능한 문자 포함 가능 - 값이 비정상적으로 전달 해결법) 질의문자열로 전달될 값에 URI 주소로 사용 불가능한 문자가 포함되어 있는 경우 부호화 처리하여 전달 🔘부호화(Encoding) : URI 주소로 사용 불가능한 문자를 사용 가능한 문자(Unicode)로 변환 encodeURI(string) 함수 또는 encodeURIComponent(string.. 2024. 1. 4.

[JavaScript]내장함수 - setTimeout/setInterval/clearTimeout/clearInterval 🤔내장함수란? 브라우저 내부에 선언되어 있는 함수 시간 경과에 따른 명령 실행 함수 setTimeout(callback, ms) : 시간(ms) 경과 후 콜백함수를 한번만 호출하여 콜백함수의 명령을 실행하는 함수 - timeoutId(setTimeout 함수를 구분하기 위한 식별자) 반환 clearTimeout(timeoutId) : setTimeout 함수의 식별자(timeoutId)를 매개변수로 전달받아setTimeout 함수를 취소하는 함수 setInterval(callback, ms) : 시간(ms) 경과마다 콜백함수를 반복적으로 호출하여 콜백함수의 명령을 실행하는 함수 - intervalId(setInterval 함수를 구분하기 위한 식별자) 반환 clearInterval(intervalId) .. 2024. 1. 4.

[JavaScript]클로저함수(Closure Function) 🤔클로저함수 : 내부함수를 return 명령으로 반환하여 변수에 저장해 함수 외부에서 호출하는 함수 실습예제👩‍💻 ▶️내부함수는 원래 선언된 함수 안에서만 호출 가능함. 그러나 함수명(inner)으로 내부함수를 반환(return)할 수 있음. 그러면 outer 함수를 호출했을 때, 내부 함수가 반환되어 호출됨. 이러한 outer 함수를 변수에 담아, 그 변수명으로 내부함수를 호출하는 것이 closure 함수임. ▶️이번엔 바로 return 뒤에 익명함수인 내부함수를 선언함. 그리고 "홍길동"이라는 매개변수를 가진 display함수를 println이라는 변수에 저장. println 변수명으로 호출하면, 아래와 같이 실행됨. ▶️위에서는 println이라는 변수에 display함수를 담아서 호출했는데, 그냥.. 2024. 1. 4.

[Java]OOP - 기타제한자 - (2) final & abstract 제한자(Modified)란 클래스, 필드, 생성자, 메소드 작성시 특별한 제한을 목적으로 사용하는 키워드로, 대표적으로 4가지 접근제한자(private, package, protected, public)가 있다. 그리고 그 외에 static, final, abstract라는 기타 제한자가 있다. static은 다음에 정리 할 예정. *4가지 접근제한자가 기억이 안나면⬇️ 2023.12.26 - [Java/Java] - [Java]접근제한자(Access Modifier) - (1) [Java]접근제한자(Access Modifier) - (1) 🤔접근제한자(Access Modifier) 클래스, 필드, 생성자, 메소드 작성시 클래스 외부에서의 접근을 제한하기 위해 사용하는 제한자 => 정보 은닉(data h.. 2024. 1. 3.

[JavaScript]콜백함수(Callback Function) 🤔콜백함수(Callback Function) : 함수의 매개변수로 함수를 전달받아 저장하여 함수 내부에서 매개변수를 사용해 호출되는 함수 실습코드👩‍💻 2024. 1. 2.

[JavaScript]내부함수(Inner Function) 🤔내부함수(Inner Function) : 함수 내부에 선언된 함수로 선언된 함수에서만 호출 가능 실습코드👩‍💻 2024. 1. 2.

[JavaScript] return 명령 🤔return : 함수를 강제로 종료하기 위한 명령 & 함수 내부값(함수의 명령으로 실행된 결과값)을 함수를 호출한 명령으로 반환하는 기능 제공 실습코드👩‍💻 2024. 1. 2.

[JavaScript]함수의 인자(Argument) 🤔인자(Argument) : 함수에 작성된 명령을 실행하기 위해 반드시 필요한 값을 함수를 호출할 때 전달받아 저장하기 위한 변수 - 자바에서 매개변수(Paramater)라고 부르던 것과 같은거라고 보면 됨 실습코드👩‍💻 아래 코드의 주석을 보면서 인자를 어떻게 사용하는지 확인해보기 2024. 1. 2.

[JavaScript]변수의 유효범위(Scope) ⚫전역변수와 지역변수 🔘전역변수(Global Variable) : 함수 외부에서 선언된 변수 - 모든 함수에서 사용 가능< 🔘지역변수(Local Variable) : 함수 내부에서 선언된 변수 - 선언된 함수에서만 사용 가능 2023. 12. 29.

[JavaScript]함수(Function) 🤔함수(Function) : 매개변수로 값을 전달받아 가공 처리하여 결과값을 반환하는 기능을 제공 (자바로 치면 메소드 같은 기능) => 자바스크립트에서는 함수를 선언하고 함수를 호출하여 함수에 작성된 명령을 실행해 결과값을 반환받아 사용 => 자바스트립트에서는 함수 선언방법에 따라 선언함수와 익명함수로 구분 🔘선언함수 : 함수명을 작성하여 선언한 함수 🔘익명함수 : 함수명을 작성하지 않고 선언한 함수 실행결과를 중간에 삽입하면서 확인해보기 위해서 이렇게 작성함. 맨 아래에 코드 전체가 쓰여있는 블록이 있음. 볼드 처리 되어 있는 것들이 선언문 또는 명령문! //로 시작하는 것들은 주석문! //선언함수 - 함수명(함수를 구분하기 위한 식별자)을 작성하여 함수 선언 //형식) function 함수명(매개변.. 2023. 12. 29.

[JavaScript]제어문(Control Statement) ⚫제어문 : 프로그램의 흐름을 변화 시키기 위해 사용하는 명령 🔘선택문 - if, switch 🔘반복문 - for, while 🔘기타 - break, continue 실습예제👩‍💻 자바랑 딱히 다른게 없으나, prompt, isNaN, parseInt(Value) 세가지 키워드 확인해보기!! 2023. 12. 29.

[JavaScript]형변환(TypeCast) ⚫자바스트립트 형변환 🔘자동 형변환 - 연산자에 의해 값의 자료형이 자동으로 변환 🔘강제 형변환 - 자료형 관련 함수에 의해 값의 자료형이 강제로 변환 실습예제👩‍💻 각 명령의 출력 결과는 옆에 주석 처리하여 작성함. 2023. 12. 29.

이전 1 2 3 4 5 6 7 ··· 9 다음

티스토리툴바