profile
Hello World
태그 목록
전체보기 (110)JavaScript(22)js(18)자바스크립트(13)배열(8)객체(6)React(6)CSS(6)Map(6)추상화(6)component(5)Fetch(5)클로저(4)Side Effect(4)함수(4)http(4)html(4)abstraction(3)구조 분해 할당(3)git(3)Flexbox(3)다형성(3)styled component(3)Pop(3)push(3)ajax(3)DOM(3)filter(3)상속(3)shift(3)Array.isArray(3)비동기(3)node.js(3)reduce(3)캡슐화(3)CSR(3)unshift(3)SSR(3)var(2)api key(2)cors(2)postman(2)for...of(2)재귀(2)class(2)textContent(2)은닉화(2)Polymorphism(2)자료구조(2)wireframe(2)객체 지향(2)spa(2)OOP(2)API(2)includes()(2)parse()(2)Binary Search Tree(2)github(2)set(2)open API(2)라우팅(2)Event(2)domain(2)배열 분해(2)express(2)slice(2)nodejs(2)고차함수(2)for...in(2)변수(2)중첩 구조 분해(2)미들웨어(2)ip(2)DNS(2)클로저 함수(2)DFS(2)그래프(2)foreach(2)tree(2)indexOf(2)stack(2)queue(2)BFS(2)리액트(2)inheritance(2)서버 통신(2)length(2)Prototype(2)State(2)Sort(2)이벤트(2)컴포넌트(2)Props(2)git pull(2)stringify()(2)encapsulation(2)scope(2)git push(2)url(2)object.entries(2)REST API(2)데이터 흐름(2)PORT(2)find(2)Fetch API(2)Graph(2)json(2)callback(2)routing(2)상태 관리(2)InnerHTML(2)async(2)split()(2)let(2)데이터 베이스(1)Request(1)Response(1)dot notation(1)set.key(1)동적 웹사이트(1)lifecycle(1)axis(1)전위 순회(1)모듈(1)set.has(1)findIndex(1)Object.fromEntries(1)HTTP API(1)iterable(1)네트워크 요청(1)set.entries(1)State hook(1)브라우저(1)recursion(1)객체 값 삭제하기(1)클로저 함수 순서(1)도메인(1)deserialize(1)map.size(1)지역 스코프(1)배열 length(1)DP(1)정적 웹사이트(1)리덕스(1)chmod(1)클라이언트 서버 아키텍처(1)DOM 트리(1)HTTP Messages(1)bracket notation(1)Read(1)JavaScript XML(1)Spread Syntax(1)destructing(1)local scope(1)프로토타입(1)IPv4(1)트리(1)참조 자료형(1)콜백 함수(1)매개변수(1)set.add(1)환경 변수(1)dotenv(1)append(1)배열 순환(1)await(1)component state(1)서버(1)storybook(1)Execute(1)BST(1)useEffect(1)useState(1)JOIN(1)event loop(1)문서 객체 모델(1)Rest 문법(1)MDN(1)Transpiler(1)Spread(1)package.json(1)HTTP message(1)set.clear(1)value 등록(1)url-path(1)classList.add(1)map.set(1)객체 분해하기(1)network(1)할당 연산자(1)git stash(1)클로저 정의(1)Flex(1)export(1)&&(1)클로저 함수 모듈 패턴(1)지역 변수(1)flex-basis(1)method(1)서버의 종류(1)React Component(1)map.get(1)닌자코드(1)flex grow(1)SOME(1)Scheme(1)prototype chain(1)조건문(1)객체 참조(1)트리 구조(1)문자열(1)폴리필(1)calculator(1)ssh(1)구글링(1)cli(1)반복문(1)Responses(1)Time Complexity(1)switch(1)Route(1)객체 값 확인(1)Node(1)Spread 문법(1)목업(1)querySelectorAll()(1)remote repository(1)set.values(1)Symbol.iterator(1)concat(1)javascript 공부(1)global scope(1)const(1)cross axis(1)배열 선언(1)git remote -v(1)seriealize(1)클로저 모듈 패턴(1)REST 성숙도 모델(1)브루(1)CS(1)객체 복사(1)상태 변화(1)Absolute form(1)MacOS(1)typeError(1).entries()(1)content 정렬(1)클라이언트 배포(1)로컬(1)ssh 키 등록(1)brew(1)일급 객체(1)맵을 객체로(1)Midddleware(1)아키텍처(1)프로토콜(1)객체 순환(1)flex-shrink(1)MacOS 패키지 매니저(1)클로저 함수 절차(1)key(1)Big O(1)객체 수정(1)git 명령어(1)tree traversal(1)타입(1)git fork(1)객체 키 확인하기(1)lastIndexOf(1)entries(1)패키지 매니저(1)values(1)this(1)가비지 컬렉션(1)메서드(1)원시 자료형(1)빌드와 배포(1)셀렉터(1)middleware(1)Sass(1)크롬 개발자 도구(1)Constructor(1)grow(1)button(1)git branch(1)pure function(1)map method(1)빈 배열(1)splice(1)스타일드컴포넌트(1)파괴(1)hosts(1)생성자 함수(1)log(1)Dom 조작(1)remove(1)getInputValue(1)display:flex(1)onchange(1)reverse(1)map.has()(1)전역 스코프(1)다차원 배열(1)new Map()(1)appendChild(1)배열과 객체(1)React JSX(1)removeChild(1)계산기(1)array(1)div 조회(1)shrink(1)클로저 function(1)Mac Brew(1)객체 값 삭제(1)배열 확인(1)유사 배열(1)객체 값 추가하기(1)db(1)Spread/Rest(1)onClick(1)빈 배열 확인(1)객체 배열로 변환(1)JSX(1)ssh 키 생성(1)구현(1)CSSOM(1)변환(1)childrenNodes(1)객체 값 추가(1)절차적 언어(1)Array.from(1)new Set(1)object.keys(1)완전 탐색(1)CRUD(1)terminal 명령어(1)메소드(1)객체 병합(1).env(1)javascript 계산기(1)인접 리스트(1)browser router(1)CreateElement(1)코딩(1)코딩 공부(1)사용 권한(1)object.values(1)시간 복잡도(1)set.size(1)이벤트 루프(1)중위 순회(1)클로저의 정의(1)dynamic programming(1)javascript 개발 환경(1)event handling(1)local repository(1)Symbolic method(1)redux(1)data structure(1)Coding(1)구조 분해(1)map.clear(1)트랜스파일(1)children(1)element(1)react router(1)객체 지향 언어(1)untracked files(1)터미널(1)cdd(1)xhr(1)test(1)주석(1)write(1)클라이언트(1)후위 순회(1)git add(1)Mock-up(1)네트워크 기초(1)function(1)new 연산자(1)map.delete(1)포트(1)터미널 명령어(1)선언형(1)인접 행렬(1)basis(1)Implementation(1)할당(1)asynchronous(1)배열 합치기(1)와이어프레임(1)keys(1)AJAX 장단점(1)DOM 탐색(1)객체 분해(1)every(1)dir(1)id(1)lifting state up(1)greedy algorithm(1)terminal(1)코드 학습법(1)data fetching(1)git repository(1)link(1)메모리 정리(1)requests(1)npm(1)instance(1)서버 생성(1)URI(1)인자(1)camelCase(1)이벤트 핸들링(1)git commit(1)querySelector(1)권한(1)main axis(1)노드(1)범용성(1)비동기 함수(1)속성과 메소드(1)JSON 규칙(1)JSON.stringify(1)set.delete(1)객체 변환(1)상태(1)분해(1)전역(1)객체를 맵으로(1)비동기 흐름(1)콘텐츠 정렬(1)모듈 패턴(1)변수의 타입(1)클라이언트 빌드(1)REST(1)변수의 범위(1)component design(1)객체와 키 값(1)전역 변수(1)polyfill(1)align items(1)justify content(1)역방향 데이터 흐름(1)JSON.parse(1)키값(1)
post-thumbnail

