profile
//
태그 목록
전체보기 (118)배열(13)객체(8)반복문(8)html(5)&&(5)스코프(4)조건문(4)if(4)자바스크립트(4)Prototype(3)프로토타입(3)지역 스코프(3)전개 연산자(3)filter(3)전역 스코프(3)함수(3)고차함수(3)while(3)전역 변수(2)for ~ of(2)Pop(2)참조형자료(2)화살표 함수(2)상수(2)split()(2)delete(2)클라이언트(2)지역 변수(2)UI(2)ip(2)form(2)label(2)주소값(2)use strict(2)서버(2)unshift(2)익명함수(2)원시자료형(2)instance(2)URI(2)this(2)원시형자료(2)http(2)기본자료형(2)DOM(2)문자열(2)할당(2)Map(2)break(2)push(2)cors(2)json(2)요소(2)sop(2)closure(2)const(2)Constructor(2)let(2)class(2)클로저(2)for(2)shift(2)url(2)input(2)태그(2)splice(2)debugger(1)라이브러리(1)논리연산자(1)OOP(1)Component-Driven Development(1)JSON.stringify(1)지역변수(1)0(1)server(1)DNS(1)patch(1)복합자료형(1)stack(1)td(1)시맨틱요소(1)글자태그(1)조건문 종류(1)REST(1)heap(1)정적(1)JSON.parse(1)braket notation(1)dot notation(1)전개문법(1)boolean(1)connect()(1)모듈(1)변수 상자(1)UI/UX 사용성 평가(1)fibonacci(1)유효성검사(1)도메인(1)rest parameter(1)나머지 매개변수(1)block scope(1)th(1)PORT(1)좋은 UX를 만드는 요소(1)선언식(1)표현식(1)callback(1)React(1)캡슐화(1)isFinite(1)UI 레이아웃(1)조건부 연산자(1)HTTP Messages(1)목록(1)arguments(1)알고리즘(1)head(1)document object model(1)라우팅(1)엄격모드(1)reference(1)IPv4(1)(1)콜백 함수(1)다형성(1)null(1)선언적 함수(1)JOIN(1)ajax(1)NaN(1)ux(1)문서 객체 모델(1)img(1)for ~ in(1)=-(1)js(1)URN(1)Spread(1)number(1)가변 매개변수 함수(1)요청(1)HR(1)요소 추가(1)wireframe(1)JavaScript(1)기본자료형의 일시적 승급(1)도메인 이름(1)domain(1)매소드 체이닝(1)동적(1)string method(1)webpack(1)controls(1)TRACE(en-us)(1)IPv6(1)br(1)span(1)div(1)제이콥 닐슨(1)문자열 메소드(1)cli(1)Responses(1)switch(1)수학적함수(1)querySelectorAll()(1)선언적함수(1)continue(1)new 키워드(1)concat(1)var(1)기본 매개변수(1)repeat(1)default(1)CSS in JS(1)일급 객체(1)foreach(1)모듈 번들러(1)lvalue(1)프로토콜(1)리턴(1)put(1)options(1)Buffer(1)String(1)select(1)li(1)속성(1)ClearTimeout(1)confirm(1)증감연산자(1)(1)내장고차함수(1)chunk(1)Sort(1)setInterval(1)setTimeout(1)start line(1)메서드(1)body(1)입력양식태그(1)tofixed(1)host name(1)checkbox(1)mininodeserver(1)(1)선택자(1)middleware(1)참조자료형(1)Domain Name(1)Sass(1)styled components(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)번들링(1)strict mode(1)Table(1)목록태그(1)재귀(1)얕은 복사(1)함수스코프(1)객체 지향(1)3티어 아키텍처(1)parse()(1)isNaN(1)프리플라이트 요청(1)이중 반복문(1)상속(1)JSX(1)함수 선언식(1)express(1)tr(1)변수(1)가로줄(1)미들웨어(1)babel(1)변수선언(1)object.keys(1)ol(1)Math.max()(1)styled component(1)예제(1)메소드(1)응답(1)비파괴(1)복합대입연산자(1)객체자료형(1)rvalue(1)2티어 아키텍처(1)줄바꿈(1)블록스코프(1)min(1)프로토타입 체인(1)배열요소제거(1)status line(1)논리곱(1)논리합(1)다중 할당(1)trim()(1)stringyfy(1)문서 객체 조작(1)클로져(1)audio(1)타이머함수(1)gui(1)속성 추가(1)Stateless(1)터미널(1)cdd(1)scope(1)apply(1)사용자 흐름(1)headers(1)textarea(1)무상태성(1)논리 연산자(1)tag(1)함수호출(1)포트(1)undefined(1)짧은조건문(1)기본글자태그(1)거듭제곱여부(1)중괄호(1)(1)User Flow(1)깊은 복사(1)first-class citizen(1)상수 상자(1)와이어프레임(1)script태그(1)웹팩(1)proto(1)추상화(1)video(1)window객체(1)경로지정법(1)API(1)짧은 조건문(1)requests(1)indexOf(1)GET(1)POST(1)lodash(1)UI 디자인 패턴(1)querySelector(1)prompt(1)
post-thumbnail

