profile
개발해보자고 🐣
태그 목록
전체보기 (39)배열(4)객체(4)단항연산자(3)변수(3)input(3)얕은복사(3)submit(3)querySelectorAll()(2)전역객체(2)addEventListener(2)메서드체인(2)논리연산자(2)Pop(2)부정연산자(2)DOM(2)radio(2)checkbox(2)카멜표기법(2)조건문(2)reset(2)콜백함수(2)생성자함수(2)반복문(2)비교연산자(2)shift(2)unshift(2)push(2)getElementById(2)선입선출(1)previousElementSibling(1)object/reference type(1)파스칼케이스(1)parentElement(1)재할당(1)동적생성(1)decodeURIComponent(1)초기식(1)우선 연산(1)else if(1)html문서(1)기명함수(1)nextElementSibling(1)스네이크표기법(1)단일데이터(1)레퍼객체(1)인자(1)문자열연결연산자(1)querySelector(1)배열메서드(1)checked(1)dropdown(1)런타임(1)getElementsClassName(1)encodeURIComponent(1)알규먼트(1)프로퍼티(1)keyup이벤트(1)반환값(1)stack(1)queue(1)감소연산자(1)dataset(1)배열리터럴(1)대소관계비교연산자(1)조건식(1)className(1)classList.remove(1)removeAttribute(1)for문(1)image(1)내부함수(1)BOM(1)length(1)유사배열(1)익스텐션(1)전역 프로퍼티(1)variables(1)연산자(1)표현식(1)React(1)isFinite(1)blur(1)글로벌객체(1)웹페이지 시작하기(1)요소찾기(1)정적메소드(1)text(1)ScrollHeight(1)호스트객체(1)프로퍼티 키(1)매개변수(1)피연산자(1)동적언어(1)선언과 할당(1)preview(1)Infinity(1)NaN(1)함수선언문(1)함수표현식(1)메모리셀(1)insertBefore(1)parseFloat(1)parseInt(1)원시데이터(1)ecmascript(1)복합데이터(1)event.curruntTarget(1)return(1)classList.add(1)while(1)for(1)전역 메서드(1)hasAttribute(1)JavaScript(1)&&(1)이벤트리스너(1)고차함수(1)notation(1)입력값(1)인수(1)<script></script>(1)이항산술연산자(1)nodeList(1)프로퍼티 삭제(1)attribute(1)할당연산자(1)웹브라우저(1)eval(1)typeof(1)AND조건(1)클래스필드(1)OR조건(1)object생성자함수(1)break(1)자바스크립트(1)classList(1)파라미터(1)인스턴스(1)switch(1)배열생성자함수(1)key in obj(1)클래스레벨(1)concat(1)const(1)let(1)var(1)변수캡슐화(1)객체리터럴(1)Primitive Data Type(1)class제어(1)회원가입(1)동등비교연산자(1)동적속성(1)재선언(1)htmlDOM(1)인스턴스레벨(1)delete(1)mouseover(1)event.target(1)select(1)option(1)즉시실행함수(1)Array.isArray(1)증감식(1)삼항연산자(1)재귀함수(1)배열프로퍼티(1)템플릿리터럴(1)후입선출(1)value(1)encodeURI(1)전역함수(1)멤버변수(1)함수(1)this(1)입력커서(1)개발환경(1)data속성제어(1)if문(1)컴파일러(1)if else(1)html(1)CSS제어(1)closest(1)네이티브객체(1)이벤트핸들러(1)원본배열(1)@property(1)checkbox[i](1)FIFO(1)focus(1)객체생성(1)증가연산자(1)preventDefault(1)전역변수(1)type(1)Multiple(1)InnerHTML(1)name(1)클래스(1)Overriding(1)선언과정의(1)HTML속성제어(1)정적속성(1)산술연산자(1)요소생성(1)appendChild(1)HTML요소제어(1)데이터멤버(1)스택(1)dataset프로퍼티(1)shallow copy(1)form(1)label(1)getter(1)setter(1)extends(1)super(1)type="text/css"(1)LIFO(1)익명함수(1)isNaN(1)e.currentTarget.dataset(1)setAttribute(1)프로퍼티 값(1)Array.from(1)change이벤트(1)일급객체(1)decodeURI(1)selectedIndex(1)식별자(1)Map(1)메소드(1)file(1)mouseout(1)이벤트종류(1)(1)if(1)객체타입(1)getElementsTagname(1)삼항조건연산자(1)값접근(1)for ~ of(1)빌트인 객체(1)이벤트(1)생성자(1)children(1)인터프리터(1)childNodes(1)static(1)백틱(1)getAttribute(1)<script type="text/javascript"></script>(1)클래스상속(1)메모리(1)기본자료형(1)자바스크립트 엔진(1)undefined(1)form객체(1)
post-thumbnail