[CS] Greedy Algorithm / Implementation Day-46

매 순간, 최적이라 생각되는 해답을 찾으며, 이를 토대로 최종 문제의 해답에 도달하는 문제 해결 방식입니다. (항상 최적의 결과를 보장하지는 못합니다.)탐욕적 선택 속성: 앞의 선택이 이후에 선택에 영향을 주지 않습니다.최적 부분 구조: 문제에 대한 최종 해결 방법은

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

[CS] Time Complexity Day-46

입력값의 변화에 따라 연산을 실행할 때, 연산 횟수에 비해 시간이 얼만큼 걸리는가입력값이 커짐에 따라 증가하는 시간의 비율을 최소화한 알고리즘을 구성했다는 이야기입니다. 시간 복잡도는 주로 빅-오 표기법을 사용해 나타냅니다.Big-O(빅-오)Big-Ω(빅-오메가)Bi

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

[CS] 환경 변수 Day-45

Javascript에서 변수는 스코프에 따라 전역변수와 지역변수로 나뉩니다. 파일 A에서 전역 변수로 선언해도, 파일 B에서 A의 전역변수에 접근할 수 없습니다. 하지만 A의 전역변수를 export한다면 B에서 A의 전역변수에 접근할 수 있습니다.저장된 환경변수 확인,

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

