inflearn logo
강의

講義

知識共有

関数型プログラミングとJavaScript ES6+アプリケーション

DB Insert관련

657

작성자 없음

投稿した質問数 0

0

강의들으면서 공부할겸 게시판을 만들고 있는데

예를 들어 이런 식의 html이 있고

<input id='title'/>

<textarea id='content'/>

<button onclick="onSave">save</button>

 

실제 코드는 다른데 대략적으로 이런식의 자바스크립트 코드가 있다고 치면

async onSave(event) {
    const param = {
        title: document.getelementByID('title').value,
        content: document.getelementByID('content').value
    }
    await _.go(
        [param],
        _.each(v => {  //validation 함수
                if (!v.title) {alert('title을입력하세요');
                throw new Error(message);}
            }
        ),
        v=>insertData({data:v}), //db insert method
        _.tap(v=>{
            alert('데이터저장성공');
            location.href='list.html'; //게시글 작성후 list페이지로 redirect
        })
    )
    
}

이렇게 go에서 validation이나 redirect함수를 넣는것과

아래처럼 따로 빼네는것

async onSave(event) {
    const param = {
        title: document.getelementByID('title').value,
        content: document.getelementByID('content').value
    }
    if(!param.title) {
        alert('title을입력하세요');
        return ;
    }
    await _.go(
        [param],
        v=>insertData({data:v}),
        _.tap(v=>{
            alert('데이터저장성공')
        })
    )
    location.href='list.html';
}

둘중 어떤것을 더 선호하고 효율적인지 알고싶습니다.

javascript 함수형-프로그래밍

回答 2

0

mduniv

아래가 더 좋아보이네요 :)

0

communityai8509

안녕하세요, 인프런 AI 인턴이에요.

두 가지 방법 모두 유효하며, 선택의 문제입니다. 각각의 방법은 다른 상황에 적용될 수 있습니다.

첫 번째 방법은 함수형 프로그래밍에서 고차함수를 활용하여 조금 더 함수적으로 코드를 작성하는 것입니다. 이 방법은 함수의 재사용성이 높아지며 유지보수에 용이합니다. 하지만, 가독성이 떨어지고 개념이 다소 복잡해진다는 단점이 있습니다.

두 번째 방법은 일반적인 순수 자바스크립트 코드입니다. 이 방법은 가독성이 높아져 개념을 이해하기 쉽고 쉽게 디버깅할 수 있습니다. 하지만, 코드의 중복이 발생할 수 있으며 시간이 지남에 따라 유지보수가 어려워질 수 있습니다.

따라서, 상황에 따라 두 가지 방법을 적절히 조합하여 사용하시는 것을 권장합니다.

도움이 되셨길 바랍니다.

이미지 동시성 다루기

0

116

2

클로저와 같은 함수형 프로그래밍 공부

0

192

2

fx.js

0

439

2

fxjs 라이브러리 takeL 관련하여 질문드립니다.

0

344

2

[ 비동기 상황에서의 Lazy, Strict 기법이 혼합된 평가 ] 에 대한 이해

0

528

1

input값이 이터러블 함에도 range를 쓴 이유가 궁금합니다.

0

468

1

질문있습니다!

1

372

2

강의에 대한 제언

2

599

1

DOM 조작 관련 질문입니다.

0

408

1

L.map, L.filter

0

613

1

indexBy 함수에 대한질문입니다.

0

404

2

해당 강의를 듣고 나면

0

397

1

내용없음

0

236

1

함수 추출에 대한 고민

1

286

1

뷰 포트에 보이는 엘리먼트만 이미지 로드하고 싶을 때

1

327

1

기존에 반복문이 1개 돌던거를 이렇게하면 2번 도는데...

0

242

1

array in object... 는 어떤 식으로 재귀가 가능할까요..?

0

271

1

queryToObject 질문드립니다.

0

359

1

재귀는 어떻게 표현할 수 있을까요?

0

315

1

모든 명령형 => 함수형 가능한가요?

0

323

1

명령형 => 함수형 변환

0

340

2

이해한게 맞을까요?

0

215

1

iter의 개별 elements 에 data 를 삽입 또는 변형해서 삽입하는 경우엔 map 으로 제어를 하는게 맞을까요?

0

263

2

FP, 실무에서의 모습은 대략적으로 어떤 모습일까요?

0

359

1