https://stackoverflow.com/questions/467557/what-is-meant-by-the-term-hook-in-programming Essentially it's a place in code that allows you to tap in to a module to either provide different behavior or to react when something happens 다른 동작을 제공하거나 어떤것이 일어났을때 반응하기 위한 모듈로 활용하는 코드. react에서는 함수형 컴포넌트에는 state 와 생명주기 함수가 없다. hooks을 이용하여 state와 생명주기를 활용할수가 있는데, 그래서 이름이 hooks 인것이다. import React, { useState..

function fib(n) { if (n { const cache = {}; const fibRecur = m => { if (m < 2) { cache[m] ? m : (cache[m] = m); return cache[m]; } ..

**사실과 다른 부분이 있을 수 있습니다. WWDC WWDC는 apple에서 열리는 apple기기들의 OS에 대한 이야기와 어떤 업데이트가 있는지 알려주는 가장 큰 conference다. 여러 이야기가 나왔는데, 이번 2020에서 가장 큰 이슈는 바로 mac의 intel의존성을 줄이는 것이다. 일반적인 End User에겐 별로 큰 일 같지 않아 보이지만 프로그램 쪽에 관심이 있는 사람이라면 이것이 어떤 것을 말하는지 알 것이다. mac은 예전부터 intel사의 cpu를 사용해왔다. 이번 WWDC에서 apple은 ARM(Acorn RISC Machine) 기반의 cpu를 탑재한 mac을 소개하였다. 바로 iphone, ipad에 들어간 cpu(ap)를 mac에도 쓴다는 말이다. apple은 이미 수년간 i..

재귀함수 어떤 사건이 자기 자신을 포함하고 다시 자기 자신을 사용하여 정의될 때 재귀적(recursive)이라고 한다. 설명할 때 자기를 포함한 것이라고 생각하면 편하다. 그냥 자기를 설명할 때 나는 나야 나라는 건 나야 이렇게 설명하는 것이라고 볼 수 있다. -나무 위키 정의는 무지하게 쉽다. 내가 나를 부르면 되는 것이다. 재귀 함수와 콜 스택 함수를 호출하면 콜 스택이라는 곳에 함수가 stack으로 쌓인다. 즉, 최상위에 함수가 끝날 때까지 그 아래에 있는 함수는 남아 있다는 것이다. function c(){ console.log('C'); } function b(){ console.log('B'); c(); } function a(){ console.log('A'); b(); } a(); // c..

포트폴리오 사이트를 하나 만들었다. portfolio Web site created using create-react-app www.artdev.me (이놈에 cra를 안쓰던지 해야겠다. 내가 초기세팅을 해버려야겠다... 저게 계속뜬다...) ec2를 이용해서 배포를 했는데 안되는 부분이 있어서 로그를 남긴다. 지금 배포된 상태는 ec2에 express를 설치하고 static파일을 보여주는 방식으로 배포가 되어있다. static파일들은 react에서 빌드된 파일들이고, 따라서 해당 사이트에 접근하려면 포트번호를 명시해주어서 접근해야 한다. 내가 사용하는 ec2는 **** port를 tcp포트로 열어놓고 사용하고 있다. (80포트는 못쓰게? 되어있는것 같았다.) express는 지금 ****포트를 사용하고..

MVC 는 로직을 model, view, controller로 분리하여 data를 처리하는 방법을 말한다. view에서는 화면을 담당한다. controller는 data를 받아서 model에게 넘겨준다. 또한 model에서 data를 받아와서 view에게 주는 역할도 한다. model은 해당 data를 관리한다. 말로만 들어서는 잘 이해가 가지 않을 수 있다. // headers.pug 위 코드는 html template 언어인 pug를 사용하여 작성한것이다. indent를 사용하여 구분하는것 외에는 큰 차이는 없다. form tag로 get요청을 보내는 소스이다. 검색어를 넘기는것 같다. view에서 data를 넘기면 controller는 // controller.js controller는 해당 dat..