본문 바로가기

개발 일기13

일급함수 in javascript /** 일급함수 자바스크립트에서는 함수가 일급함수인데 함수를 값으로 다룰 수 있다. 함수를 변수에 담을 수 있고, 변수에 담은 함수가 값으로 다뤄질 수 있다. */ var f1 = function(a) { return a * a; } console.log(f1); var f2 = add; console.log(f2); // 함수가 함수를 인자로 받기 function f3(f) { return f(); } console.log( f3(function() { return 10; }) ); /* add maker 순수함수도 사용되고, a를 기억하고있는 클로저 */ function add_maker(a) { return function(b) { return a + b; } } var add10 = add_mak.. 2020. 10. 28.
함수형 프로그래밍 정리 (Functional Programming) javasciprt 함수형 프로그래밍 함수형 프로그래밍의 조건1. 인풋이 있고, 아웃풋을 return 하는 형태의 함수- 부작용이 없는 순수함 : 함수가 인풋만을 받아서 인풋만을 사용하고 아웃풋을 계산하여 리턴해야 함. 2. 다른함수를 인풋 또는 아웃풋으로 사용 (고차함수)- ex) map, reduce, filter 3. 모든 데이터를 불변으로 생각하기var rooms = ['h1', 'h2', 'h3'];rooms[2] = 'h4' ['h1', 'h2', 'h4'];rooms => ['h1', 'h2', 'h3']; 출처 : youtube jsconf 채널의 Anjana Vakil - JSUnconfhttps://www.youtube.com/watch?v=e-5obm1G_FY DOCTYPE html> Document /.. 2020. 10. 28.
vue.js plugin으로 global method 만들기 DOCUMENT 플러그인 사용법 먼저 플러그인은 제공자와 사용자로 나뉩니다. 이때 두 사이를 이어주는 것이 Vue의 install 메서드입니다. 아래는 각각 예제 코드입니다. 제공자 코드 *// my-plugin.js*MyPlugin.install = function (Vue, options) { */* ... */*} 사용자 코드 import MyPlugin from 'my-plugin'; Vue.use(MyPlugin); export 할 js파일 만들기 emptyCheck.js const methods = { // 추후 필요한 method를 추가하기 위해 Object로 선언 isEmpty: (value) => { // 필요한 기능 작성 if (value == "" || value == null || .. 2020. 10. 6.
[Vue.js] Computed 속성에 대하여 Computed 속성템플릿 문법에서 JavaScript 표현식을 사용하면, 쉽게 원하는 데이터를 DOM에 그릴 수 있습니다. 하지만 복잡한 연산을 템플릿 안에서 하게 되면, 코드를 이해하고, 유지보수하기 어려워집니다. 아래에서 예를 보여드리겠습니다. {{ message.split('').reverse().join('') }} new Vue({ el:'#example', data: { message:'안녕하세요' }, computed: { reversedMessage:function () { return this.message.split('').reverse().join('') } } }) 원본 메시지: "{{ message }}" 역순으로 표시한 메시지: "{{ reversedMessage }}" com.. 2020. 1. 7.
SQL state [99999]; error code [17004]; 부적합한 열 유형: 1111; 오라클 DB 에러를 해결해보자 SQL state [99999]; error code [17004]; 부적합한 열 유형: 1111; 에러에서 자주 나오는 에러 입니다. 이럴 땐 보통 5가지 경우가 주 원인입니다. 1. 데이터 타입이 다르다. 2. Map을 파라미터로 넘겼을 때 해당 맵안에 파라미터가 null일 경우 3. 화면에서 (jsp view) request parameter값이 없을 때 4. form id 또는 name 값이 없을 때 5. ajax 모듈 사용 시 value값이 null이 있을 경우에 나 같은 경우엔 map에 들어갈 parameter가 null값이 확인되어 나왔던 에러였다. 아까운 내 시간 ... 2019. 1. 15.
[Vue.js] Vuex 요점 정리 Vuex 란? Vue.js 의 상태관리 를 위한 패턴이자 라이브러리. 다른 상태관리 패턴이나 라이브러리와 비교했을 때 Vue 의 Reactivity 체계를 효율적으로 활용하여 화면 업데이트가 가능하다는 차이점이 있다. 상태관리 (State Management) 가 왜 필요한가? 컴포넌트 기반 프레임워크에서는 화면 구성을 위해 화면 단위를 매우 잘게 쪼개서 컴포넌트로 사용한다. 예를 들면, header, button, list 등의 작은 단위들이 컴포넌트가 되어 한 화면에서 많은 컴포넌트를 사용하게 된다. 이에 따라 컴포넌트 간의 통신이나 데이터 전달을 좀 더 유기적으로 관리할 필요성이 생긴다. 달리 말해, header -> button, button -> list , button -> footer 등의 .. 2018. 12. 27.