.net GridView 추가,삭제,저장

.net에서 GridView를 많이 사용하는데요.
GridView를 사용함에 있어 화면의 깜빡임 없이 행을 추가한다거나 삭제를 한다거나 저장을 하고 싶을 때는 어떻게 하면 좋은까요?


하여 오늘은 .net GridView 추가,삭제,저장에 대해서 알아보도록 하겠습니다.




먼저 .aspx의 소스 입니다.

<asp:UpdatePanel ID="MaterialUpdatePanel" runat="server">
            <ContentTemplate>
                <asp:GridView ID="gvListMaterial" runat="server" AutoGenerateColumns="False" DataKeyNames="MATERIALID"
                    ShowHeaderWhenEmpty="True" Style="margin-top: 0px" Width="100%" CellPadding="0"
                    CssClass="table_content btn_margin" PageSize="12" ForeColor="#333333" GridLines="both"
                    HorizontalAlign="Center" OnRowDataBound = "RowDataBound_Material" ShowFooter="true">
                    <AlternatingRowStyle BackColor="White" />
                    <Columns>
                        <asp:TemplateField HeaderText="자재명" HeaderStyle-CssClass="cell_left" HeaderStyle-Width="23%" ItemStyle-Width="23%">
                            <ItemTemplate>
                                <input type="text" id="INPUTRESOURCENAME" name="INPUTRESOURCENAME" value='<%# Eval("INPUTRESOURCENAME") %>' class="search_text textname" ReadOnly="true" maxlength="100" style="width:69%;" />
                                <input type="hidden" id="INPUTRESOURCEID" name="INPUTRESOURCEID" value='<%# Eval("INPUTRESOURCEID") %>' />
                                <img src="/images/btn_popsrc.gif" class="popsrc_align" id="INPUTRESOURCE_SEARCHBTN" alt="" onclick="fnSearchPopup(this, 1, 'gvListMaterial');"/>
                                <img src="/images/btn/eraser.png" class="popsrc_align" id="CLIENTDELBTN" alt="" onclick="fnSearchPopup(this, 2, 'gvListMaterial');"/>
                     
                                <input type="hidden" id="MATERIALID" name="MATERIALID" value='<%# Eval("MATERIALID") %>' />
                                <input type="hidden" id="STATUS_GUBUN" name="STATUS_GUBUN" value='' />
                            </ItemTemplate>
                        </asp:TemplateField>
                        <asp:TemplateField HeaderText="규격" HeaderStyle-CssClass="cell_left" HeaderStyle-Width="14%" ItemStyle-Width="14%">
                            <ItemTemplate>
                                <input type="text" id="SPECIFICATION" name="SPECIFICATION" value='<%# Eval("SPECIFICATION") %>' class="search_text textname" style="width:94%;" />
                            </ItemTemplate>
                        </asp:TemplateField>
                        <asp:TemplateField HeaderText="단위" HeaderStyle-CssClass="cell_left" HeaderStyle-Width="14%" ItemStyle-Width="14%">
                            <ItemTemplate>
                                <input type="text" id="UNIT" name="UNIT" value='<%# Eval("UNIT") %>' class="search_text textname" style="width:94%;" />
                            </ItemTemplate>
                        </asp:TemplateField>
                        <asp:TemplateField HeaderText="단가" HeaderStyle-CssClass="cell_left" HeaderStyle-Width="14%" ItemStyle-Width="14%">
                            <ItemTemplate>
                                <input type="text" id="UNITPRICE" name="UNITPRICE" value='<%# Eval("UNITPRICE") %>' class="input_text textname" style="width:94%;" onkeyup="fnInputNumberOnly(this,'c');" onblur="fnAutoTotal(this, 'gvListMaterial'); fnChange(this);" />
                            </ItemTemplate>
                        </asp:TemplateField>
                        <asp:TemplateField HeaderText="수량" HeaderStyle-CssClass="cell_left" HeaderStyle-Width="14%" ItemStyle-Width="14%">
                            <ItemTemplate>
                                <input type="text" id="VOLUME" name="VOLUME" value='<%# Eval("VOLUME") %>' class="input_text textname" style="width:94%;" onkeyup="fnInputNumberOnly(this,'c');" onblur="fnAutoTotal(this, 'gvListMaterial'); fnChange(this);" />
                            </ItemTemplate>
                            <FooterTemplate>
                                <asp:Label ID="lblTotalVOLUME" runat="server"></asp:Label>
                            </FooterTemplate>
                        </asp:TemplateField>
                        <asp:TemplateField HeaderText="금액" HeaderStyle-CssClass="cell_left" HeaderStyle-Width="14%" ItemStyle-Width="14%">
                            <ItemTemplate>
                                <input type="text" id="PRICE" name="PRICE" value='<%# Eval("PRICE") %>' class="search_text textname" style="width:94%;" onchange="fnInputNumberOnly(this,'c');" />
                            </ItemTemplate>
                            <FooterTemplate>
                                <asp:Label ID="lblTotalPRICE" runat="server"></asp:Label>
                            </FooterTemplate>
                        </asp:TemplateField>
                        <asp:TemplateField HeaderText="" HeaderStyle-CssClass="cell_center" ItemStyle-HorizontalAlign="Center" FooterStyle-HorizontalAlign="Center" FooterStyle-VerticalAlign="Middle" HeaderStyle-Width="7%" ItemStyle-Width="7%">
                            <ItemTemplate>
                                <button ID="btnDelete" class="small_btn2" onclick="fnAddDelete(this, 'gvListMaterial');return false;">삭제</button>
                            </ItemTemplate>
                            <FooterTemplate>
                                <button ID="btnAdd" class="small_btn" onclick="fnAddRow(this, 'gvListMaterial');return false;">추가</button>
                            </FooterTemplate>
                        </asp:TemplateField>
                    </Columns>
                    <EditRowStyle BackColor="#ffffff" />
                    <EmptyDataRowStyle CssClass="data_AC row25" />
                    <EmptyDataTemplate>
                        데이터가 존재하지 않습니다.
                    </EmptyDataTemplate>
                    <FooterStyle BackColor="#507CD1" ForeColor="White" Font-Bold="True" />
                    <HeaderStyle BackColor="#eaecf3" Font-Bold="True" ForeColor="#374994" />
                    <PagerStyle HorizontalAlign="Center" />
                    <RowStyle BackColor="#ffffff" CssClass="data_AC" />
                    <SelectedRowStyle BackColor="#D1DDF1" Font-Bold="True" ForeColor="#333333" />
                    <SortedAscendingCellStyle BackColor="#F5F7FB" />
                    <SortedAscendingHeaderStyle BackColor="#6D95E1" />
                    <SortedDescendingCellStyle BackColor="#E9EBEF" />
                    <SortedDescendingHeaderStyle BackColor="#4870BE" />
                </asp:GridView>
            </ContentTemplate>
        </asp:UpdatePanel>

