Bank-End Chronicles

「Memory gets GC’d, but this blog stays committed.」

React - context API

context api에 대해서

콘텍스트 API로 데이터 전달하기 상위 컴포넌트 -> 하위 컴포넌트로 데이터 전달 시 속성값이 사용된다. 많은 수의 하위 컴포넌트로 속성값을 내려줄 때는 코드를 반복적으로 작성해야하는 문제가 있는데, 이 때 context API를 사용하면 컴포넌트의 중첩구조가 복잡한 상황에서도 비교적 쉽게 데이터를 전달할 수 있다. context API를...

1월 28일 (목)

새로운 프로젝트를 기획하다

오늘 한 일 어떤 프로젝트를 할지 기획하다보니 구현해보고 싶은 기능들이 많아진다. 탈 없이 잘 작동하는 모습이 보고싶다.

1월 27일 (수)

좋은 리소스를 찾는 행운

오늘 한 일 오픈 api를 알아보고 있다. 전에 해보지 않았던 기획으로 재밌게 프로젝트를 해보고 싶다.

Express - RESTful, GET. POST

RESTful에 대해서

Defining RESTful Routes REST REpresentational State Transfer Resource의 Representation에 의한 상태(컴퓨터가 가진 자원의 상태. 파일/데이터베이스 등을 자원이라고 함. 상태 = 정보) 전달 HTTP Method를 통해 Resource를 처리하기 위한 아키텍쳐 PI 작동 ...

1월 26일 (화)

리액트 책을 보기 시작하다

오늘 한 일 node.js의 dynamic HTML templating을 알게 되었고, ejs문법과 app.render등 정말 중요한 부분을 배웠다. khan아카데미에서 자바스크립트로 알고리즘을 배울 수 있어 좋다. 개념을 이해하고 바로 자바스크립트 코드로 짜볼 수 있게 수업이 진행되어서 잘 짜여진 수업이라는 생각이 ...

React - Flux architecture

flux에 대해서

Flux architecture Flux란? 애플리케이션에 데이터를 취급하기 위한 패턴. Flux와 React는 함께 사용할 수도, 독립적으로 사용할 수도 있다. 둘 다 Facebook이 가진 특정 문제점들을 해결하기 위해서 개발됐다. 연원 Facebook은 ‘읽지 않은 메세지’에 메세지가 오지 않았는데도 알림이 뜨는 문제를 겪...

NodeJS - template, ejs, static

ejs에 대해서

Creating Dynamic HTML With Templating Templating 웹 페이지의 패턴을 파악하고 동적으로 제어하기 express 자체는 템플릿 엔진의 기능을 갖고 있지 않아서, 템플릿 엔진을 따로 설치해야한다. 동적인 파일과 정적인 파일의 장단점을 결합한 형태의 새로운 체계다. 가장 많이 스이는 것이 ejs와 p...

알고리즘 - 점근적 표기법, 빅오 표기법

big O에 대해서

점근적 표기법(asymptotic notation) big-Theta 표기법 big-O 표기법 big-Omega 표기법 알고리즘의 실행시간을 파악하는 방법 두가지 입력값의 크기에 대한 함수로 찾기 배열의 크기가 커지면 선형 검색과 이진 검색의 최대 추측 횟수가 함께 증가하기 때문 성장률(입력...

1월 25일 (월)

node.js를 알아가다

오늘 한 일 node.js강의를 들었는데, 오늘 굉장히 중요한 부분을 배웠다. get, post, delete, update. route의 개념도! 진도는 느리게 나가고 있지만 점점 더 재밌어진다. 빨리 프로젝트를 하고 싶다.

NodeJS - express

express에 대해서

Creating Servers With Express Express node 패키지로, 자체적인 최소한의 기능을 갖춘 라우팅 및 미들웨어 웹 프레임워크. request를 들을 수 있는 서버를 만든다. request를 parse할 수 있다. 그리고 request들을 특정한 route로 match시킨다. http response를 만들...