profile
delilah's journey
태그 목록
전체보기 (162)node.js(27)React(19)알고리즘(18)JavaScript(18)db(8)algorithm(7)문제풀이(7)CSS(7)hooks(6)express(6)web(5)js(4)API(4)mysql(4)data structure(4)git(4)CODESTATES(3)sql(3)function(3)redux(3)cors(3)XSS(3)Fetch(3)inheritance(3)http(3)component(3)ajax(3)browser(3)github(2)Fetch API(2)react redux(2)closure(2)Binary Search Tree(2)미들웨어(2)Web Architectures(2)tree(2)ES6(2)npm(2)Index(2)class(2)this(2)Hash Table(2)branch(2)rxjs(2)instance(2)programming(2)fs(2)gui(2)Graph(2)session(2)Module(2)object(2)scope(2)server(2)array(2)csrf(2)https(2)linked list(2)queue(2)for loop(2)protocol(2)라우터(2)input(1)공간복잡도(1)Prototype(1)await(1)서버(1)useEffect(1)while loop(1)px(1)for ~ in(1)Browser Security Model(1)라우트(1)tranition(1)package.json(1)async(1)padding(1)while(1)module.exports(1)exports(1)&&(1)width(1)고차함수(1)ESLint(1)Prettier(1)UI(1)abstraction(1)ide(1)layout(1)hoisitng(1)stream(1)control-flow(1)문자열(1)ssh(1)margin(1)double linked list(1)cli(1)반복문(1)Route(1)REST API(1)JWT(1)json(1)working tree(1)hash function(1)클로저(1)require(1)color picker(1)Angular(1)if statement(1)foreach(1)bcrypt(1)화이팅(1)Buffer(1)data type(1)Big O(1)select(1)commit(1)new(1)State(1)chunk(1)arrow function(1)Javascipt(1)DOM(1)nvm(1)for in loop(1)middleware(1)styled components(1)Constructor(1)repository(1)button(1)html(1)hook(1)@property(1)batch(1)border(1)CSR(1)SSR(1)__dirname(1)http vs https(1)명령어(1)Table(1)provider(1)재귀(1)form(1)getter(1)setter(1)super(1)k번째 수(1)react native(1)spa(1)pull(1)style(1)workbench(1)blobal scope(1)aws(1)key&value(1)용어정리(1)JSX(1)next.js(1)height(1)변수(1)자료형(1)CRUD(1)methods(1)grid(1)readFile(1)em(1)__filename(1)promise.all(1)토이(1)생성자(1)authentication(1)textarea(1)Auth(1)클라이언트(1)encapsulation(1)tag(1)routing(1)Event(1)정규표현식(1)modules(1)배열(1)instantiation(1)물레방아(1)promise(1)Stack & Queue(1)메피스토텔레스(1)자료구조(1)Sequelize(1)schema(1)lodash(1)push(1)fs module(1)프로그래머스(1)runtime(1)framework(1)Polymorphism(1)OOP(1)redux saga(1)Box Model(1)connectAdvanced()(1)stack(1)react router dom(1)commands(1)lifecycle(1)connect()(1)operator(1)객체(1)path(1)recursion(1)project(1)시간복잡도(1)연산자(1)piping(1)callback(1)AMD(1)CommonJS(1)저장소(1)call stack(1)1일1문(1)client(1)MPA(1)MVC(1)local scope(1)

CSS1 - Flexbox

layout Positioning : flexbox & grid 1. Flexbox flex-direction flex-wrap justify-content align-itmes align-content order flex-grow flex-shrink flex-bas

2022년 5월 10일
·
0개의 댓글

CSS2 - Grid

layout Positioning : flexbox & grid 1. Flexbox flex-direction flex-wrap justify-content align-itmes align-content order flex-grow flex-shrink flex-bas

2022년 5월 10일
·
0개의 댓글

ㅁㅁ

컴포넌트 (component)모듈 (module)서비스 (service)지시자 (directive)라우터 (router)템플릿 (template)의존성주입 (injection)파이프 (pipe)폼 (form)애니메이션 (animation)보안 (secure)HTTP (

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

ㅋㄹㅅ

클래스클래스는 "객체를 정의하기 위한 구조"이다.클래스는 "함수, 생성자, 맴버 변수"로 구성된다.클래스의 기본 선언 형식constructor는 생성자로서 "클래스가 객체로 생성될 때, 기본적으로 호출되는 메서드"이다.클래스는 그 자체로 사용할 수 없으며, 객체로 만들

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

Todos (lodash, RxJS, Angular, class&constructor, getter&setter)

lodash - clone deep : value를 (타입상관없이) 복사해서 완전히 새로운 변수를 만들 수 있음lodash - \_.isNil : 체크한다. value가 null || undefinedlodash - \_.isNan : 체크한다. value가 NaNlo

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

ㄹㄹ

app/app.component.ts : root 컴포넌트 (bootstrap: [AppComponent]) ^ app/app.module.ts : root 모듈 (bootstrapModule(AppModule)) ^ main.ts Component 컴포넌트의

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

RxJS - Quick Start

RxJS(ReactiveX for JavaScript) : ReactiveX의 자바스크립트 버전 라이브러리웹 애플리케이션의 오류가 발생하는 경우 : 1) 입력오류 2) 상태오류 3) 로직오류입력오류동기와 비동기의 차이점을 "시간" 이라는 개념을 통해 해결ex. 버튼 및