해당 GridView를 UpdatePanel로 감싸야 하는게 핵심 입니다.

<asp:Button ID="btnSave2" runat="server" Text="저장" CssClass="blueBtn1" OnClick="btnSave_Click" CommandName="Create" OnClientClick="return fnSave();" />
저장 버튼 이구요.

그리고 javascript쪽을 보시겠습니다.




<script type="text/javascript">
        $(window).load(function () {
        });


        // 저장
        function fnSave() {
            //////////////////////////////////////////////////////////////////////////////
            // 자재 투입 계획
            //////////////////////////////////////////////////////////////////////////////
            var myObject_Material = new Array();
            var list_Material = $('#<%=gvListMaterial.ClientID %>').find("tr");

            for (var i = 0; i < list_Material.length; i++) {
                var statusGubun = $(list_Material[i]).find("#STATUS_GUBUN").val();
                var inputResourceID = $(list_Material[i]).find("#INPUTRESOURCEID").val();

                if(statusGubun != "" && statusGubun != undefined && inputResourceID != "" && inputResourceID != undefined){
                    var arr2 = new Object();

                    $(list_Material[i]).find("input").each(function () {
                        var id = $(this).attr("id");

                        if (id != null && id != "") {
                            arr2[id] = $(this).val();
                        }
                    });

                    myObject_Material.push(arr2);
                }
            }

            var data_Material = JSON.stringify(myObject_Material);

            $("#<%= this.hdnMATERIALResultData.ClientID%>").val(data_Material);
        }


        //////////////////////////////////////////////////////////////////////////////
        // 그리드 관련 팝업
        //////////////////////////////////////////////////////////////////////////////
        var retuenInputResourceName;
        var retuenInputResourceID;
        var retuenSpecification;
        var retuenUnit;
        var retuenWorkerName;
        var retuenWorkerID;
        var retuenResident;
        function fnSearchPopup(object, type, strGrid_Gubun) {
            var gubun = "";
            if (strGrid_Gubun == "gvListMaterial")
                gubun = 10;
            else if (strGrid_Gubun == "gvListEquipment")
                gubun = 20;
            else if (strGrid_Gubun == "gvListIndirectExpense")
                gubun = 30;
            else if (strGrid_Gubun == "gvListOutsideOrderExpense")
                gubun = 40;


            var tr = object.parentNode.parentNode;

         
retuenInputResourceName = $(tr).find("#INPUTRESOURCENAME");
retuenInputResourceID = $(tr).find("#INPUTRESOURCEID");
retuenSpecification = $(tr).find("#SPECIFICATION");
retuenUnit = $(tr).find("#UNIT");
var statusGubun = $(tr).find("#STATUS_GUBUN").val();

if (statusGubun != "I")
$(tr).find("#STATUS_GUBUN").val("U");

if (type == "1") {
var returnValue = fnOpenPopup('popInputResource', 'CTIR_Po_Search.aspx?gubun=' + gubun, 800, 600);
}
else if (type == "2") {
// 모든 데이터를 제거하기 위해서 주석 후 수정
//$(retuenInputResourceName).val("");     // 자재명
//$(retuenInputResourceID).val("");       // 자재id
//$(retuenSpecification).val("");         // 규격
//$(retuenUnit).val("");                  // 단위
$(tr).find("input").each(function () {
$(this).val("");
});
fnAutoTotal(null, strGrid_Gubun);     // 합계 셋팅
}
        }
        function callBackFN(InputResourceID, InputResourceName, Specification, Unit) {
            $(retuenInputResourceID).val(InputResourceID);
            $(retuenInputResourceName).val(InputResourceName);
            $(retuenSpecification).val(Specification);
            $(retuenUnit).val(Unit);
        }
        function callBackFN_WorkerCost(WorkerID, WorkerName, Resident) {
            $(retuenWorkerID).val(WorkerID);
            $(retuenWorkerName).val(WorkerName);
            $(retuenResident).val(Resident);
        }


        //////////////////////////////////////////////////////////////////////////////
        // 그리드 자동계산 관련
        //////////////////////////////////////////////////////////////////////////////
        function fnAutoTotal(object, strGrid_Gubun) {
            var gridName = "";
            if (strGrid_Gubun == "gvListMaterial")
                gridName = "<%=gvListMaterial.ClientID %>";
            else if (strGrid_Gubun == "gvListEquipment")
                gridName = "<%=gvListEquipment.ClientID %>";
            else if (strGrid_Gubun == "gvListWorkerCost")
                gridName = "<%=gvListWorkerCost.ClientID %>";
            else if (strGrid_Gubun == "gvListIndirectExpense")
                gridName = "<%=gvListIndirectExpense.ClientID %>";
            else if (strGrid_Gubun == "gvListOutsideOrderExpense")
                gridName = "<%=gvListOutsideOrderExpense.ClientID %>";

var UnitPrice = 0;
var Volume = 0;
var TotalVolume = 0;
var TotalPrice = 0;


if (object != null && object != "") {
var row = object.parentNode.parentNode;

// 해당 Row의 단가, 수량 추출 후 금액 셋팅
$(row).find("input").each(function () {
var id = $(this).attr("id");

// 단가 추출
if (id == "UNITPRICE" && $(this).val() != "")
UnitPrice = $(this).val().replace(/,/g, '');

// 수량 추출
if (id == "VOLUME" && $(this).val() != "")
Volume = $(this).val().replace(/,/g, '');

// 금액 셋팅
if (id == "PRICE") {
// $(this).val(UnitPrice * Volume);
$(this).val(fnGetNumberWithComma(UnitPrice * Volume, "C"));
}
});
}


// 그리드의 모든 단가, 수량 추출
$('#' + gridName).find("input").each(function () {
var id = $(this).attr("id");

if (id == "VOLUME" && $(this).val() != "")
TotalVolume += parseInt($(this).val().replace(/,/g, ''));

if (id == "PRICE" && $(this).val() != "")
TotalPrice += parseInt($(this).val().replace(/,/g, ''));
});


// 합계 셋팅
$('#' + gridName).find("span").each(function () {
var id = $(this).attr("id");

if (id.indexOf("_lblTotalVOLUME") > 0)
$(this).text(fnGetNumberWithComma(TotalVolume, "C"));

if (id.indexOf("_lblTotalPRICE") > 0)
$(this).text(fnGetNumberWithComma(TotalPrice, "C"));
});


            // 총계 섹션의 "계획금액 합계" 자동계산 함수 호출
            fnAutoPlanTotal();
        }


        //////////////////////////////////////////////////////////////////////////////
        // 총계 섹션의 "계획금액 합계" 자동계산
        //////////////////////////////////////////////////////////////////////////////
        function fnAutoPlanTotal() {
            var planTotalPrice = 0;

            var tr_Material = $('#<%=gvListMaterial.ClientID %>').find('tr:last').clone();
            var tr_Equipment = $('#<%=gvListEquipment.ClientID %>').find('tr:last').clone();
            var tr_WorkerCost = $('#<%=gvListWorkerCost.ClientID %>').find('tr:last').clone();
            var tr_IndirectExpense = $('#<%=gvListIndirectExpense.ClientID %>').find('tr:last').clone();
            var tr_OutsideOrderExpense = $('#<%=gvListOutsideOrderExpense.ClientID %>').find('tr:last').clone();

            // 자재
            $(tr_Material).find("span").each(function () {
                var id = $(this).attr("id");

                if (id.indexOf("_lblTotalPRICE") > 0)
                    planTotalPrice += parseInt($(this).text().replace(/,/g, ''));
            });

            //장비
            $(tr_Equipment).find("span").each(function () {
                var id = $(this).attr("id");

                if (id.indexOf("_lblTotalPRICE") > 0)
                    planTotalPrice += parseInt($(this).text().replace(/,/g, ''));
            });

            //노무비
            $(tr_WorkerCost).find("span").each(function () {
                var id = $(this).attr("id");

                if (id.indexOf("_lblTotalPRICE") > 0)
                    planTotalPrice += parseInt($(this).text().replace(/,/g, ''));
            });

            //간접경비
            $(tr_IndirectExpense).find("span").each(function () {
                var id = $(this).attr("id");

                if (id.indexOf("_lblTotalPRICE") > 0)
                    planTotalPrice += parseInt($(this).text().replace(/,/g, ''));
            });

            //외주비
            $(tr_OutsideOrderExpense).find("span").each(function () {
                var id = $(this).attr("id");

                if (id.indexOf("_lblTotalPRICE") > 0)
                    planTotalPrice += parseInt($(this).text().replace(/,/g, ''));
            });

            $("#<%=FLD_PLANAMOUNTTOTAL.ClientID %>").val(fnGetNumberWithComma(planTotalPrice, "C"));
        }


        //////////////////////////////////////////////////////////////////////////////
        // 그리드 Row 추가
        //////////////////////////////////////////////////////////////////////////////
        function fnAddRow(object, strGrid_Gubun) {
            var gridName = "";
            if (strGrid_Gubun == "gvListMaterial")
                gridName = "<%=gvListMaterial.ClientID %>";
            else if (strGrid_Gubun == "gvListEquipment")
                gridName = "<%=gvListEquipment.ClientID %>";
            else if (strGrid_Gubun == "gvListWorkerCost")
                gridName = "<%=gvListWorkerCost.ClientID %>";
            else if (strGrid_Gubun == "gvListIndirectExpense")
                gridName = "<%=gvListIndirectExpense.ClientID %>";
            else if (strGrid_Gubun == "gvListOutsideOrderExpense")
                gridName = "<%=gvListOutsideOrderExpense.ClientID %>";


            // 합계 Row 정보
            var $tr_Auto = $('#' + gridName).find('tr:last').clone();

            // 합계 Row 삭제
            $('#' + gridName).find('tr:last').remove();


            // 합계 Row 삭제 시점의 마지막 Row
            var $tr = $('#' + gridName).find('tr:last').clone();

            // 합계 Row 삭제 시점의 마지막 Row 셋팅
            // 합계 전의 tr
            $tr.find("input").each(function () {
                var id = $(this).attr("id");
             
                if (id == "UNITPRICE" || id == "VOLUME" || id == "WORKDAY" || id == "PRICE")
                    $(this).val("0");
                else if ($(this).attr("id").indexOf("_ddlWORKDAY") >= 0)
                    $(this).val("0");
                else if (id == "STATUS_GUBUN")
                    $(this).val("I");
                else
                    $(this).val("");
            });

            // 합계 Row 삭제 시점의 마지막 Row 추가
            $('#' + gridName).append($tr);


            // 삭제한 합계 Row 추가
            $('#' + gridName).append($tr_Auto);
        }


        //////////////////////////////////////////////////////////////////////////////
        // 그리드 삭제, 삭제취소 버튼
        //////////////////////////////////////////////////////////////////////////////
        function fnAddDelete(object, strGrid_Gubun) {
            var tr = object.parentNode.parentNode;

            if ($(object).text() == "삭제") {
                $(tr).find("input, img, button, select").each(function () {
                    if ($(this).attr("id") == "btnDelete")
                        $(this).text("삭제취소");
                    else if ($(this).attr("id") == "STATUS_GUBUN") {
                        if ($(this).val() == "I")
                            $(tr).remove();
                        else
                            $(this).val("D");
                    }
                    else
                        $(this).prop("disabled", true);
                });
            }
            else {
                $(tr).find("input, img, button, select").each(function () {
                    if ($(this).attr("id") == "btnDelete")
                        $(this).text("삭제");
                    else if ($(this).attr("id") == "STATUS_GUBUN") {
                        $(this).val("U");
                    }
                    else
                        $(this).prop("disabled", false);
                });
            }

            fnAutoTotal(null, strGrid_Gubun)
        }


        //////////////////////////////////////////////////////////////////////////////
        // 그리드 Cell 수정 함수
        //////////////////////////////////////////////////////////////////////////////
        function fnChange(object) {
            var tr = object.parentNode.parentNode;
            var statusGubun = $(tr).find("#STATUS_GUBUN").val();

            if (statusGubun != "I")
                $(tr).find("#STATUS_GUBUN").val("U");
        }


        //////////////////////////////////////////////////////////////////////////////
        // 총계 섹션 값 변경
        //////////////////////////////////////////////////////////////////////////////
        function fnPlanChange() {
            $("#FLD_STATUS_GUBUN").val("U");
        }
    </script>




