스파게티 코드의 위험성

본문

니조랄드라군님의 댓글

니조랄드라군 21.06.15 | 신고

아무도 궁금하진 않으시겠지만 tmi를 남기자면, 개발 분야에서 읽기 어렵고 지저분하게 짠 코드를 스파케티 코드라 합니당

잉명님의 댓글

잉명 21.06.15 | 신고

고장났어 ㄷㄷ

</div>
    </div>

</form>
</aside>

function apms_emoticon(fid, sid) {

if(!fid) fid = 'wr_content';

var url = g5_bbs_url + '/emoticon.php?fid=' + fid;

if(sid) {
		url = url + '&sid=' + sid;
	}

window.open(url, "emoticon", "width=600,height=600,scrollbars=1");
	return false;
}

var pattern = /(^\s*)|(\s*$)/g; // \s 공백 문자

f.is_good.value = 0;

if (content) {
        alert("내용에 금지단어('"+content+"')가 포함되어있습니다");
        f.wr_content.focus();
        return false;
    }

// 양쪽 공백 없애기
    var pattern = /(^\s*)|(\s*$)/g; // \s 공백 문자
    document.getElementById('wr_content').value = document.getElementById('wr_content').value.replace(pattern, "");
    if (char_min > 0 || char_max > 0)
    {
        check_byte('wr_content', 'char_count');
        var cnt = parseInt(document.getElementById('char_count').innerHTML);
        if (char_min > 0 && char_min > cnt)
        {
            alert("댓글은 "+char_min+"글자 이상 쓰셔야 합니다.");
            return false;
        } else if (char_max > 0 && char_max < cnt)
        {
            alert("댓글은 "+char_max+"글자 이하로 쓰셔야 합니다.");
            return false;
        }
    }
    else if (!document.getElementById('wr_content').value)
    {
        alert("댓글을 입력하여 주십시오.");
        return false;
    }

if (typeof(f.wr_name) != 'undefined')
    {
        f.wr_name.value = f.wr_name.value.replace(pattern, "");
        if (f.wr_name.value == '')
        {
            alert('이름이 입력되지 않았습니다.');
            f.wr_name.focus();
            return false;
        }
    }

if (typeof(f.wr_password) != 'undefined')
    {
        f.wr_password.value = f.wr_password.value.replace(pattern, "");
        if (f.wr_password.value == '')
        {
            alert('비밀번호가 입력되지 않았습니다.');
            f.wr_password.focus();
            return false;
        }
    }

// if (!chk_captcha()) return false;

set_comment_token(f);

// 연속클릭 중복실행 방지
    if (disabled) return false;
    disabled = true;

$.ajax({
        url: g5_bbs_url+"/write_comment_update.php",
		//url: "https://feedclick.net/theme/nana/skin/board/gallery - issue/write_comment_update.php",
        type: 'post',
        data: $(this).serialize(),
        success: function (data)
        {
            var html = /([\s\S]*?)/.exec(data);
            if (html != null)
            {
                comment_box('', 'c');
                if (f.w.value == 'c') {
                    $('#wr_content, #captcha_key').val('');
                    $("#captcha_reload").trigger("click");
                }
                $("#bo_vc").replaceWith(String(html[1]).trim());
            }
            else {
                alert(/alert$"(.*?)"$;/.exec(data)[1]);
            }
            disabled = false;
        }
    });
});

var save_before = '#bo_vc_w';
function comment_box(comment_id, work)
{
    var el_id;

// 댓글 아이디가 넘어오면 답변, 수정
    if (comment_id)
    {
        if (work == 'c') el_id = '#reply_' + comment_id;
        else el_id = '#edit_' + comment_id;
    }
    else
        el_id = '#bo_vc_w';

// 현재 위치랑 다르고 버튼이 다르면 실행
    if (save_before != el_id)
    {
        $("#bo_vc_w_form script").remove();
        $("#bo_vc_w_form").appendTo($(el_id));
        $('#wr_content, #captcha_key').val('');
        document.getElementById('wr_secret').checked = false;

if (comment_id) {
            $('.btn_cancel').css('display', 'inline-block');
            $('.bo_vc_content_area').css('margin-right', '128px');
        }
        else {
            $('.btn_cancel').css('display', 'none');
            $('.bo_vc_content_area').css('margin-right', '70px');
        }

// 수정이면
        if (work == 'cu')
        {
            $.ajax({
                url: "https://feedclick.net/theme/nana/skin/board/gallery - issue/comment.ajax.php",
                type: 'post',
                data: {event: 'update', bo_table: 'test2', comment_id: comment_id},
                success: function(data) {
                var arr = $.parseJSON(data);
				$('#wr_content').val(arr.content);
				//$('#wr_content').val(data);
                }
            });
            if (document.getElementById('secret_comment_'+comment_id).value)
                document.getElementById('wr_secret').checked = true;
        }

document.getElementById('comment_id').value = comment_id;
        document.getElementById('w').value = work;
        $("#captcha_reload").trigger("click");
        save_before = el_id;
    }

//2018-12-10 같은위치고 재작동이라면실행
	else if (save_before == el_id && save_before != '#bo_vc_w') comment_box('', 'c');

}

