js
-
FunctionFP 2020. 7. 12. 02:04
정의 함수 란? () 연산자를 적용하여 평가할 수 있는 모든 호출 가능 표현식 호출시 사용 가능한 결과값을 반환 자, void 를 반환하는 함수를 우리는 앞으로 함수로 쳐주지 않기로 한다. 그럼 뭐라고 부르지? 일급 시민 Javascript에서는 함수가 객체이므로 값으로 다룰 수 있어서 일급 또는 일급 시민 이라고 부른다. 보통 프로그래밍에서 일급이라고 함은, 적용 가능한 모든 연산을 수행할 수 있는 것들을 일급 이라고 부른다. (어렵다...?) 그럼 그러한 연산은 뭐가 있을까? 값을 할당하거나 함수의 인자로 전달하거나 함수의 반환값으로 사용하거나 보통 위와 같은 케이스를 말한다. 그럼 Javascript에서 이러한 연산을 어떻게 수행하나 한번 보자. 먼저 값을 할당하거나 const add = funct..
-
How to make the Object as immutable in JSFP 2020. 7. 9. 01:00
불변 FP에서 객체의 상태를 불변으로 유지하는건 굉장히 중요하다. 불변을 통해 부수효과를 방지하기 때문이다. Why JS? 간단하다. 굉장히 범용적으로 사용되는 언어이고 무엇보다 내가 좋아하기 때문이다. -끝- 농담이다. 🙃 JS에서 객체의 상태 관리 ES5까지는 변수를 상수처럼 고정 할 수 있는 방법이 없었지만 ES6에서 const 라는 멋들어진 키워드가 소개되면서 우리는 변수를 상수처럼 런타임시에 변경할 수 없도록 지정할 수 있게 되었다. 하지만 그것도 잠시... 객체의 속성은 여전히 런타임에도 맘데로 지멋데로 제멋데로 바꿀 수 있다. 속성의 변신은 무죄? function Dog(name) { this.name = name; } Dog.prototype.toString = function() { re..
-
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..