profile
//
태그 목록
전체보기 (89)배열(13)반복문(8)객체(8)html(5)자바스크립트(5)&&(5)if(4)스코프(4)조건문(4)함수(3)while(3)고차함수(3)전역 스코프(3)전개 연산자(3)filter(3)지역 스코프(3)지역 변수(2)서버(2)Pop(2)참조형자료(2)화살표 함수(2)delete(2)split()(2)ip(2)클라이언트(2)URI(2)unshift(2)http(2)form(2)label(2)주소값(2)use strict(2)기본자료형(2)익명함수(2)원시형자료(2)원시자료형(2)this(2)break(2)문자열(2)Map(2)push(2)요소(2)할당(2)input(2)for ~ of(2)for(2)url(2)태그(2)const(2)let(2)전역 변수(2)클로저(2)closure(2)shift(2)상수(2)splice(2)라이브러리(1)논리연산자(1)JSON.stringify(1)지역변수(1)0(1)DNS(1)patch(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)connect()(1)변수 상자(1)유효성검사(1)도메인(1)rest parameter(1)나머지 매개변수(1)block scope(1)th(1)PORT(1)선언식(1)표현식(1)callback(1)isFinite(1)조건부 연산자(1)HTTP Messages(1)목록(1)arguments(1)알고리즘(1)head(1)document object model(1)엄격모드(1)reference(1)프로토타입(1)IPv4(1)(1)콜백 함수(1)null(1)선언적 함수(1)Prototype(1)JOIN(1)ajax(1)NaN(1)문서 객체 모델(1)img(1)for ~ in(1)=-(1)js(1)URN(1)Spread(1)number(1)가변 매개변수 함수(1)요청(1)HR(1)요소 추가(1)JavaScript(1)기본자료형의 일시적 승급(1)도메인 이름(1)domain(1)매소드 체이닝(1)동적(1)string method(1)UI(1)controls(1)TRACE(en-us)(1)IPv6(1)br(1)span(1)div(1)문자열 메소드(1)cli(1)Responses(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)리턴(1)put(1)options(1)String(1)select(1)li(1)속성(1)ClearTimeout(1)confirm(1)증감연산자(1)(1)내장고차함수(1)setInterval(1)setTimeout(1)start line(1)메서드(1)DOM(1)body(1)입력양식태그(1)tofixed(1)host name(1)checkbox(1)(1)선택자(1)참조자료형(1)Domain Name(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)3티어 아키텍처(1)isNaN(1)이중 반복문(1)함수 선언식(1)tr(1)변수(1)가로줄(1)변수선언(1)object.keys(1)ol(1)메소드(1)예제(1)응답(1)비파괴(1)복합대입연산자(1)객체자료형(1)rvalue(1)2티어 아키텍처(1)줄바꿈(1)블록스코프(1)min(1)배열요소제거(1)status line(1)논리곱(1)논리합(1)다중 할당(1)trim()(1)문서 객체 조작(1)클로져(1)audio(1)타이머함수(1)gui(1)속성 추가(1)Stateless(1)터미널(1)scope(1)apply(1)headers(1)textarea(1)무상태성(1)논리 연산자(1)tag(1)함수호출(1)포트(1)undefined(1)짧은조건문(1)기본글자태그(1)거듭제곱여부(1)중괄호(1)(1)깊은 복사(1)first-class citizen(1)상수 상자(1)script태그(1)video(1)window객체(1)경로지정법(1)API(1)짧은 조건문(1)requests(1)indexOf(1)GET(1)POST(1)lodash(1)querySelector(1)prompt(1)debugger(1)
post-thumbnail

반복문

반복할 조건을 초기화, 조건식, 증감문 순으로 넣어준다.구구단을 출력할 수 있는 함수를 만들어본다.반복문을 넣어 구구단을 만들어준다.이중반복문을 사용하여 더 쉽게 만들어본다.

약 22시간 전
·
0개의 댓글
post-thumbnail

문자열

string 타입과 다른 타입 사이에 + 연산자를 쓰면 string 형식으로 변환(toString)문자열의 길이를 알 수 있다.찾고자하는 문자열의 인덱스번호를 알 수 있다.찾고자하는 문자열이 존재하는지 여부 -> Boolean값 리턴!주로 문자열을 배열로 분리할 때 쓴

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