comment_box('', 'c'); // 댓글 입력폼이 보이도록 처리하기위해서 추가 (root님)

</script>

</article>

function board_move(href)
{
    window.open(href, "boardmove", "left=50, top=50, width=500, height=550, scrollbars=1");
}
</script>

// 추천, 비추천
    $("#good_button, #nogood_button").click(function() {
        var $tx;
        if(this.id == "good_button")
            $tx = $("#bo_v_act_good");
        else
            $tx = $("#bo_v_act_nogood");

excute_good(this.href, $(this), $tx);
        return false;
    });

// 이미지 리사이즈
    $("#bo_v_atc").viewimageresize();
});

function excute_good(href, $el, $tx)
{
    $.post(
        href,
        { js: "on" },
        function(data) {
            if(data.error) {
                alert(data.error);
                return false;
            }

if(data.count) {
                $el.find("strong").text(number_format(String(data.count)));
               // if($tx.attr("id").search("nogood") > -1) {
               //     $tx.text("이 글을 비추천하셨습니다.");
               //     $tx.fadeIn(200).delay(2500).fadeOut(200);
               // } else {
                    $tx.text("이 글을 추천하셨습니다.");
                    $tx.fadeIn(200).delay(2500).fadeOut(200);
               // }
            }
        }, "json"
    );
	            if($tx.text)  document.getElementById("fafa").className = "fa fa-heart";
}
</script>

<script>

// content, cate, index를 인수로 받아 form 태그로 전송하는 함수
    function goListPage(board,page) {

// name이 paging인 태그
      var f = document.Listpaging;

// form 태그의 하위 태그 값 매개 변수로 대입
      f.board.value = board;
      f.page.value = page;

// input태그의 값들을 전송하는 주소
      f.action = "./board.php?bo_table="+board;

// 전송 방식 : post
      f.method = "post";    
      //f.submit();  
	  locaton.href=f.action; 
    };

</script>

<div id="bo_gall" style="width:100%;">

<div align="center">
	        <ins class="adsbygoogle"
            style="display:block"
            data-ad-client="ca-pub-1752480964101648"
            data-ad-slot="8622868036"
            data-ad-format="auto"
            data-full-width-responsive="true"></ins>
        <script>
            (adsbygoogle = window.adsbygoogle || []).push({});
        </script>
		</div>

<div class="nm_ad">
	<div id="news-container1" class="hideuntilready">
		<ul style="width: 100%; margin-left: auto; margin-right: auto; height: 0px;">
    <li><a href="https://feedclick.net/bbs/faq.php?fm_id=8"><b>EVENT) <font color="red">지금 로그인 후 광고 제거 혜택을 받으세요!</b></a></font></li>
			<li><b>TIP) 초승달 아이콘을 누르고 어두운 화면으로 전환 해보세요</b></li>
			<li><b>TIP) 본문 하단 무지개 로켓을 누르고 시간 여행을 떠나보세요</b></li>
			<li><b>TIP) 빈 공간을 두 번 누르면 맨 아래로 바로 갈 수 있어요</b></li>
	    <li><b>TIP) 편지 아이콘이 무지개 빛으로 빛난다면 쪽지가 온거에요</b></li>
			<li><b>TIP) 본문 하단 댓글 온/오프 버튼으로 숨기거나 펼칠 수 있습니다</b></li>
		</ul>
	</div>
	</div>

</li>
            </ul>
        </li>
                <li class="gall_li">
            <ul class="gall_con">
                <li class="gall_href">
                    
					<a href="/bbs/board.php?bo_table=gif&wr_id=25670&page=184">

</li>
            </ul>
        </li>
                <li class="gall_li">
            <ul class="gall_con">
                <li class="gall_href">
                    
					<a href="/bbs/board.php?bo_table=gif&wr_id=25669&page=184">

</li>
            </ul>
        </li>
                <li class="gall_li">
            <ul class="gall_con">
                <li class="gall_href">
                    
					<a href="/bbs/board.php?bo_table=gif&wr_id=25648&page=184">

</li>
            </ul>
        </li>
                <li class="gall_li">
            <ul class="gall_con">
                <li class="gall_href">
                    
					<a href="/bbs/board.php?bo_table=gif&wr_id=25647&page=184">

