초보 개발자

test.js라는 파일을 index.html에서 사용하려고한다. index.html에서 test.js를 가져와보자! 아래의 이미지들은 index.html, test.js, error콘솔을 나타내고 있다. test.js에서는 DOM을 사용하여 해당 버튼을 클릭하면 alert창이 나오도록 설계하였다. 그리고 error콘솔은 의도대로 되지 않고 에러가 발생한 모습이다. null에서 addEventListener라는 프로퍼티를 찾을 수 없다고한다. 나는 분명 testBtn을 설정해주었는데 말이다. 그럼 testBtn이라는 것을 console에 찍어 보도록 하자. 역시 null이라고 나온다. 이상하다. 나는 분명 testBtn을 정의해주었고 html에서도 분명히 존재하는데 말이다. 이렇게 에러가나는 이유는 시점의..

동기 비동기 💢 내가 생각한 동기 비동기는 차례대로 코드들을 읽다가(동기) 어떤 비동기적인 코드를 읽으면 '동시'에 동기코드를 처리해나가면서 비동기 코드또한 처리를 해나간다고 생각해왔다. (옆 화구에 백숙(비동기)'!올려놓고!' 라면(동기) 끓이기 ) 근데 스레드가 하나(일하는 사람이 하나)라면 동시에 여러 일을 진행 시킬 수 없으니까. 이건 말이 안된다고 한다. 따라서 비동기는 '동시'에 같이 일을 진행시키는 것이 아니라 일단! 뒤로 미뤄두고 동기코드가 다 끝나면 그제서야 미뤄두었던 일들을 시키는 것이다. 생각해보면 동기 비동기로 나누는게 당연한 것이다. 왜냐하면 내부가 아닌 외부에서 정보를 받아오는데 받아올 때 까지 주구장창 기다린다면 그 다음 코드들로 넘어가지 않으니까말이다?? (근데 여기서 궁금한..

upload페이지를 만들고 getUpload와 postUpload 핸들러 두개를 만들어서 데이터를 mongodb에 전송하고 가져오는 것을 배워 보려고 한다. server.js파일에 미들웨어 하나를 만들어주자 이것은 post로 데이터를 서버에 전송할 때 req.body로 받아와 사용할 수 있도록 해주는 코드이다. ( 이것을 작성해주지 않으면 아무것도 전송 X ) extended옵션을 주면 body에 있는 정보들을 보기 좋게 형식을 갖춰주는 일을 해준다. 이 미들웨어를 꼭 route이전에 사용해야한다. 다시 말해 express application이 form의 value를 이해할 수 있도록 하고 우리가 쓸 수 있는 자바스크립트 형식으로 바꿔준다. 다시 handler.js로 돌아와서 getUpload와 pos..