profile
//
태그 목록
전체보기 (77)배열(13)반복문(8)객체(8)자바스크립트(5)&&(5)html(5)스코프(4)조건문(4)if(4)filter(3)전개 연산자(3)고차함수(3)함수(3)while(3)전역 스코프(3)지역 스코프(3)unshift(2)split()(2)push(2)원시형자료(2)break(2)form(2)label(2)use strict(2)익명함수(2)원시자료형(2)this(2)문자열(2)할당(2)요소(2)전역 변수(2)Map(2)closure(2)input(2)주소값(2)for(2)const(2)let(2)클로저(2)태그(2)상수(2)shift(2)splice(2)지역 변수(2)for ~ of(2)Pop(2)참조형자료(2)화살표 함수(2)기본자료형(2)지역변수(1)0(1)복합자료형(1)stack(1)td(1)글자태그(1)조건문 종류(1)REST(1)heap(1)정적(1)JSON.parse(1)braket notation(1)dot notation(1)전개문법(1)boolean(1)변수 상자(1)유효성검사(1)rest parameter(1)나머지 매개변수(1)block scope(1)url(1)th(1)선언식(1)표현식(1)callback(1)isFinite(1)조건부 연산자(1)목록(1)arguments(1)알고리즘(1)document object model(1)엄격모드(1)reference(1)프로토타입(1)(1)콜백 함수(1)null(1)선언적 함수(1)Prototype(1)JOIN(1)NaN(1)문서 객체 모델(1)img(1)for ~ in(1)=-(1)js(1)URN(1)Spread(1)number(1)가변 매개변수 함수(1)HR(1)요소 추가(1)JavaScript(1)기본자료형의 일시적 승급(1)매소드 체이닝(1)동적(1)UI(1)controls(1)br(1)span(1)div(1)cli(1)switch(1)수학적함수(1)querySelectorAll()(1)json(1)선언적함수(1)continue(1)new 키워드(1)concat(1)var(1)기본 매개변수(1)repeat(1)default(1)일급 객체(1)foreach(1)lvalue(1)리턴(1)delete(1)String(1)select(1)li(1)속성(1)ClearTimeout(1)confirm(1)증감연산자(1)(1)내장고차함수(1)setInterval(1)setTimeout(1)메서드(1)DOM(1)입력양식태그(1)tofixed(1)checkbox(1)(1)선택자(1)참조자료형(1)즉시호출함수(1)alert(1)function scope(1)코플릿(1)undefined 자료형(1)함수 표현식(1)구조분해할당(1)테이블태그(1)breakpoint(1)script(1)reduce(1)ul(1)파괴(1)전역변수(1)clearInterval(1)InnerHTML(1)최솟값구해보기(1)CDN(1)strict mode(1)Table(1)목록태그(1)얕은 복사(1)함수스코프(1)isNaN(1)이중 반복문(1)함수 선언식(1)tr(1)변수(1)가로줄(1)변수선언(1)object.keys(1)ol(1)메소드(1)예제(1)비파괴(1)복합대입연산자(1)객체자료형(1)rvalue(1)줄바꿈(1)블록스코프(1)min(1)배열요소제거(1)논리곱(1)논리합(1)다중 할당(1)trim()(1)문서 객체 조작(1)클로져(1)audio(1)타이머함수(1)gui(1)속성 추가(1)터미널(1)scope(1)apply(1)textarea(1)논리 연산자(1)tag(1)함수호출(1)undefined(1)짧은조건문(1)기본글자태그(1)거듭제곱여부(1)중괄호(1)(1)깊은 복사(1)first-class citizen(1)상수 상자(1)script태그(1)video(1)window객체(1)경로지정법(1)짧은 조건문(1)indexOf(1)URI(1)lodash(1)querySelector(1)prompt(1)debugger(1)라이브러리(1)논리연산자(1)JSON.stringify(1)

section1 회고~

코딩을 배운지 이제 3달정도 되었다.긴 시간인거같지만 짧다고 느껴지기도 한다.section1에서 배운건javascript기초, HTML,CSS기초,LINUX기초GIT기초, CSS레이아웃 & Selector, 클로저와스코프개념, DOM,REACT 등많은것을 배웠다.아직

2021년 12월 9일
·
0개의 댓글
post-thumbnail