2022년 1월 27일
·
0개의 댓글

Wise Convey - code review

goal 6가지 이유를 찾아가는 코드리뷰 파일 구조 파악 동적 데이터와 정적 데이터의 구분과 데이터 핸들링 > 비동기 - 콜백 vs promise > 웹 worker > axios 일단 function 을 기준으로 잡고 다음 6가지에 대한 이유를 찾아나가는 과정으로

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

VS Code - extension_Gitlens

VS Code 브랜치 간 코드 변경사항 확인GitLens

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

HTTP

goal웹상에서 client 와 server 간의 통신을 위한 프로토콜Webresponse의 header를 통해서, 컨텐츠 길이(content-length), 캐시 유효시간(Cache-Control), ETag 등을 전송한다.캐시의 유효시간이 지나면 서버로부터 다시 읽

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

prettier 설정과 해석

json 형식으로 입력"arrowParens": "always","bracketSpacing": false,"printWidth": 80,"semi": true,"singleQuote": true,들여쓰기 당 공백(띄어쓰기?) 수"tabWidth": 2,"trailin

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

확장자 .jsx vs .js

JSX 사용의 이점JSX는 컴파일링 되면서 최적화되므로 빠름type-safe("어떠한 오퍼레이션(또는 연산)도 정의되지 않은 결과를 내놓지 않는 것, 즉, 예측불가능한 결과를 내지 않는 것") 하면서, 컴파일링 과정에서 에러를 감지할 수 있음 \*\* (대표적으로 '자

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

CSR / SSR / SPA / MPA

렌더링 방식에 대한 차이로 나뉘는 CSR & SSR (렌더링을 어디서하느냐) CSR (client side rendering) 동작순서 서버에서 브라우저로 응답을 보냄 -> 브라우저에서 js script를 다운받음 -> 브라우저가 react를 실행함

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

Next.js

: SSR을 지원하는 react framework유저가 초기에 server에 해당 어플리케이션의 페이지에 접속을 요청하면, SSR방식으로 렌더링 될 html 문서를 보냄 \-> 브라우저에서 js를 다운받고, react를 실행함\-> 유저가 계속 어플리케이션과 상호작용하

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

redux-saga

redux-saga는 애플리케이션의 "부수적인 효과(side effect)"(데이터 요청(fetch) 등의 비동기 작업, 브라우저 캐시 같은 순수하지 않은 것들) 들을 쉽게 관리하고 효과적으로 실행하고 간단한 테스트와 쉬운 실패 처리를 목적으로 한다.(js에서 side

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

react-redux

react-redux Providercf. redux order1\. event 발생 ->2\. action 생성함수로 action을 생성하여 store로 dispatch(처리요청) 함 ->3\. action을 받은 store는 reducer에게 action을 분석해서

2021년 8월 31일
·
0개의 댓글

Redux middleware

example code: img위 그림에서 미들웨어는 action이 어떠한 데이터를 dispatch하는 과정에서, (reducer로) reducer에 도달하기 전, 어떠한 로직이 끼어들 수 있는 틈을 만든다.따라서, 미들웨어는 외부에서 생성된 action이 reduce

2021년 8월 31일
·
0개의 댓글

[React-Native]

goal How to start React-Native (from installing) Basic React-Native About React-Native Hooks Install What is React-Native? & How it works? 사용자 인터페이스

2021년 8월 16일
·
0개의 댓글

react in action 1

상태 (state) : 특정 시점에 프로그램이 사용하고 있는 정보 (=특정 시점에 프로그램에 대해 알고 있는 것들의 스냅샷)js 는 "완료될 때까지 실행"하는 속성이 있음리액트에서 데이터의 상태는,1) 컴포넌트 내에서 변경 가능한 데이터인 "상태"와2) 컴포넌트가 변경

2021년 7월 30일
·
0개의 댓글

redux-promise / redux-thunk

\--> Action ---------------------> Reducer ---------------------> Store --><-- dispatch(Action) <------- React Component <--------subscribe

2021년 6월 14일
·
0개의 댓글