번들링 && 웹팩 && 모듈

번들링이란??여러 제품이나, 코드, 프로그램을 묶어서 패키지로 제공하는 행위를 의미한다.HTML, CSS, JavaScript 파일을 그대로 전송하는것 또한 문제는 없다.하지만 아래와 같은 일이 생길수도 있다.두 개의 .js 파일에서 같은 변수를 사용하고있어, 변수 간

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

Section3 회고

또 한달의 시간이 지나 section3를 마무리를 한다.section3에서는 재귀, UI/UX, Custom Component,Redux 상태관리, 웹 표준 & 접근성, 네트워크 심화, 인증/보안 을 학습하였다.이제 정말 section4만 지나면 팀 프로젝트를 진행하는

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

웹 표준

웹이란?두 글자로 정의한다면 '공간'으로 정의 할 수 있다.문서, 이미지, 영상 등 다양한 정보를 여러 사람들과 공유할 수 있는 공간이 '웹'이다.웹 표준은 왜 나왔을까?옛날에는 인터넷 익스플로러에서는 작동이 되어도 사파리나 파이어폭스 같은 다른 브라우저에서는 작동이

2022년 9월 5일
·
0개의 댓글
·
post-thumbnail

Styled Components

Styled Components는 앞서 배운 CSS in JS 라는 개념이 대두되면서 나온 라이브러리이다.\-> CSS를 컴포넌트화 시킴으로써 많은 불편함을 해결해주도록 해주는 라이브러리npm install --save styled-componentsStyled Com

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

Custom Component

디자인과 개발 단계에서부터 재사용할 수 있는 UI 컴포넌트를 미리 디자인하고 개발하기위해 등장한 개발 방법이 CDD(component Driven Development)이다.\-> 레고처럼 조립해 나갈 수 있는 부품 단위로 UI 컴포넌트를 만들어 나가는 개발을 진행할

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

배달의민족 웹 클론코딩해보기

다음 항목 중 피터 모빌의 UX 7요소, 제이콥 닐슨의 10가지 사용성 평가 기준을 포함하여 최소 2가지를 선택하여 UI/UX 를 분석하고 블로그에 기록해주세요.캐러셀(Carousel) -> 컨베이어 벨트나 회전목마처럼 빙글빙글 돌아가면서 콘텐츠를 표시해 주는 UI

2022년 8월 25일
·
0개의 댓글
·
post-thumbnail

WireFrame && Prototype

와이어프레임은 선(wire)으로 틀(frame)을 잡는다는 뜻!\-> 제품 기획 단계에서 페이지를 어떻게 구성할 것인지 구조를 잡기위한 목적.1\. Low Fidelity Wireframe (Lo-Fi Wireframe)\-> 손으로 그린 수준의 와이어프레임을 Lo-F

2022년 8월 24일
·
0개의 댓글
·

fibonacci 알고리즘 22.

문제\-> 피보나치 수열은 0, 1, 1, 2, 3, 5, 8, 13, 21, 34, 55, ...위와 같이 정의된 피보나치 수열 중 n번째 항의 수를 리턴하라.입력\-> number 타입의 n (n은 0 이상의 정수)출력\-> number 타입을 리턴하라.주의사항\-

2022년 8월 24일
·
0개의 댓글
·
post-thumbnail

UI & UX

UI(User InterFace, 사용자 인터페이스)는 유저들이 컴퓨터와 상호 작용하는 시스템을 의미함.UI는 화면상의 그래픽 요소 외에도, 키보드, 마우스 등의 물리적 요소도 컴퓨터와 상호 작용하기 위한 시스템이므로 UI로 볼 수 있다.GUI는 사용자가 그래픽을 통해