전체적인 소스는 아래의 링크를 클릭하세요.

aspx 전체소스 다운로드
cs 전체소스 다운로드

이상으로 .net GridView 추가,삭제,저장에 대해서 알아보았습니다.

댓글

댓글 쓰기

이 블로그의 인기 게시물

껌 떼는 법 (완벽 제거)

이미지
껌들 많이 씹으시지요. 운전을 하다가 졸리면 습관적으로 껌을 씹고있는 저를 발견하곤 합니다. 이렇게 운전 중에 졸리거나 식사 후 양치질 할 환경이 안되서 입의 음식물 냄새를 제거 할 때 또는, 목마름이나 금연의 도구로 사용하는 경우 등의 많은 경우로 껌을 사용 합니다. 근데 껌을 씹다가 옷이나 어딘가에 달라붙었습니다.ㅠ 이럴때는 어떻게 할까요? 하여 오늘은 껌 떼는 법 (완벽 제거)에 대해서 알아보겠습니다. * 바닥에 붙은 것은 콜드 스프레이를 이용해서 냉각하여 제거하거나 칼이나 공작용, 목공용 도구를 사용하여 제거하는 방법이 있습니다. 바닥에 붙은 것이라면 위의 방법으로 제거하면 되는데요. 마리카락이나 옷에 붙은 껌은 어떻게 제거 할까요? 이 방법에 대해 본격적으로 알아보겠습니다. ▶ 알콜 첫번째 방법으로 알콜을 사용하여 제거하는 방법 입니다. 30도에서 40도의 도수가 높은 알콜을 껌이 붙어있는 부위에 부어서 녹여 제거하는 방법 입니다. 만약 집에 이런 높은 도수의 알콜이 없다면 약국에 소독할 때 쓰는 에탄올을 구매하여 사용하셔도 됩니다. * 아세톤도 가능하지만 옷의 색깔이 변할 수도 있으니 주의하세요. ▶ 모기약 두번째 방법으로 모기약을 사용하여 제거하는 방법 입니다. 모기약(에프킬~라)을 해당 부위에 적당히 뿌립니다. 그리고 조금 후에 보시면 껌이 녹는걸 확인 하실수 있으십니다. 이때 조금씩 떼어 내시면됩니다. 어느정도 제거가 되었다 싶으시면 중성세제로 세탁을 해주시면 될것 같네요...ㅎ ▶ 냉각 세번째로 냉각해서 제거하는 방법 입니다. 다들 껌을 씹다가 차가운 물이나 얼음 또는, 아이스크림과 같이 차가운것을 같이 씹으신 적이 한번씩들 있으시지요...ㅎ 아~ 하고 방법이 색각나시는 분들 있으실거에요~ㅎ 네~ 맞습니다. 껌을 냉각하게 되면 딱딱하게 굳어서 잘 떼어지게 됩니다. 이를 이용하시면 되는데요. 집에 있는 얼음을 해당 부위에 직접 접촉하시면 옷감...
자세한 내용 보기

