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

[CS] SQL 과 데이터베이스 정규화 Day-50

데이터베이스 정규화 데이터베이스 정규화는 설계와 관련이 있습니다. 설계에 따라 데이터가 어떻게 저장될지 그 구조를 결정하기 때문입니다. Data redundancy Data integrity Anomaly Data redundancy (중복성) 실제 데이터의 동일한

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

[FC] JavaScript Day-2

특정 데이터 값을 임시로 저장하는 공간(Heap Memory)특정 값을 자주 사용하는 경우 (성능상의 이점)반복적인 구문, 값이 여러코드에 걸쳐 많이 쓰일 때 (편의상의 이점)var(ES5)let(ES6)변경 될 수 있는 값을 저장할 때ex) 변수에 3이라는 값을 할당

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

[CS] MVC Day-50

소프트웨어가 돌아가는 방식에 대한 patternModelViewController데이터를 정보를 가지고 있다. (Database와 연결된 상태에서 가져올 수 있거나..) Controller와 소통한다.View에서 일어나는 Action과 Event를 받아 가공 후 Mod

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

[FC] JavaScript Day-1

브라우저 성능은 점점 좋아질 것이고, JavaScript 역할은 확대 될 것입니다. JavaScript 엔진 Heap Memory Call Stack 2가지로 구성됩니다.

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

[CS] 데이터베이스 설계 Day-49

스키마(Schema)는 데이터베이스에서 데이터가 구성되는 방식과 서로 다른 엔티티 간의 관계에 대한 설명입니다. (데이터베이스의 청사진)고유한 정보의 단위입니다. (내 기준으로는 models)와 같은 느낌..?)엔티티는 데이터베이스에서 테이블로 표시할 수 있습니다.각

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

[CS] 관계형 데이터베이스 Day-49

데이터 베이스의 필요성 In-Memory 예기치 못한 상황으로부터 데이터를 보호하고, 프로그램이 종료된 상태에서도 데이터를 원하는 시간에 받아올 수 있다. File I/O > 단점: 데이터가 필요할 때마다 전체 파일을 읽어야 합니다. 파일의 크기가 커질수록 작업이

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

[CS] 정규 표현식 Day-48

정규표현식은 문자열에서 특정한 문자열을 찾아내는 도구입니다. 규칙들을 조합하여 원하는 패턴을 만들고, 특정 문자열에서 해당 패턴과 대응하는 문자를 찾을 수 있습니다. 정규표현식을 사용해 한 줄의 코드만으로 이메일이나 휴대전화 번호의 유효성을 검사할 수 있습니다.

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

[CS] Algorithm with Math Day-47

문제를 풀기 위한 3가지 개념GCD/LCM (최대공약수, 최소공배수)(greatest common divisor/ least common multiple)순열/조합멱집합순열: 순서를 지키며 나열하는 것ex) 5장의 카드에서 3장을 뽑으면서 나열할 때 5p35장에서 3장

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

[CS] Greedy Algorithm / Implementation Day-46

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

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

[CS] Time Complexity Day-46

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

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

[CS] 환경 변수 Day-45

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

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

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

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

2022년 1월 17일
·
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개의 댓글