</li>
            </ul>
        </li>
                <li class="gall_li gall_now">
            <ul class="gall_con">
                <li class="gall_href">
                    
					<a href="/bbs/board.php?bo_table=gif&wr_id=25646&page=184">

</li>
            </ul>
        </li>
                <li class="gall_li">
            <ul class="gall_con">
                <li class="gall_href">
                    
					<a href="/bbs/board.php?bo_table=gif&wr_id=25645&page=184">

</li>
            </ul>
        </li>
                <li class="gall_li">
            <ul class="gall_con">
                <li class="gall_href">
                    
					<a href="/bbs/board.php?bo_table=gif&wr_id=25629&page=184">

</li>
            </ul>
        </li>
                    </ul>

</form>
</div>

</style>

<script async src="https://fundingchoicesmessages.google.com/i/pub-1752480964101648?ers=1"></script><script>(function() {function signalGooglefcPresent() {if (!window.frames['googlefcPresent']) {if (document.body) {const iframe = document.createElement('iframe'); iframe.style = 'width: 0; height: 0; border: none; z-index: -1000; left: -1000px; top: -1000px;'; iframe.style.display = 'none'; iframe.name = 'googlefcPresent'; document.body.appendChild(iframe);} else {setTimeout(signalGooglefcPresent, 0);}}}signalGooglefcPresent();})();</script>

<div id="bline_p">
<nav class="pg_wrap"><span class="pg"><a href="./board.php?bo_table=gif&page=1" class="pg_page pg_start">처음</a>
<a href="./board.php?bo_table=gif&page=176" class="pg_page pg_prev">이전</a>
<a href="./board.php?bo_table=gif&page=177" class="pg_page">177<span class="sound_only">페이지</span></a>
<a href="./board.php?bo_table=gif&page=178" class="pg_page">178<span class="sound_only">페이지</span></a>
<a href="./board.php?bo_table=gif&page=179" class="pg_page">179<span class="sound_only">페이지</span></a>
<a href="./board.php?bo_table=gif&page=180" class="pg_page">180<span class="sound_only">페이지</span></a>
<a href="./board.php?bo_table=gif&page=181" class="pg_page">181<span class="sound_only">페이지</span></a>
<a href="./board.php?bo_table=gif&page=182" class="pg_page">182<span class="sound_only">페이지</span></a>
<a href="./board.php?bo_table=gif&page=183" class="pg_page">183<span class="sound_only">페이지</span></a>
<span class="sound_only">열린</span><strong class="pg_current">184</strong><span class="sound_only">페이지</span>
<a href="./board.php?bo_table=gif&page=185" class="pg_page pg_next">다음</a>
<a href="./board.php?bo_table=gif&page=300" class="pg_page pg_end">맨끝</a>
</span></nav></div>

<form name="fsearch" method="get">
    <input type="hidden" name="bo_table" value="gif">
    <input type="hidden" name="sca" value="">
    <input type="hidden" name="sop" value="and">
    <label for="sfl" class="sound_only">검색대상</label>
    <select name="sfl" id="sfl" class="nm_ser">
        <option value="wr_subject">제목</option>
        <option value="wr_content">내용</option>
        <option value="wr_subject||wr_content">제목+내용</option>
        <option value="wr_name,0">댓글작성자</option>
    </select>
    <label for="stx" class="sound_only">검색어<strong class="sound_only"> 필수</strong></label>
    <input type="text" name="stx" value="" required id="stx" class="frm_input required nm_ser_box" size="8" maxlength="20">
    <input type="submit" value="검색" class="btn_submit nm_search">
    </form>
</fieldset>

</div>
<div id="bline_q">
<style>
.btn_skin{
	vertical-align:middle;
    white-space: nowrap;
    cursor: pointer;
	line-height:20px;
	font-size:10px;
	border:none;
	background-color:white;
}
</style>
<style>

/* Material  */
.md-input {
    position: relative;
    margin-bottom: 30px;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
transition: background-color 50000s ease-in-out 0s, color 5000s ease-in-out 0s;
}
/*
input:-webkit-autofill {
-webkit-text-fill-color: #464646 !important;
-webkit-box-shadow: 0 0 0 30px white inset !important;
}
.md-input  input:-webkit-autofill, .md-input input:autofill, {
    -webkit-box-shadow: 0 0 0 30px white inset;
	box-shadow: 0 0 0 30px white inset;
}
*/

</style>
	<div class="nm_del" onclick="window.open('https://feedclick.net/bbs/memo_form.php?me_recv_mb_id=admin');">삭제요청</div>

</div>