[dream coding] 배열의 고차함수 11강 TIL

배열 고차함수 고차함수란 함수를 인자로 전달받거나 함수를 결과로 반환하는 함수 ✏️ sort( ) 배열의 요소를 적절하게 정렬 원본배열 직접 변경하여 정렬된 배열 반환 🔒 forEach( ) 🔒 find( ) 🔒 findIndex( ) 🔒 some( ) 🔒

3일 전
·
0개의 댓글

shallow copy 얕은 복사

자바스크립트에서는 복사할때 항상 얕은 복사가 이루어짐복사가 되어도 배열에 들어있는 오브젝트(=객체)는 객체 메모리 주소이므로오브젝트를 수정하면(=키의값 을 수정) 그 오브젝트가 저장되어진 모든 곳에서 수정됨

3일 전
·
0개의 댓글

[dream coding] 11강 배열 TIL

배열이란 배열은 1개의 변수에 여러개 값을 순차적으로 저장할 때 사용 자바스크립트의 배열은 객체이며 유용한 내장 메서드를 포함 Array 생성자로 생성된 Array타입의 객체 배열의 생성 배열 리터럴 [ ]; 0개 이상의 값을 쉼표로 구분, 첫번째 값은 index '

3일 전
·
0개의 댓글

자료구조 스택(stack)과 큐(Queue)

스택을 번역하면 쌓다, 쌓아올리다 라는 의미스택 자료구조는 물건처럼 차곡차곡 쌓아 올린 형태의 자료구조LIFO ( Last In Fist out ) 구조맨 위에 자료를 넣고 뺄 수 있다스택에 데이터를 push하면 항상 최상단에 들어가며pop으로는 최근 push한 데이터

3일 전
·
0개의 댓글
post-thumbnail

[dream coding] 10강 빌트인 객체 TIL

자바스크립트는 크게 3개의 객체로 나뉜다 네이티브 객체 = 빌트인객체 = 글로벌 객체 Native objects = Built-in objects = Global Objects ECMAScript 명세에 정의된 객체를 말한다. 애플리케이션 전역의 공통 기능 제공 Ob

5일 전
·
0개의 댓글
post-thumbnail

[dream coding] 9강 클래스 TIL

객체를 손쉽게 만들 수 있는 템플릿 객체class 키워드 사용생성자 함수와 마찬가지로 함수명은 파스칼 케이스 사용표현식으로도 클래스를 정의할 수 있다.new연산자와 함께 클래스 이름을 호출하면 클래스의 인스턴스가 생성된다.constructor 는 인스턴스를 생성한다클래

6일 전
·
0개의 댓글
post-thumbnail

[dream coding] 8강 객체 TIL

자바스크립트를 이루고 있는 '모든 것'\*키(key) : 값(value)로 구성된 프로퍼티들의 집합프로퍼티 : 객체의 데이터메소드란 : 객체의 데이터를 참조하고 조작하는 동작객체지향의 상속을 구현하기 위해 '프로토타입'이라고 불리는 객체의 프로퍼티와 메소드를 상속받는다

