인프런 커뮤니티 질문&답변

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

예를 들어 이런 식의 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';
}

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