[CS] 사용 권한(Read, Write, Execute) Day-45

파일의 소유자와 파일에 적용된 사용 권한을 확인하고 이해할 수 있다파일에 적용된 사용 권한을 변경할 수 있다.터미널에 접속해 test 폴더로 접근합니다.표현의 첫 시작인 - 와 d는 각각 not directory와 directory를 나타냅니다. 폴더일 경우 d로, 파

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

[CS] 클라이언트 빌드와 배포 Day-44

웹 페이지를 브라우저에서 렌더링하는 대신, 서버에서 렌더링합니다. 브라우저가 서버의 URI로 GET 요청을 보내면, 서버는 정해진 웹 페이지 파일을 브라우저로 전송합니다. (웹 페이지가 브라우저에 도착하면 완전 렌더링 됩니다. 서버에서 완전 렌더링했기 때문에 SRR이라

2022년 1월 4일
·
0개의 댓글
post-thumbnail

[CS] React 상태 관리 Day-43

React는 상태 관리를 위한 라이브러리가 아닙니다. 하지만 상태 관리 주요 원칙을 배우고 따라가면, 컴포넌트 간 서로 느슨하게 결합된 아름다운 코드를 작성할 수 있습니다.상태는 변하는 데이터입니다. (동적으로 표현되는 데이터)함수의 입력 외에도 함수의 결과에 영향을

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

[JSInfo] 구조 분해 할당

키를 가진 데이터 여러 개를 하나의 Entity에 저장할 땐 객체를, 컬렉션에 데이터를 순서대로 저장할 땐 배열을 사용합니다.가끔은 배열이나 객체의 데이터 일부가 필요한 경우도 있습니다.이럴 때 구조 분해 할당을 사용하면 됩니다.분해는 파괴를 뜻하는 것이 아닙니다.우선

2022년 1월 2일
·
0개의 댓글
post-thumbnail

[CS] Component Design Day-42

Component Develop Component Driven Development 여러 팀과 같은 UI Component를 공유한다면 Component 단위 개발이 중요합니다. 재사용할 수 있는 UI Component를 미리 디자인하고 개발하면 이런 고민을 해결할 수

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

[CS] Web Server Day-41

CORS 고도화 된 최근의 웹은 여러 곳에 있는 리소스를 활용할 필요가 생겼다. (Cross Origin Resource Sharing) HTTP 트랜잭션 해부 서버 생성 모든 node 웹 서버 애플리케이션은 웹 서버 객체를 만들어야 합니다. 이 때 createSer

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

[CS] 데이터 흐름의 이해 비동기 요청 Day-40

React에서의 데이터 흐름 React의 가장 큰 특징은 페이지 단위가 아닌, 컴포넌트 단위로 시작한다는 점입니다. 컴포넌트를 만들고, 페이지를 조립해 나가는 것이 React의 특징입니다. 상향식(Bottom-Up)으로 앱을 만듭니다. > Bottom-Up (상향식

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

[CS] HTTP/네트워크(REST API, Postman, Message States) Day-39

웹 애플리케이션에서는 HTTP 메소드를 이용해 서버와 통신합니다. GET을 통해 웹 페이지나 데이터를 요청하고, POST로 새로운 글이나 데이터를 전송하고, DELETE로 저장된 글이나 데이터를 삭제할 수 있습니다. 규칙없이 이루어지는 것이 아닙니다. 제대로 보내고 받

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

[CS] 브라우저의 작동 원리 Day-38

SPA를 만드는 기술 (AJAX) AJAX 란? 웹 페이지에 필요한 데이터만 비동기적으로 받아와 화면에 그려낼 수 있습니다. (Asynchronous JavaScript And XMLHttpRequest의 약자로 JavaScript, DOM, Fetch, XMLHt

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

[CS] HTTP/네트워크 기초 Day-37

Client Server Architecture 인터넷 연결이 없다면, 앱은 정상적으로 동작할 수 없습니다. 그 이유는 정보를 인터넷 어딘가에 존재하는 서버로부터 받아오기 때문입니다. 특정 서버에 접속하려 할 때 사용이 불가능한 경우 "서버가 죽었다"라고 표현합니다.

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

[CS] Node.js 모듈 사용법 Day-36

Node.js의 경우 많은 API가 비동기로 작성되어 있습니다.어떤 기능을 조립할 수 있는 형태로 만든 부분입니다. fs(File System) 모듈은, PC의 파일을 읽거나 저장하는 등의 일을 할 수 있게 도와줍니다.개발자는 자신이 이해하는 만큼의 모듈을 사용할 수

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

[CS] 비동기 Day-36

비동기 쉽게 이해하기 하나의 작업이 끝날 때 까지, 이어지는 작업을 "막는 것"입니다. (blocking) Node.js는 non-blocking하고 비동기적(asynchronous)로 작동하는 런타임으로 개발됐습니다. JavaScript의 비동기적 실행(Asynch

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

[CS] 자료구조 기초 Day-35

자료구조란? > 데이터란? 문자, 숫자, 소리, 그림, 영상 등 실생활을 구성하고 있는 모든 값입니다. 데이터는 분석하고 정리하여 활용해야 의미를 가질 수 있습니다. 또한 목적에 따라 형태를 구분하고, 분류하여 사용합니다. 필요에 따라 데이터의 특징을 잘 파악(분석

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

[CS] 재귀 Day-34

재귀를 사용한 코드는 대부분 간결해지고, 이해하기 쉽습니다. 재귀의 핵심은 문제를 해결하기 위해 다양한 방식으로 생각하는 능력을 기르는 것입니다.

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

[CS] JavaScript와 기타 객체 지향 언어와의 차이점 Day-33

JavaScript 프로그래밍 언어는 클래스 내부에서만 쓰이는 속성 및 메소드를 구분시키기 위해 private이라는 키워드를 제공합니다. 이러한 은닉화를 도와주는 기능이 JavaScript에서는 (거의)쓰이지 않습니다.하지만 TypeScript에서는 private 키워

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

[CS] 객체 지향 JavaScript Day-33

객체 지향 프로그래밍은 데이터와 기능을 한 곳에 묶어 처리합니다.코드를 추상화하여 직관적으로 생각할 수 있기 때문에, 오래 전부터 프로그래밍 방법론으로 매우 빠르게 적용되었습니다.외부 함수의 변수에 접근할 수 있는 내부 함수 또는 이러한 작동 원리를 일컫는다.함수와 함

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

[React] 리스트와 Key

아래는 map()함수를 이용하여 numbers 배열의 값을 두 배로 만들어 반환하는 배열을 doubled 변수에 할당하고 로그를 확인해보겠습니다.React에서 배열을 엘리먼트 리스트로 만드는 방식은 거의 동일합니다.엘리먼트 모음을 중괄호 {} 를 통해 JSX에 포함 시

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