<div align="center">
	<style>
	.responsive_2 { width: 336px; height: 280px; }
	@media(min-width: 500px) { .responsive_2 { width: 336px; height: 280px; } }
	@media(min-width: 970px) { .responsive_2 { width: 0px; height: 0px; } }
	</style>
    <ins class="adsbygoogle responsive_2"
        style="display:block"
        data-ad-client="ca-pub-1752480964101648"
        data-ad-slot="8622868036"
        data-ad-format="auto"
        data-full-width-responsive="true"></ins>
    <script>
        (adsbygoogle = window.adsbygoogle || []).push({});
    </script>
</div>

    <script>

// content, cate, index를 인수로 받아 form 태그로 전송하는 함수 
    function goPage(board,page) {

// name이 paging인 태그 
      var f = document.paging;  
 
      // form 태그의 하위 태그 값 매개 변수로 대입  
      f.board.value = board;  
      f.page.value = page;  
		
      // input태그의 값들을 전송하는 주소
	  //&sop=and&sfl=wr_content&stx=있

f.action = "./board.php?bo_table="+board+"&page="+page+"";

// 전송 방식 : post   
      f.method = "post"; 
      f.submit(); 
    };

function goPageView(board,wr_id, page) {

// name이 paging인 태그
      var f = document.viewpaging; 
 
      // form 태그의 하위 태그 값 매개 변수로 대입
      f.board.value = board;
      f.page.value = page;
	  f.viewPage.value=wr_id; 
      // input태그의 값들을 전송하는 주소
      f.action = "./board.php?bo_table="+board+"&wr_id="+wr_id+"";

// 전송 방식 : post
      f.method = "post";    
      f.submit();  
    }; 
	
    </script>
<form name="paging">
	<input type="hidden" name="board"/>
	<input type="hidden" name="page"/>
</form>

</div>

<hr>

<script src="/dist/darkmode.min.js"></script>
	<script>
    // Plugin Initialization
    var options = {
			light: '/light.css',
			dark: '/dark.css',
    }
    var DarkMode = new DarkMode(options)

// Remove mode from LocalStorage if button clicked
    var ModeRemover = document.getElementById('mode-remover')
    ModeRemover.onclick = function() {
      DarkMode.clearSavedMode()
      changeTogglerText()
      getModeRemoverState()
    }

// Detects mode on LocalStorage, if `true` – display a button
    getModeRemoverState()
    function getModeRemoverState() {
      if(DarkMode.isModeSaved())
        ModeRemover.classList.remove('hidden')
      else
        ModeRemover.classList.add('hidden')
    }

// Function for `mode-toggler` button
    var ModeToggler = document.getElementById('mode-toggler')
    changeTogglerText()
	  ModeToggler.onclick = function() {
      DarkMode.toggleMode()
      changeTogglerText()
    }

// Changes `mode-toggler` text on mode changing
    function changeTogglerText() {
      getModeRemoverState()
      var currentMode = DarkMode.getMode()
	  if(currentMode=="light"){
		  $("#title_img").attr("src","/theme/nana/img/title.jpg");
		  $("link[title='css_type']").attr("href", "/theme/nana/css/light.css");
		  set_cookie("mode", "", "24", "/");
	  }else{
		  $("#title_img").attr("src","/theme/nana/img/title_dark.jpg");
		  $("link[title='css_type']").attr("href", "/theme/nana/css/dark.css?ver=1");
		  set_cookie("mode", "dark", "24", "/");
	  }
      //ModeToggler.textContent = currentMode === 'light'  ? 'To dar 🌝' : 'To light 🌚'
      //ModeToggler.textContent = currentMode === <i class="fas fa-lightbulb"></i>  ? <i class="fas fa-moon"></i> : <i class="fas fa-lightbulb"></i>
    }
	</script>

<script language='javascript'>
    toggle=0;
    document.ondblclick = function(event)
    {
        if(window.event)
        {
            EventStatus = window.event.srcElement.tagName;
        }
        else
        {
            EventStatus = event.target.tagName;
        }
        if(EventStatus!='INPUT'&&EventStatus!='TEXTAREA')
        {
            if(toggle==0)
            {
                var sc=99999; toggle=1;
            }
            else
            {
                var sc=0; toggle=0;
            }
            window.scrollTo(0,sc)
        }
    }
</script>

</body>
</html>

<!--[if lte IE 7]>
<script>
$(function() {
    var $sv_use = $(".sv_use");
    var count = $sv_use.length;

$sv_use.each(function() {
        $(this).css("z-index", count);
        $(this).css("position", "relative");
        count = count - 1;
    });
});
</script>
<![endif]-->
</body>
</html>

스파게티 코드의 위험성 > 피클움짤

회원로그인

스파게티 코드의 위험성

본문

니조랄드라군님의 댓글

잉명님의 댓글