JavaScript
-
textarea 가장 아래로 자동 scrolling 하기Javascript/jQuery 2017. 9. 4. 11:29
textarea를 콘솔처럼 사용하려고 해서 봤더니 기본적으로 textarea는 자동으로 가장 아래쪽으로 스크롤링을 하지 않는다. 데이터를 textarea로 계속 append하면 스크롤 위치는 계에에에속 맨 위에 고정되어 있다. 그럼, 이걸 어떻게 처리할 수 있을까? HTML 코드는 다음처럼 심플하게 만들었다. click 자 그 다음, button을 클릭하면 input에 있는 데이터를 textarea로 append 하는 스크립트를 작성해보자. $('#btn').on('click', () => { const data = $('#txt').val(); $('#console').append(`${data}\n`); }); 결과는...? 위에서 말한것과 같이 textarea의 스크롤이 꿈쩍도 안한다. 후후후.....
-
동적으로 생성된 button의 값 가져오기!Javascript/jQuery 2017. 9. 2. 23:39
으아아아주 오래전에 학교 프로젝트로 웹 개발을 해본 뒤에 회사에 와서 으아아아주 오래전에 웹 개발 프로젝트 2개 해보고 그 뒤로 웹에 대해 거의 접해보지 못했다가 요즘 electron과 express를 접하면서 다시 HTML5와 jQuery, bootstrap 등을 보고 있는데 왜케 어려운지 ㅋㅋㅋㅋ 아무튼, 동적으로 생성된 button의 class를 통해 접근해서 value값을 가져올 일이 생겼다. (사실 동적이 아니어도 똑같다) 근데 아무리 눌러도 undefined만 내뱉는 것이다... (아... javascript에 대한 이해도가 떨어지는 그대여... ㅠㅠ) 그 해법을 알게되서 이렇게 포스팅을 하려고 한다. 자, 우선 HTML 태그는 다음과 같다. click me! click me! click me..
-
ES6(1) - ArrowsJavascript/ES6 2017. 8. 31. 11:12
예전부터 ES6에 대해 정리를 한번 해보려고 했는데 계속 미루기만 하다가 드디어! 포스팅을 하기로 마음을 먹었다. ES6는 무엇인가?! ECMAScript 6 (이하 ES6)은 ES5가 2009년에 발표된 이후 2015년인 6년만에 발표된 새로운 Javascript 언어 스펙이다. 따라서 굉장히 많고, 굉장히 유용하고, 굉장히 신기한(?) 기능들이 대거 추가되었다. 그중에서 첫 번째로 Arrow function 이라고 불리는 화살표 함수에 대해 알아보려고 한다. 해당 내용은 MDN web docs의 화살표 함수 항목을 참고했습니다. 정의 간단하게 설명하면, 기존 function 표현에 비해 구문이 짧고, 항상 익명으로 사용되며, this, arguments, super, new.target을 바인딩 하지..
-
Events(1)Javascript/node.js 2017. 8. 30. 10:45
Intro Node.js의 특징인 Event driven과 Asynchronous를 잘 활용을 못하고 있는 것 같아서 Node.js의 매뉴얼 중 Events 항목을 한번 자세히 읽어 보기로 했다. 문서의 버전은 v6.11.2 LTS 이다. 그럼 하나씩 훑어보자. 아니 자세히 보자. 영어 실력이 개판이니 내맘대로 번역해도 이해해주시기 바랍니다 :) Events 매뉴얼을 들어가면 초록색 박스에 Stability:2 - Stable 이라고 되어 있다. 이 부분은 매뉴얼의 Stability Index 항목을 참고하면 된다. 간단하게 설명 하자면 Stability: NUMBER 에서 NUMBER 가 높을수록 안정된 API라는 의미이다. 사실 색상만 봐도 안정됬는지 안됬는지 알 수 있다. 0은 deprecated,..