- 전체보기(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
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
ㅁㅁ
컴포넌트 (component)모듈 (module)서비스 (service)지시자 (directive)라우터 (router)템플릿 (template)의존성주입 (injection)파이프 (pipe)폼 (form)애니메이션 (animation)보안 (secure)HTTP (
ㅋㄹㅅ
클래스클래스는 "객체를 정의하기 위한 구조"이다.클래스는 "함수, 생성자, 맴버 변수"로 구성된다.클래스의 기본 선언 형식constructor는 생성자로서 "클래스가 객체로 생성될 때, 기본적으로 호출되는 메서드"이다.클래스는 그 자체로 사용할 수 없으며, 객체로 만들
Todos (lodash, RxJS, Angular, class&constructor, getter&setter)
lodash - clone deep : value를 (타입상관없이) 복사해서 완전히 새로운 변수를 만들 수 있음lodash - \_.isNil : 체크한다. value가 null || undefinedlodash - \_.isNan : 체크한다. value가 NaNlo
ㄹㄹ
app/app.component.ts : root 컴포넌트 (bootstrap: [AppComponent]) ^ app/app.module.ts : root 모듈 (bootstrapModule(AppModule)) ^ main.ts Component 컴포넌트의
RxJS - Quick Start
RxJS(ReactiveX for JavaScript) : ReactiveX의 자바스크립트 버전 라이브러리웹 애플리케이션의 오류가 발생하는 경우 : 1) 입력오류 2) 상태오류 3) 로직오류입력오류동기와 비동기의 차이점을 "시간" 이라는 개념을 통해 해결ex. 버튼 및
Wise Convey - code review
goal 6가지 이유를 찾아가는 코드리뷰 파일 구조 파악 동적 데이터와 정적 데이터의 구분과 데이터 핸들링 > 비동기 - 콜백 vs promise > 웹 worker > axios 일단 function 을 기준으로 잡고 다음 6가지에 대한 이유를 찾아나가는 과정으로
HTTP
goal웹상에서 client 와 server 간의 통신을 위한 프로토콜Webresponse의 header를 통해서, 컨텐츠 길이(content-length), 캐시 유효시간(Cache-Control), ETag 등을 전송한다.캐시의 유효시간이 지나면 서버로부터 다시 읽
prettier 설정과 해석
json 형식으로 입력"arrowParens": "always","bracketSpacing": false,"printWidth": 80,"semi": true,"singleQuote": true,들여쓰기 당 공백(띄어쓰기?) 수"tabWidth": 2,"trailin
확장자 .jsx vs .js
JSX 사용의 이점JSX는 컴파일링 되면서 최적화되므로 빠름type-safe("어떠한 오퍼레이션(또는 연산)도 정의되지 않은 결과를 내놓지 않는 것, 즉, 예측불가능한 결과를 내지 않는 것") 하면서, 컴파일링 과정에서 에러를 감지할 수 있음 \*\* (대표적으로 '자
CSR / SSR / SPA / MPA
렌더링 방식에 대한 차이로 나뉘는 CSR & SSR (렌더링을 어디서하느냐) CSR (client side rendering) 동작순서 서버에서 브라우저로 응답을 보냄 -> 브라우저에서 js script를 다운받음 -> 브라우저가 react를 실행함
Next.js
: SSR을 지원하는 react framework유저가 초기에 server에 해당 어플리케이션의 페이지에 접속을 요청하면, SSR방식으로 렌더링 될 html 문서를 보냄 \-> 브라우저에서 js를 다운받고, react를 실행함\-> 유저가 계속 어플리케이션과 상호작용하
redux-saga
redux-saga는 애플리케이션의 "부수적인 효과(side effect)"(데이터 요청(fetch) 등의 비동기 작업, 브라우저 캐시 같은 순수하지 않은 것들) 들을 쉽게 관리하고 효과적으로 실행하고 간단한 테스트와 쉬운 실패 처리를 목적으로 한다.(js에서 side
react-redux
react-redux Providercf. redux order1\. event 발생 ->2\. action 생성함수로 action을 생성하여 store로 dispatch(처리요청) 함 ->3\. action을 받은 store는 reducer에게 action을 분석해서
Redux middleware
example code: img위 그림에서 미들웨어는 action이 어떠한 데이터를 dispatch하는 과정에서, (reducer로) reducer에 도달하기 전, 어떠한 로직이 끼어들 수 있는 틈을 만든다.따라서, 미들웨어는 외부에서 생성된 action이 reduce
[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? 사용자 인터페이스
react in action 1
상태 (state) : 특정 시점에 프로그램이 사용하고 있는 정보 (=특정 시점에 프로그램에 대해 알고 있는 것들의 스냅샷)js 는 "완료될 때까지 실행"하는 속성이 있음리액트에서 데이터의 상태는,1) 컴포넌트 내에서 변경 가능한 데이터인 "상태"와2) 컴포넌트가 변경
redux-promise / redux-thunk
\--> Action ---------------------> Reducer ---------------------> Store --><-- dispatch(Action) <------- React Component <--------subscribe