문제 -고차함수-

함수들을 입력받아 함수들이 입력된 차례대로 결합된 새로운 함수를 리턴하라!인자 1 : func1 -> number타입을 입력받아 number타입을 리턴하는 함수인자 2 : func2 -> number타입을 입력받아 number타입을 리턴하는 함수인자 3 : funcN

2021년 11월 30일
·
0개의 댓글
post-thumbnail

고차함수 - reduce()

이전에 고차함수매서드인 map, filter,forEach등 을 알아보았다.고차함수는 콜백함수를 사용하는 매서드로써 브라우저내에서 브라우저의 객체로 함수인 녀석들을 매서드라고 부른다.오늘은 그중 좀 까다로워보이는 reduce를 알아보자.mdn에 나와있는 설명으로는 이러

2021년 11월 30일
·
0개의 댓글
post-thumbnail

DOM - 문서 객체 모델

HTML 페이지에 있는 html, head, title, body, div 등을 HTML 언어에서는 요소(element)라고 부른다.자바스크립트에서는 HTML의 요소를 문서 객체(Document Object)라고 부른다.따라서 '문서 객체를 조작한다' 는 말은 즉,'H

2021년 11월 28일
·
0개의 댓글
post-thumbnail

유효성 검사

우리가 웹사이트에서 회원가입을 할때 사용할 ID, 비밀번호, 비밀번호 재확인, 등 기재해야할 부분에 기재하고 회원가입을 한다.여기서 아이디와 비밀번호에 보안을 위해서 조건이 붙는걸 많이 봐왔다.예를 들어 아이디는 몇글자이상으로, 비밀번호는 숫자문자 조합, 몇글자이상~

2021년 11월 27일
·
0개의 댓글
post-thumbnail

koans 예제 풀이

\-> 기본 자료형 할당 (값 복사) \-> 객체 자료형 할당얕은 복사 와 깊은 복사 란??얕은 복사 : 주소값을 복사하는 것이라 변수이름만 다를뿐 같은 주소를 바라보고 있어서 한쪽을 변경하면 주소의값이 변하기 때문에 같은 주소를 바라보니 두 변수가 변해버린 같은 주소

2021년 11월 25일
·
0개의 댓글
post-thumbnail

클로저 예제로 알아보기

정답 : sample함수가 리턴 하고 있는 익명함수 설명 : sample이 리턴하는 익명함수는 외부함수 sample의 스코프에 선언된 변수 value에 접근할 수 있기 때문에 클로저이다.

2021년 11월 24일
·
0개의 댓글
post-thumbnail

클로저(closure)

클로저란? 1.함수와 함수가 선언된 어휘적 환경의 조합 2.함수를 리턴하는 함수 3.외부의 함수의 변수에 접근할 수 있는 내부함수\-> 함수를 리턴하는 함수이면서 외부의 함수의 변수에 접근할 수 있는 내부함수를 바로 클로저라고한다.특징 1. 함수를 리턴하는 함수여기 덧

2021년 11월 24일
·
0개의 댓글
post-thumbnail

문제 -배열 && 객체-

\-인자 : numnumber타입의 num (num은 0 이상의 정수)\-출력 -> 배열을 리턴해야함\-주의사항-반복문(for)문 사용하라.피보나치 수열은 0번부터 시작한다.ex) 0, 1, 1, 2, 3, 5, 8, 13, 21, 34, 55 ...\-입출력예시-le

2021년 11월 23일
·
0개의 댓글
post-thumbnail

외부 script 파일 읽어들이기 , 라이브러리 사용해보기

간단한 프로그램을 만들때 HTML 페이지 내부에 script 태그를 만들고 태그 내부에 자바스크립트 코드를 입력하였다.하지만 프로그램의 규모가 커지면 파일 하나가 너무 방대해지기 때문에 파일을 분리하는게 좋다.알아보자.우선 아무 폴더를 생성하고, 폴더안에 파일 두개를

2021년 11월 21일
·
0개의 댓글
post-thumbnail

다중 할당 & 얕은복사 & 깊은복사 feat.전개 연산자

객체에 없는 속성에 접근하면 undefined 자료형이 나온다.따라서 조건문으로 undefined인지 아닌지 확인한다면 속성 존재 여부를 확인할 수 있다.if문 사용if(obj.키 !== undefined)로도 쓸수 있지만객체의 특정 속성이 false로 변환될 수 있는

