- 전체보기(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)
[CS] SQL 과 데이터베이스 정규화 Day-50
데이터베이스 정규화 데이터베이스 정규화는 설계와 관련이 있습니다. 설계에 따라 데이터가 어떻게 저장될지 그 구조를 결정하기 때문입니다. Data redundancy Data integrity Anomaly Data redundancy (중복성) 실제 데이터의 동일한
[FC] JavaScript Day-2
특정 데이터 값을 임시로 저장하는 공간(Heap Memory)특정 값을 자주 사용하는 경우 (성능상의 이점)반복적인 구문, 값이 여러코드에 걸쳐 많이 쓰일 때 (편의상의 이점)var(ES5)let(ES6)변경 될 수 있는 값을 저장할 때ex) 변수에 3이라는 값을 할당
[CS] MVC Day-50
소프트웨어가 돌아가는 방식에 대한 patternModelViewController데이터를 정보를 가지고 있다. (Database와 연결된 상태에서 가져올 수 있거나..) Controller와 소통한다.View에서 일어나는 Action과 Event를 받아 가공 후 Mod
[FC] JavaScript Day-1
브라우저 성능은 점점 좋아질 것이고, JavaScript 역할은 확대 될 것입니다. JavaScript 엔진 Heap Memory Call Stack 2가지로 구성됩니다.
[CS] 데이터베이스 설계 Day-49
스키마(Schema)는 데이터베이스에서 데이터가 구성되는 방식과 서로 다른 엔티티 간의 관계에 대한 설명입니다. (데이터베이스의 청사진)고유한 정보의 단위입니다. (내 기준으로는 models)와 같은 느낌..?)엔티티는 데이터베이스에서 테이블로 표시할 수 있습니다.각
[CS] 관계형 데이터베이스 Day-49
데이터 베이스의 필요성 In-Memory 예기치 못한 상황으로부터 데이터를 보호하고, 프로그램이 종료된 상태에서도 데이터를 원하는 시간에 받아올 수 있다. File I/O > 단점: 데이터가 필요할 때마다 전체 파일을 읽어야 합니다. 파일의 크기가 커질수록 작업이
[CS] 정규 표현식 Day-48
정규표현식은 문자열에서 특정한 문자열을 찾아내는 도구입니다. 규칙들을 조합하여 원하는 패턴을 만들고, 특정 문자열에서 해당 패턴과 대응하는 문자를 찾을 수 있습니다. 정규표현식을 사용해 한 줄의 코드만으로 이메일이나 휴대전화 번호의 유효성을 검사할 수 있습니다.
[CS] Algorithm with Math Day-47
문제를 풀기 위한 3가지 개념GCD/LCM (최대공약수, 최소공배수)(greatest common divisor/ least common multiple)순열/조합멱집합순열: 순서를 지키며 나열하는 것ex) 5장의 카드에서 3장을 뽑으면서 나열할 때 5p35장에서 3장
[CS] Greedy Algorithm / Implementation Day-46
매 순간, 최적이라 생각되는 해답을 찾으며, 이를 토대로 최종 문제의 해답에 도달하는 문제 해결 방식입니다. (항상 최적의 결과를 보장하지는 못합니다.)탐욕적 선택 속성: 앞의 선택이 이후에 선택에 영향을 주지 않습니다.최적 부분 구조: 문제에 대한 최종 해결 방법은
[CS] Time Complexity Day-46
입력값의 변화에 따라 연산을 실행할 때, 연산 횟수에 비해 시간이 얼만큼 걸리는가입력값이 커짐에 따라 증가하는 시간의 비율을 최소화한 알고리즘을 구성했다는 이야기입니다. 시간 복잡도는 주로 빅-오 표기법을 사용해 나타냅니다.Big-O(빅-오)Big-Ω(빅-오메가)Bi
[CS] 환경 변수 Day-45
Javascript에서 변수는 스코프에 따라 전역변수와 지역변수로 나뉩니다. 파일 A에서 전역 변수로 선언해도, 파일 B에서 A의 전역변수에 접근할 수 없습니다. 하지만 A의 전역변수를 export한다면 B에서 A의 전역변수에 접근할 수 있습니다.저장된 환경변수 확인,
[CS] 사용 권한(Read, Write, Execute) Day-45
파일의 소유자와 파일에 적용된 사용 권한을 확인하고 이해할 수 있다파일에 적용된 사용 권한을 변경할 수 있다.터미널에 접속해 test 폴더로 접근합니다.표현의 첫 시작인 - 와 d는 각각 not directory와 directory를 나타냅니다. 폴더일 경우 d로, 파
[CS] 클라이언트 빌드와 배포 Day-44
웹 페이지를 브라우저에서 렌더링하는 대신, 서버에서 렌더링합니다. 브라우저가 서버의 URI로 GET 요청을 보내면, 서버는 정해진 웹 페이지 파일을 브라우저로 전송합니다. (웹 페이지가 브라우저에 도착하면 완전 렌더링 됩니다. 서버에서 완전 렌더링했기 때문에 SRR이라
[CS] React 상태 관리 Day-43
React는 상태 관리를 위한 라이브러리가 아닙니다. 하지만 상태 관리 주요 원칙을 배우고 따라가면, 컴포넌트 간 서로 느슨하게 결합된 아름다운 코드를 작성할 수 있습니다.상태는 변하는 데이터입니다. (동적으로 표현되는 데이터)함수의 입력 외에도 함수의 결과에 영향을
[JSInfo] 구조 분해 할당
키를 가진 데이터 여러 개를 하나의 Entity에 저장할 땐 객체를, 컬렉션에 데이터를 순서대로 저장할 땐 배열을 사용합니다.가끔은 배열이나 객체의 데이터 일부가 필요한 경우도 있습니다.이럴 때 구조 분해 할당을 사용하면 됩니다.분해는 파괴를 뜻하는 것이 아닙니다.우선
[CS] Component Design Day-42
Component Develop Component Driven Development 여러 팀과 같은 UI Component를 공유한다면 Component 단위 개발이 중요합니다. 재사용할 수 있는 UI Component를 미리 디자인하고 개발하면 이런 고민을 해결할 수
[CS] Web Server Day-41
CORS 고도화 된 최근의 웹은 여러 곳에 있는 리소스를 활용할 필요가 생겼다. (Cross Origin Resource Sharing) HTTP 트랜잭션 해부 서버 생성 모든 node 웹 서버 애플리케이션은 웹 서버 객체를 만들어야 합니다. 이 때 createSer
[CS] 데이터 흐름의 이해 비동기 요청 Day-40
React에서의 데이터 흐름 React의 가장 큰 특징은 페이지 단위가 아닌, 컴포넌트 단위로 시작한다는 점입니다. 컴포넌트를 만들고, 페이지를 조립해 나가는 것이 React의 특징입니다. 상향식(Bottom-Up)으로 앱을 만듭니다. > Bottom-Up (상향식
[CS] HTTP/네트워크(REST API, Postman, Message States) Day-39
웹 애플리케이션에서는 HTTP 메소드를 이용해 서버와 통신합니다. GET을 통해 웹 페이지나 데이터를 요청하고, POST로 새로운 글이나 데이터를 전송하고, DELETE로 저장된 글이나 데이터를 삭제할 수 있습니다. 규칙없이 이루어지는 것이 아닙니다. 제대로 보내고 받
[CS] 브라우저의 작동 원리 Day-38
SPA를 만드는 기술 (AJAX) AJAX 란? 웹 페이지에 필요한 데이터만 비동기적으로 받아와 화면에 그려낼 수 있습니다. (Asynchronous JavaScript And XMLHttpRequest의 약자로 JavaScript, DOM, Fetch, XMLHt