Worth spreading

* Medium에 게시한 글입니다. Medium에서 읽으시면 좀 더 좋은 환경에서 보실 수 있습니다. [JS] 비동기(async) 프로그래밍 이해하기[2]JS 비동기 패러다임 소개이 글은 Ethan Brown의 Learning Javascript 3판을 참조한 글이다.Photo by Paul Gardin on Flickr이전 글: Part 1지난 글에서 배웠던 것들을 recap 해보자.자바스크립트의 비동기적 실행은 콜백을 통해 이루어진다.프라미스는 콜백이 여러 번 호출되는 문제를 해결했다.프라미스를 콜백 대신 사용할 수 있는 건 아니다. 프라미스 역시 콜백을 사용한다.마지막으로 글의 끝자락에서 프라미스는 비동기 작업의 현재 진행 상황을 알 수 없기 때문에 ‘이벤트’라는 녀석과 결합해야 한다고 했었다. 오..

* Medium에 게시한 글입니다. Medium에서 읽으시면 좀 더 좋은 환경에서 보실 수 있습니다. [JS] 비동기(async) 프로그래밍 이해하기[1]JS 비동기 패러다임 소개이 글은 Ethan Brown의 Learning Javascript 3판을 참조한 글이다.Photo by Bruce Clarke on FlickrJS 애플리케이션은 단일 스레드에서 동작한다. 즉, 자바스크립트는 한 번에 한 가지 일만 할 수 있다. ‘그럼 안 좋은거 아니야?’라고 생각할 수 있지만 싱글 스레드는 멀티 스레드가 겪어야 하는 골치 아픈 문제들을 신경 쓰지 않아도 된다는 장점이 있다.싱글스레드만으로 멀티스레드 부럽지 않은 부드러운 소프트웨어를 만들기 위해서는 대가를 치뤄야 한다. 그 대가가 바로 비동기적(asynchr..

npm install 실행 시 명령어 뒷부분에 --save-dev가 붙는 것을 본 적이 있을 것이다. 이것이 뜻하는 것이 뭔지 궁금했지만 찾아보지는 않았는데 scss관련 글을 읽다 얼떨결에 알게 됐다! 해당하는 라이브러리/api가 런타임이 아니라 빌드타임에 실행되도록 해주는 명령어인 것이다. 출처 : https://medium.com/front-end-hacking/how-to-add-sass-or-scss-to-create-react-app-c303dae4b5bc

json 문법에러

위와 같은 형식의 웹페이지를 본 적이 있을 것이다.입력값들을 넣은 이후 내용 지우기를 누르면 모든 내용이 한번에 지워지는 것이다 위에 있는 텍스트박스들의 글을 지우는 법과밑에 있는 체크박스(라디오박스)를 지우는 법을 알아보자 텍스트박스와 라디오박스는 다음과 같이 선언돼있다. 1순위2순위3순위 1. 텍스트박스 글 지우기우선 '내용 지우기'라는 버튼을 button 태그로 다음과 같이 감싼다 내용 지우기 claerInput() 함수는 우리가 자바스크립트로 구현할 함수이다. function clearInput(){ /* 텍스트박스 지우는 부분 */ var el = document.getElementsByClassName('input-text'); for(var i=0; i