학점 계산기 (백분위 환산) 완벽 정리

이미지
대학에서는 시험 성적을 100점 만점이 아닌 4.5 또는 4.0 으로 만점을 측정 합니다. 고등학교까지 100점을 기준으로 평가 받던것이 갑자기 4.5 와 4.0으로 바뀝니다. 적응도 안되고 계산도 하기 힘들어졌습니다. 특히 성적 입력기간에는 어찌하란 말입니까~~~ㅎ 하여 오늘은 학점 계산기 (백분위 환산) 완벽 정리해 보겠습니다.  ▶ 학점 계산기 먼저 계산기 부터 알아볼게요. 첫번째로 에브리타임 사이트의 서비스를 이용하는 방법 입니다. 바로가기도 밑에 준비했으니 안심하시고 사용하세요. <== 에브리타임 학점 계산기 바로가기  ==> 바로가기를 통해서 접근하셨다면 위와 같은 화면을 보실 수 있으실 덴데요. 동그라미1번과 같이 학년과 학기를 선택해주세요. 그리고 동그라미2번에 과목명과 학점, 성적을 알맞게 입력해주시고 전공이냐 아니냐의 체크박스에 알맞게 체크해주세요. 저는 동그라미3번과 같이 입력을 하였습니다. 그랬더니 동그라미4번과 같이 결과가 보이십니다. (평균 4.03이라니 제가 받아보고 싶었던 점수네요...꿈의 점수~~~ㅎ) 그리고 다음 학기에 대해서도 점수를 입력합니다. 5번을 클릭하세요. 1학기때 입력했던 방식과 동일하게 동그라미6번에 알맞게 입력을 하십니다. 그러면 7번에 현재 학기의 평점, 전공평점, 취득 학점이 표시되며, 8번에 종합적으로 1한년1학기 1학년2학기의 평균이 나타 납니다. 다음으로는 슈퍼루키 사이트에서 제공하는 서비스를 알아보겠습니다. <== 슈퍼루키 학점 계산기 바로가기  ==> 위 화면과 같은 화면이 띄워지실 덴데요. 동그라미10번 영역에 해당하는 학년 학기에 대해서 입력해주세요. 저는 위와 동일하게 1학년1학기와 1학년2학기 점수를 동그라미11번과 같이 입력하였습니다. 여러분도 다 입력하셨다면 12번의 "계산하기" 버튼을 클릭해주세요. 그럼 결과가 위와...
자세한 내용 보기