7일 전
·
0개의 댓글
post-thumbnail

[dream coding] 7강 함수 TIL

함수, 프로그래밍의 시작 💡함수의 정의와 호출 함수의 정의 3가지 방식 함수 선언문 함수 표현식 funtion 생성자 함수 💡1.함수 선언문 funtion키워드 함수명 (매개변수(=인자)) { return키워드 값반환 표현식; }; funtion add(a,

7일 전
·
0개의 댓글
post-thumbnail

[dream coding] 6강 제어문 TIL

코드의 순서, 흐름을 어떻게 제어할까 ? 조건문 Conditional Statement 💡if else if else if else if ... else 💡switch 💡삼항 조건 연산자 반복문 Loop Statement 💡for 💡while 💡for

2022년 6월 20일
·
0개의 댓글
post-thumbnail

[dream coding] 5강 표현식, 연산자 TIL

값은 표현식이 평가되어 생성된 결과를 말한다.프로그래밍을 구성하는 가장 기본 단위이자 최소 실행 단위문은 여러 토큰으로 구성된다.토큰은 문법적으로 더이상 나눌 수 없는 코드의 기본 요소를 의미예를들어 키워드,식별자,연산자,리터럴,세미콜론,마침표 등 더하기 연산자 주의점

2022년 6월 16일
·
0개의 댓글
post-thumbnail

[dream coding] 2강 - 3강 자바스크립트 엔진TIL

자바스크립트 엔진이 브라우저에서 런타임(=동작)하면서코드를 한줄씩 읽어나감(= 인터프리터)컴파일러 : 인터프리터와 반대되는 개념,실행하기 전 모든 코드를 컴파일링한다(= 해석가능한 언어로 읽어나감)IE: chakrachrome, Edge, node.js : V8safa

2022년 6월 13일
·
0개의 댓글

01. 회원가입 html form 잡기

&lt;form name="join_form" id="join_form"> ... &lt;/form>아이디, 비밀번호, 비밀번호 확인, 이름, 이메일, 연락처div.form-group > ( label > span, div > input )성별, 수강과목div.form

2022년 6월 9일
·
0개의 댓글

JS- image 미리보기 양식

예제

2022년 6월 3일
·
0개의 댓글

JS- focus, blur

focus() 함수는 특정 항목에 입력커서를 할당 가능focus 이벤트는 특정항목에 입력커서가 할당되었을때 동작하는 이벤트blur 이벤트는 특정 항목에서 입력커서가 빠져 나왔을 때 동작하는 이벤트 -> focus의 반대

2022년 6월 3일
·
0개의 댓글

JS- `<form>`의 reset, submit 처리

&lt;form>요소의 action속성에 지정된 페이지로 사용자의 입력내용을 전송하는 기능.&lt;input type="submit"/>요소를 클릭하거나 아래의 자바스크립트 구문의 호출을 통해서 구현된다.&lt;form>요소에 onsubmit 이벤트 적용후 return

2022년 6월 3일
·
0개의 댓글

JS- attribute , property

attribute는 html문서에서 elements에 추가적인 정보를 넣을 때 사용되는 요소입니다.예를들어 &lt;div class="my-class">&lt;/div>라는 "my-class"라는 클래스 속성을 가지 div요소에서 div는 elements(요소)이고cl

2022년 6월 3일
·
0개의 댓글

JS- checkbox, radio

var foo = document.form1.myradio\[0].value;

2022년 6월 3일
·
0개의 댓글

JS- select 태그를 활용한 dropdown 과 change,keyup이벤트

select 복수개의 리스트에서 복수개의 아이템을 선택할 때 사용한다. 함께 사용할 수 있는 태그는 다음과 같다. 서버에 전송되는 데이터는 select 요소의 name 어트리뷰트를 키로, option 요소의 value 어트리뷰트를 값으로하여 key=value의 형태로

2022년 6월 3일
·
0개의 댓글