전문적인 정보를 전달하는 글쓰기,특정 사실을 특정 독자에게 명확하고 간결하게 전달하는 것학문적인 내용을특정 독자을특정 독자에게순차적으로 전달한다.일단 써라.생각나는대로 쓰다가 마지막 단계에서 고치면 되니까이 글을 읽는 사람 입장에서 글을 작성하자어려운 단어없이 간단하게

즉 state 객체에서 바꾸고 싶은 key-value만 setState의 인자로 넘겨준다.버튼 클릭 후 따라서 다음과 같이 spread operator를 사용해서 set을 하자

<video>를 커스텀해보자원래 <video controls> 와 같이controls attribute를 주면 위와 같이 브라우저 기본 비디오 UI를 제공해준다.이 UI를 입맛대로 커스텀하려면, 하나부터 열까지 다 뜯어고쳐야한다.progress bar를 클릭

Shift키를 누르고 체크를 하면,두 체크박스 사이가 전부 눌려지는 계획표 만들기input\[type='checkbox']

웹 개발 디버깅을 할때 브라우저의 개발자도구에서 console.log를 찍곤한다console 출력의 여러가지 방법 알아보자

html <canvas> 태그를 이용해서 마우스로 그리기가 가능한 그림판을 만들자.https://developer.mozilla.org/ko/docs/Web/API/Canvas_API/Tutorial/Basic_usagehtml에 canvas태그를 정의한

Array.prototype.some()Array.prototype.every()Array.prototype.find()Array.prototype.findIndex()Array.prototype.splice(start,deleteCount,item1,item2, ..

각 패널을 클릭시에 화면이 넓어지고, 숨겨져있던 글씨들도 위에서 내려오고, 밑에서 올라온다. 글씨 크기도 좀 더 커진다.CSS: flex를 사용할 수 있다.연습 : \[https://flexboxfroggy.com/JS: element class를 줬다 뺐다

express를 처음 배울때, 서버를 시작할때는 이렇게 코드를 작성했다. app.listen으로 바로 서버를 실행가능하다.그런데 유튜브에서 바닐라 자바스크립트 채팅앱 클론코딩을 하던 도중 다음과 같은 코드를 작성했다.위 코드와는 다르게,express를 http모듈에

Spacing, Blur, Base Color 각 label이 변화할 때, 사진이 그 알맞게 변화해야 한다.Spacing: 그림의 padding값Blur: 그림이 흐린정도 (filter: blur(3px))Base Color: 그림의 background-color:ro

new Date()현재 시간을 가져온다.new Date().getSecond() 로 현재 초를 가져온다이외에 시,분,요일,년도 등 가져올 수 있다.https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/

키보드 입력을 인식해서 그에 맞는 소리를 출력하는 드럼을 만들자키보드가 눌리는 이벤트(keydown)이 발생하면'playSound' 콜백함수가 실행된다.선택자를 이용해 html element를 가져온다.선택자에 해당하는 요소가 여러개 있으면 DOM tree 맨 위에 있

client의 아이디와 비밀번호를 DB에 저장 할 때, 보안을 위해 비밀번호는 암호화 해서 저장할 필요가 있다.이때 사용하는 해시알고리즘 방법이 bcrypt이다.npm i bcryptbcrypt를 사용해보면서 평문은 같은 값이지만 겉보기엔 전부 서로 다른 해시값들을bc

1 <= t <= 100 (test case)1 <= k <= n <= 40 인 n, k 가 주어짐n x n 크기의 체스판 위에 룩을 k개 올려놓을 때, stable하게 놓는 방법 중 하나를 출력하면 된다.stable 이란 1\. 모든 룩들이

여러 사람들의 express 코드를 보면서 의아했었는데,middleware안에서 next()를 이용해 제어를 넘기면 끝이라고 생각했었다.그래서 와 같이next()만 사용해주면 된다고 생각했다.위 코드는 next()뒤에 아무런 코드가 없으니 상관없지만, 만약 다른 동작이

1. app.METHOD > app.METHOD(path, callback [, callback ...]) 위와 같이 사용할 수 있는 많은 Routing methods들이 많지만, 보통 get, put, post, delete를 많이 사용한다. 위 method 들

Third-party middlewareApplication-level middlewareRouter-level middlewareerror-handling middlewarebuilt-in middleware Application-level과 Router-level

Routing 은 특정한 url, HTTP request method(get, post...) 에 대한 client request에 application이 response하는 방법을 결정하는 것이다.서버가 제 기능을 올바르게 수행하라면 Routing은 필수라는 걸 알

Vanilla JS로 여러가지 프로젝트 만들기https://javascript30.com되게 유명한 js30 프로젝트이다.1/5 20:00 ~ 23:00day1,day21/12 20:00 ~ 23:00day3,day41/19 20:00 ~ 23:00day5,d