Worth spreading

Photo by Martyn Jones on Flickr Code를 Embedding하는 데 문제가 있어 Medium에서 봐 주시기 바랍니다.포스팅 링크

* 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..

html, body { height: 100%; overflow: hidden; } That's all.

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

출처: edwith (https://www.edwith.org/boostcourse-web/lecture/20660/)

json 문법에러

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

/*Content*/ /*Content*/ 위와 같은 예제에서 child의 height이 커지면 parent의 height도 따라서 커지게 하고 싶은 경우가 있을 것이다. 이 때 parent의 style에overflow:auto; 를 추가해주면 된다. 한 가지 방법이 더 있는데Parent:display: table;Child:display: table-row; 이렇게 각각 스타일을 지정해주면 된다. 출처: https://stackoverflow.com/questions/384145/expanding-a-parent-div-to-the-height-of-its-children

div태그 박스의 크기를 조정하려고 width height값을 주는데 이게 아무리 조정을 해도 값이 적용되지 않는 것이다..그런데 친절한 visualstudio code에서 이런 경고를 주더라[css] Property is ignored due to the display. With 'display: inline', the width, height, margin-top, margin-bottom, and float properties have no effect. 그것도 모르고 이값 저값 넣어보면서 왜 안되냐고 분개했었는데... 한마디로 말하면display를 inline으로 설정 시 width, height, margin-top, margin-bottom, float 설정이 먹히지 않는다. 그래서 inlin..