2022년 8월 23일
·
0개의 댓글
·

Tree UI 과제

Tree UI Tree UI가 재귀를 사용할 수 있는 구조임을 이해할 수 있는지 알아보는 과제이다. 아래와같은 Tree UI를 구현해본다. 위의 음료 등등 tree 구조를 가진 배열인 menu라는 상수가 있다. children속성안에는 menu와 비슷하게 nam

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

stringifyJSON 과제

과제를 풀기전 JSON에 대하여 간단히 알아보자.JSON은 JavaScript Object Notation의 줄임말로,데이터 교환을 위해 만들어진 객체 형태의 포맷이다.네트워크를 통해 어떤 객체내용을 다른 프로그램에 전송한다고 가정했을때,이 객체 내용을 일종의 메신저

2022년 8월 22일
·
0개의 댓글
·

largestProductOfThree 알고리즘 21.

문제 : 정수를 요소로 갖는 배열을 입력받아 3개의 요소를 곱해 나올 수 있는 최대값을 리턴하라.입력 : 인자1 -> arr -> number 타입을 요소로 갖는 임의의 배열출력: number타입을 리턴해야 함.주의사항 : 입력으로 주어진 배열은 중첩되지 않은 1차원

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

React 기초

JSX는 JavaScript가 확장된 문법이지만, 브라우저가 바로 실행할 수 있는 JavaScript 코드가 아니다.브라우저가 이해할 수 있는 JavaScript 코드로 변환을 해주어야 한다.이때 사용하는 것이 바로 Babel이다. Babel은 JSX를 브라우저가 이해

2022년 8월 21일
·
0개의 댓글
·

Section2 회고

한달의 시간이 지나 section2를 마무리를 한다.section2에서는 REACT, 비동기, HTTP/네트워크, Web Server를 배웠다.많이 어려웠고 아직도 제대로 알지 못하는 부분이 너무 많다.복습을 꾸준히 하려고 했으나 section2 끝나기 일주일 전부터

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

EXPRESS

Express 개요 MERN stack은 JavaScript 생태계에서 인기 있는 프레임워크인 MongoDB, Express, React, Node.js를 지칭하는 말이다. 이 중에서 Express는 Node.js 환경에서 웹 서버, 또는 API 서버를 제작하기 위해

2022년 8월 15일
·
0개의 댓글
·

CORS

SOP는 Same-Origin Policy 의 줄임말로, 동일 출처 정책을 뜻한다.\-> '같은 출처의 리소스만 공유가 가능하다' 라는 정책이다.\-> 여기서 출처(Origin)은 아래와 같다.출처는 프로토콜,호스트,포트 의 조합으로 이루어져있다.이 중 하나라도 다르면

2022년 8월 14일
·
0개의 댓글
·
post-thumbnail

mini-node-server

우선 HTTP에 관해 복습을 먼저 해본다.HTTP 는 두가지로 이루어져 있다.\-> 요청(request)과 응답(response)요청은 메소드 + url 로 이루어져 있다.GET - READPOST - CREATEPUT - UPDATEPATCH - UPDATEDELET

2022년 8월 14일
·
0개의 댓글
·

프로토타입

프로토타입 이란? > javaScript는 프로토타입 기반 언어(prototype-based language)라 불린다. 모든 객체들이 메서드와 속성들을 상속 받기 위한 템플릿으로써 프로토타입 객체(prototype object)를 가진다는 의미이다. -> 정확히

2022년 7월 25일
·
0개의 댓글
·

section1 회고

한달이라는 시간이 지나 section1을 마쳤다.JavaScript기초 공부를하여 문제도 풀어보고 HTML,CSS기초활용법으로 계산기도 만들고 DOM으로 유효성검사도 해보았다.코드를 쓰는건 이해를하고 그래도 잘 쓰는것 같았지만 CSS에서 레이아웃쪽에서는 한번 막힌상태

2022년 7월 24일
·
0개의 댓글
·
post-thumbnail

객체 지향 프로그래밍

객체 지향 프로그래밍이라는 패러다임이 등장하기 전엔절차 지향 프로그래밍이 있었다.우리는 앞서 모든 것을 절차적으로 생각하고 기껏해야 함수로 이동하는 것이 전부였다.\-> 초기의 C , 포트란 같은 언어들이 절차적 언어그러나 객체 지향 프로그래밍이 등장하면서, 단순히 변

2022년 7월 24일
·
0개의 댓글
·