[엑셀] 셀에 수식 적용하는 모든 것 완벽 정리

이미지
안녕하세요. 오늘은 엑셀에서도 셀에 수식 적용에 대한 모든것을 알아보겠습니다. 여기서 수식이란 간단한 사칙연산 부터 시작하여 방정식이나 수학적인 공식까지의 다양한 수학적 식이라고 보시면 됩니다. 엑셀을 사용하면서 간단히 사칙연산 하는 경우나 복잡한 수식을 적용하는 경우는 많이 있습니다. 이럴 때 어떻게 적용하는지 몰라서 혼나시면 안되겠줘.ㅎ 하여 오늘은 셀에 수식 적용하는 부분을 알아보겠습니다. 처음에는 쉬운 사칙연산을 어떻게 적용하는지 알아보고 다음으로 복잡한 수학적 수식 적용에 대해서 알아보겠습니다. ▶ 수식 탭을 이용한 기본 수식 적용 먼저 아래와 같이 수식을 적용해야 하는 작업 엑셀 문서를 열어 주세요. 셀에 수식 적용하는 모든 것 완벽 정리1 저는 동그라미1번에 사과, 배, 딸기, 포도, 바나나의 합을 구하는 수식을 적용하겠습니다. 셀에 수식 적용하는 모든 것 완벽 정리2 동그라미2번의 "수식" 탭을 클릭하세요. 그러면 동그라미3번과 같은 영역이 나타납니다. 동그라미3번의 "자동합계"를 클릭하시면 동그라미4번과 같이 사과, 배, 딸기, 포도, 바나나의 갯수를 잡아주는 테두리가 나타나고 합계를 표시하려는 셀어 "=SUM(B1:B5)"라고 표시 됩니다. 여기서 키보드의 엔터(Enter)를 치시면 합계가 셀에 적용되는 모습을 보실 수 있으십니다. 셀에 수식 적용하는 모든 것 완벽 정리3 엑셀에는 sum이라는 합계말고도 여러가지 수학적 함수들을 제공하는데요. 동그라미5번을 클릭하시면 동그라미6번과 같은 함수마법사 창이 띄워 집니다. 이 창에서 동그라미7번의 영역을 보시면 AVERAGE의 평균을 구하는 함수 부터 시작해서 최고값을 구하는 MAX 등의 여러가지 함수를 확인하시고 적용 하실 수 있으십니다. 셀에 수식 적용하는 모든 것 완벽 정리4 또한, A열과 B열을 조합(연결)해서 표시하는 것도 가능 합니다. 동그라미8번과 같이 적어주시고 키보드의 엔터를 누르시면... 셀에 수식 적용하는...
자세한 내용 보기