조건문 기초

조건문 기억해둬야할 6가지 falsy 값 논리연산자 AND OR 타입별 비교

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

변수와 타입

변수는 데이터를 표현하기 쉽고 언제든지 꺼내서 사용하거나 다른 데이터를 할당하기위해 사용한다.변수를 선언한다는 것은 데이터 보관함에 데이터를 넣을 공간을 확보하는 것을 의미한다.선언된 변수에 할당을 해보자!동시에 선언과 할당을 할 수 도있다.할당이 될때마다 sum의 값

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

AJAX

AJAX 는 Asynchronous JavaScript And XMLHttpRequest의 약자로, JavaScript, DOM, Fetch, XMLHttpRequest, HTML 등의 다양한 기술을 사용하는 웹 개발 기법이다!!!AJAX의 가장 큰 특징은 웹 페이지에

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

HTTP 요청 메서드

HTTP는 요청 메소드를 정의하여, 주어진 리소스에 수행하길 원하는 행동을 나타낸다.간혹 요청 메서드를 HTTP 동사 라고 부르기도 한다.각각의 메서드는 서로 다른 의미를 구현하지만, 일부기능은 메서드 집합 간에 서로 공유하기도 한다.GET : GET 메서드는 특정 리

2022년 3월 22일
·
0개의 댓글
post-thumbnail

HTTP Messages

HTTP 즉, HyperText Transfer Protocol의 줄임말로, HTML과 같은 문서를 전송하기 위한 Application Layer 프로토콜이다.HTTP는 웹 브라우저와 웹 서버의 소통을 위해 디자인되었다.전통적인 클라이언트-서버 모델에서 클라이언트가 H

2022년 3월 22일
·
0개의 댓글
post-thumbnail

Domain(도메인) , DNS

웹 브라우저를 통해 특정 사이트에 접속 할때, IP주소를 대신하여 사용하는 주소가 있다.만약 예를들어 IP주소가 지번 또는 도로명주소라면,Domain(도메인) name은 해당 주소에 위치한 상호(아파트나 상가 이름)으로 볼 수 있다.더 쉽게 예를 들면 ->택시를 타고

2022년 3월 19일
·
0개의 댓글
post-thumbnail

IP , PORT(포트)

네트워크에 연결된 특정 PC의 주소를 나타내는 체계를 IP address(Internet Protocol address, IP 주소) 라고 한다.네 덩이의 숫자를 IP 주소라고 함위의 사진과 같이 웹 브라우저에 닷(.)으로 구분된 네 덩이의 숫자를 입력하면, 그 주소에

2022년 3월 19일
·
0개의 댓글
post-thumbnail

URL URI

브라우저의 주소창에 입력한 URL은 서버가 제공되는 환경에 존재하는 파일의 위치를 나타낸다.CLI환경에서 폴더와 파일의 위치를 찾아 이동하듯,슬래시(/)를 이용해 서버의 폴더에 진입하거나 파일을 요청할 수 있다.그러나 기본적인 보안의 일환으로 외부에서 직접 접근이 가능

2022년 3월 18일
·
0개의 댓글
post-thumbnail

HTTP, 프로토콜,API

클라이언트와 서버 간의 통신은 요청과 응답으로 구성된다.요청이 있어야만 응답이 온다.클라이언트-서버 아키텍처에서는 서버 마음대로 클라이언트에 리소스를 전달 하지 않는다.클라이언트와 서버간의 통신을 알아보기 전에 프로토콜(protocol)이라는 개념을 이해해본다.프로토콜

2022년 3월 17일
·
0개의 댓글
post-thumbnail

클라이언트 - 서버 아키텍처

클라이언트와 서버에대해서 알아보고클라이언트 서버 아키텍처 , 다른 말로는 2티어 아키텍처라고 불리는 설계 방식에 대해서도 알아보자.서버(server)란 데이터를 요구하면 데이터 보내주는 프로그램!즉 리소스가 존재하는곳!영어단어 그대로 제공(serve)하는 주체이다!

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

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개의 댓글