일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
- CSS
- addEventListener
- input
- typeScript
- HTML
- DOM
- 배열
- 리액트
- callback함수
- 함수 실행
- webProject
- Props
- 비동기함수
- try.. catch
- 메소드 실행
- 컴포넌트
- 이벤트핸들링
- REACT
- 렌더링
- 배열메소드
- JavaScript
- frontendstudy
- Frontend Study
- useRef
- FrontendStydy
- useState
- 자바스크립트
- 이벤트
- promise
- this 객체
- Today
- Total
목록전체 글 (77)
이다닷
상수란 무엇일까? 상수란 수식에서 '변하지 않는 값'을 뜻한다. 변수와 반대되는 것으로, 상수는 '단 하나의 데이터만을 위해 사용하는 이름표'로써, 값의 변경이 불가하다. 상수도 변수처럼 지정된 데이터 대신 사용할 수 있다. 상수 만드는 법 const 상수이름 = 데이터; 상수의 선언과 초기화 상수를 만들때에는 변수와는 다르게 선언과 초기화를 동시에 해야한다. 그렇지 않으면 데이터를 지정할 수 없다. window.prompt(x) window 객체의 prompt(x) 메소드는 사용자로부터 문자열을 입력받을 수 있는 다이얼로그 박스를 열어주는 메소드이다. prompt로 받은 문자열을 자신이 사용된 곳 그대로 '반환'한다. 즉, 메소드가 입력받은 문자열로 바뀌게된다. 📌실제로 코드가 바뀌는 게 아닌 바뀐 것..
변수란 무엇일까? 변수란 '데이터에 붙이는 이름표'이다. 변수를 이용하면 이름표를 붙여 둔 데이터를 기억해두었다가 필요할 때마다 재사용 할 수 있게 된다. 📌변수를 생성하고 나면, 변수를 지정된 데이터 대신에 사용할 수 있다. 변수의 선언과 초기화 변수를 만드는 작업 -> 변수의 선언 만들어진 변수에 첫 데이터를 지정하는 작업 -> 변수의 초기화 두 과정은 동시에 진행할 수도, 따로 진행할 수도 있다. let 변수이름; // 변수 선언 변수이름 = 내용; // 변수 초기화 let 변수이름 = 내용; // 변수 선언과 초기화를 동시에 수행 변수의 특징 변수는 변한다는 특징을 가지고 있다. 변수는 데이터를 기억하기 위해서 사용한다. 변수는 한 번에 하나의 데이터만 기억할 수 있으며, 기억하고 있는 값을 바꿔..
콘솔의 의미 콘솔은 브라우저의 디버깅 콘솔을 의미한다. 콘솔은 브라우저 안에 내장된 브라우저의 하위 객체이므로 브라우저 객체를 통해 접근할 수 있다. window.console로 객체가 가지고 있는 데이터에 접근할 수 있다. window. 을 생략한 채로 코드를 작성할 수 있다. console에 접근할때, window.console 과 console가 똑같다. 자바스크립트 코드 작성 규칙 대문자와 소문자를 구분하여 작성하기 구문의 끝에는 ';'을 입력해 '구문의 끝'을 알리기(선택사항) 가능하면 한 줄에 두 개 이상의 구문을 사용하지 않기(권장사항) 📌 ; 은 한줄의 코드에 두 개 이상의 구문을 사용할 때 필수로 필요함 실습 코드 console.log('안녕하세요') console.log('하나 더') ..
객체의 사전적 의미 객체란 실세계에 존재하는 대상 또는 생각할 수 있는 어떠한 개념이다. ex) 내 옆에 있는 스마트폰, 침대에 놓여있는 리모컨, 그것들을 바라보는 나 자신 이 모든것이 객체이며, 이렇듯 객체란 우리가 사는 세상을 구성하는 하나하나를 말한다. 자바스크립트에서 객체란? 어떠한 사물이나 개념을 소프트웨어적으로 표현하기 위해 사용하는 문법적 수단을 말한다. 자바스크립트 코드 내에서 객체란 '값 또는 기능을 가지고 있는 데이터'이다. 즉 소프트웨어적 사물인 것이다. 웹브라우저 웹브라우저도 객체이다. 웹브라우저는 소프트웨어 세계에 존재하는 사물, 즉 객체이다. 그리고 자바스크립트는 웹브라우저라는 객체에게 명령을 내리기 위해 사용하는 언어이다. 사용자가 웹브라우저에게 명령을 내릴 수 있도록 돕기 위..
자바스크립트란 프로그래밍언어이다. 목적 서버 개발, 어플리케이션 개발 등 다양한 목적을 위해 사용된다. 하지만 주된 활동 분야는 '웹 개발'이다. 웹사이트 개발에 필요한 언어 HTML, CSS, JavaScript이다. HTML은 웹 페이지에 표시될 콘텐츠를 정의하고, CSS는 웹 콘텐츠를 스타일링한다. 마지막으로 JavaScript는 웹사이트의 동작이나 상호작용을 정의한다. 이미지 슬라이더나 버튼을 눌렀을때의 동작, 마우스 커서를 올렸을때 메뉴가 펼쳐지는 등의 일을 할 수 있다. 웹 페이지를 만드는 법 HTML과 CSS를 이용하여 기본적인 브라우저의 틀을 만든다. 완성된 틀을 가지고 JavaScript를 이용해서 동작을 추가한다. 자바스크립트의 역할 웹사이트 개발에 대해서 자바스크립트는 웹브라우저가 가..
1. 컬렉션 프레임웍이란? 다수의 데이터를 쉽고 효과적으로 처리할 수 있는 표준화된 방법을 제공하는 클래스의 집합을 의미한다. 데이터를 저장하는 자료구조와 데이터를 처리하는 알고리즘을 구조화하여 클래스로 구현해 놓은 것이다. 1-1. List 컬렉션 순서가 있는 데이터의 집합으로, 데이터의 중복을 허용한다. 객체를 일렬로 늘어놓은 구조를 가지고 있으며, 객체를 인덱스로 관리하기 때문에 객체를 저장하면 자동 인덱스가 부여되고 인덱스로 객체를 검색, 삭제할 수 있는 기능을 제공한다. -List interface 메소드 리턴 타입 설명 add(E e) boolean 요소를 추가해준다. remove(Object o) boolean 지정한 객체와 같은 첫 번째 객체를 삭제한다. contains(Object o) ..
1. 절차지향 프로그래밍이란? 어떤 문제를 해결하기 위한 과정을 순서대로 나열해서 한 단계씩 해결해 나간다. 특정 기능을 수행하는 함수를 만들어 필요할 때 호출해서 실행한 후 그 결과를 받아오는 방식으로 논리적 흐름에 따라 제어하는 방식이다. 뒤죽박죽인 코드의 순서와 기능에 따른 구분이 없이 쭉 나열해서 오류가 발생한 곳을 찾기에도 매우 어려웠기 때문에 등장했다. 2. 객체지향 프로그래밍이란? 프로그램을 짤 때 동일한 목적이나 기능을 하는 변수와 함수들을 각각 하나로 묶어서 객체로 만들고 그 객체들끼리 상호 통신하면서 프로그램 전체가 돌아가도록 코드를 구성한다. 오류가 발생했을 때 프로그램 전체를 살펴보지 않고 각 객체들을 살펴보면서 수정한다는 장점이 있다. 2.1 객체지향 프로그래밍의 특성 추상화 캡슐..
1. 상속 기존의 클래스에 기능을 추가하거나 재정의하여 새로운 클래스를 정의하는 것을 의미한다. 1.1 상속의 장점 기존에 작성된 클래스를 재활용할 수 있다. 자식 클래스 설계 시 멤버를 미리 부모 클래스에 작성해 놓으면, 자식 클래스에서는 해당 멤버를 작성하지 않아도 된다. 클래스 간의 계층적 관계를 구성함으로써 다형성의 문법적 토대를 마련한다. 1.2 자식 클래스 선언 class 자식클래스이름 extends 부모클래스이름{ } 2. 생성자 클래스로부터 객체를 생성할 때 호출되어 객체의 초기화를 담당한다. new 연산자와 같이 사용된다. 2.1 생성자 선언 접근제어자 클래스명 (매개변수){ } 2.2 생성자 호출 클래스_이름 변수명 = new 클래스_이름(전달 값); 예시 public class Fru..