2021년 11월 20일
·
0개의 댓글
post-thumbnail

JSON 객체

JSON은 JavaScript Object Notation 의 약자로 자바스크립트의 객체처럼 자료를 표현하는 방식이다.인터넷에서 문자열로 데이터를 주고 받을 때 CSV, XML, CSON 등의 다양한 자료 표현 방식을 사용할 수 있다.현재 가장 많이 사용되는 자료 표현

2021년 11월 20일
·
0개의 댓글
post-thumbnail

다양한 메소드 알아보기

Number 객체에서 자주 사용하는 메소드 toFixed() 이다소수점 이하 몇 자리까지만 출력하고 싶을 때 사용한다.소수점을 가진 숫자.toFixed(나타낼 소수점자리수)출력된 자료형의 타입은 'string' 이다NaN(Not a Number) ->자료형은 숫자인데

2021년 11월 19일
·
0개의 댓글
post-thumbnail

기본자료형과 객체자료형, 프로토타입으로 메소드 추가하기

자바스크립트에서 사용하는 자료는 크게 기본자료형(primitives)과 객체자료형(object)으로 구분할 수 있다. 앞서 공부했던 [기본자료형 복합자료형](https://velog.io/@hyo123/Stack%EA%B3%BCHeap-%EA%B7%B8%EB%A6%A

2021년 11월 15일
·
0개의 댓글
post-thumbnail

객체 속성 추가,제거

// 객체의 키와 값을 정적으로 생성한다!const obj = { a: 1, b: 2, c: 3}// 객체의 키와 값을 동적으로 생성한다!obj.d = 4;console.log(obj) -> {a:1,b:2,c:3,d:4}와 같이 객체가 한번 만들어진 이후에obj

2021년 11월 14일
·
0개의 댓글
post-thumbnail

객체의 기본, this 키워드

우선 객체의 기본에 대해서는 여러번 정리를 해서 간단하게 다뤄보겠다.객체(object)란 추상적의미로, 한마디로 정의하면'실제로 존재하는 사물'을 의미하고 '이름'과 '값'으로 구성된 속성(property)을 가진 자바스크립트의 기본 데이터 타입으로 이야기할수 있다.이

2021년 11월 13일
·
0개의 댓글
post-thumbnail

filter()함수 메소드 체이닝

우선 numbers라는 배열을 가진 변수가 선언되어있고위의 주석처리쪽에 조건들대로 문제를 풀어보았다.arr 이라는 식별자에 filter() 함수를 사용하여조건에 맞게 걸러낸 값을 넣고,numbers = arr 할당을 하여 console.log(numbers)로문제를 풀

2021년 11월 13일
·
0개의 댓글
post-thumbnail

익명 함수와 선언적 함수의 차이!

while반복문과 for반복문은 2가지 모두 많이 사용되지만,사용하는 상황이 조금씩 다르다.while반복문은 조건을 중심으로 반복할때,for반복문은 횟수를 중심으로 또는 배열 등을 중심으로 반복할 때 사용한다.그런데 익명함수와 선언적 함수는 사용하는 상황이 비슷하다.기

2021년 11월 13일
·
0개의 댓글
post-thumbnail

콜백함수 - 타이머 함수,즉시호출함수- 엄격모드

자바스크립트에서 콜백함수를 사용하는 또 다른 대표적인 함수가 바로 타이머 함수이다.타이머 함수는 크게setTimeout()setInterval()이라는 함수로 나뉜다.둘다 특정한 시간 후에 뭘 할때 사용을 한다.setTimeout(함수,시간) -> 특정 시간 후에 함수

2021년 11월 12일
·
0개의 댓글
post-thumbnail

콜백 함수, 고차함수매서드,화살표함수,매소드체이닝

함수를 매개변수로 사용하여 넣을수 있다.아래는a is not a function -> a가 함수가 아닌데 왜 호출하려고 하냐? 라는 에러가뜸콜백함수를 활용하는 가장 기본적인 함수 forEach()이다.배열이 갖고 있는 함수(매서드)로써 단순하게 배열 내부의 요소를 사용

2021년 11월 12일
·
0개의 댓글