미나미 블로그

[Excel]엑셀 주민번호로 남여 구분하기 (choose함수 , mid 함수)

[Excel] 2018. 4. 27. 03:31

[Excel]엑셀 주민번호로 남여 구분하기 (choose함수 , mid 함수)

있는 앱입니다. [무뚝뚝한 연인도 애교쟁이가 되는, 커플 톡] 오직 연인한테만 오는 알림으로 답장 속도 UP 설렘도 UP 귀여운 무료 이모티콘은 물론, 내 얼굴로 만든 움짤로 더 사랑스럽게! [데이트 사진 정리가 쉬워지는, 커플 앨범] 사진첩부터 동영상까지 날짜별로 정리되니까 간편해요. 차곡차곡 쌓이는 둘만의 앨범으로, 소중한 추억 놓치지 마세요! [둘만의 소중한 추억, 잃지 마세요.] 핸드폰을 바꿔도, 전화번호를 바꿔도, 오랫동안 못 봐도 비트윈 톡은 안 날아가요. 두 분의 소중한 추억 사라지지 않으니까, 카톡 대화도 라인 대화도 비트윈으로 불러오세요! [마음을 담은 편지, 커플 메모] 때론 진지하게, 톡으로 전하기 부족한 마음을 편지로 담아보세요. 두 분의 마음을 더 느낄 수 있어, 사랑이 더 돈독해져요! [잊지 말고 챙기세요, 기념일&캘린더] 기념일 자동 계산은 물론 함께 쓰는 캘린더로 서로의 스케쥴, 둘만의 디데이, 기념일도 한눈에 확인하세요. 위젯 기능으로 바로바로 확인이 가능해요! [언제 어디서나 둘만의 대화, PC 비트윈] 대학생 커플도, 결혼을 앞둔 예비부부도! 비트윈 PC버전과 무료 통화 기능을 사용하여 언제 어디서나 연인과 대화하세요.

■ CHOOSE : index_num을 사용하여 인수 값 목록에서 값을 반환합니다.

CHOOSE(index_num, value1, [value2], ...)

index_num에 따라 value 값이 반환됩니다.

예를 들어 , CHOOSE( 1 , "가" , "나" , "다") 일 경우 , "가"가 출력됩니다.

"나"를 출력하기 위해서는 CHOOSE( 2, "가" , "나", "다") 이렇게 입력하면 "나"가 출력됩니다.

■ MID : 텍스트 문자열에서 지정된 위치로부터 지정된 수만큼 문자를 반환합니다.

=> 자세한 내용은 여기 있어요! http://minaminaworld.tistory.com/25?category=745359

바로 예제를 다루어 보도록 하겠습니다.

한번에 우리가 남여 구분할 수 있는 함수를 바로 쓰면 좋겠지만...

우리는 공부하는 사람이니까!

1단계 - 2단계 - 3단계 순으로 해서

차근차근 함수를 쓰는 방법을 알아봅시다.

1단계

우리가 필요한 숫자! 주민번호 뒷자리 1번째 자리의 숫자를 가져와 합니다.

1,3은 남자, 2,4는 여자를 구분할 수 있기 때문에 꼭 필요하니 가져아겠죠!

문자 사이에 있는 문자를 가져와 하니까

MID 함수를 사용해서 1번째 자리를 가져오겠습니다.

셀 D5 값을 가져와서

8번째 글자 위치에서 1글자만 가져올 거니까

= MID(D5,8,1)

=> MID 함수에 관한 더 자세한 내용은 여기도 있어요! http://minaminaworld.tistory.com/25?category=745359

그러면 짜잔, 주민번호 중간에 숫자를 가져올 수 있게 되었습니다.

2단계

요번에는 우리가 필요한 주민번호 뒷자리의 1번째 값을 가져왔으니

1,3은 남자 , 2,4은 여자를 분리하는 법을 알아야겠죠.

요번에는 CHOOSE 함수를 통해서 구분하는 법을 알아볼까요.

(아 , 추가적으로 IF문을 활용해서 구분할 수도 있어요 항상 여러가지 방법이 있습니다.)

일단은 기초적이게 1단계에서 얻은 숫자를 통해서 남여를 구분해보겠습니다.

=CHOOSE( F5 , "남" , "여" , "남" , "여")

여기서 F5는 1단계에서 얻은 값!

F5 =MID(D5,8,1)

이런식으로 쭈욱 연결이 되어 있는 것이지요.

이런식으로 따라 오셨다면, 주민번호 1번째 자리로 구분이 가능합니다.

3단계

3번째 단계는 1단계 , 2단계를 한번에 해보도록 하죠.

실제로 시험에서는 나눠서 하지 않고,

한셀의 두가지 함수가 동시에 들어가겠죠.

1번째 단계였던 MID함수

D5 셀에서 주민번호 뒷자리 1번째 숫자

=MID(D5,8,1)

여기서 나온 값에 따라서 남 , 녀 , 남 ,녀 가 구분되는 것이겠죠

그러므로 =CHOOSE( MID (D5 , 8 , 1) , "남","녀","남","녀")

이런식으로 함수가 구성되겠네요

그러면, 짜잔 MID , CHOOSE 함수를 통해서 남여 구분하는 과정을 살펴보았습니다.

저작자표시 비영리 변경금지

'[Excel]' 카테고리의 다른 글

[Excel]엑셀 날짜 계산하기 ( DATEIF 함수) (0)	2018.04.28
[Excel]엑셀 텍스트 문자 합치기 ( & 기호 , CONCATENATE 함수) (0)	2018.04.28
[Excel]엑셀 문자(텍스트) 대문자, 소문자 ,첫글자 대문자로 바꾸기 (UPPER,LOWER,PROPER) (0)	2018.04.26
[Excel]엑셀 상대참조, 절대참조, 혼합참조 알아보기 (0)	2018.04.26
[Excel]엑셀 문자 일부분 추출하기 (LEFT, MID , RIGHT 함수) (0)	2018.04.25

미나미나미

,

json를 stringify 사용해보기 (json.stringify로 string으로 바꿔주기)

[javascript] 2018. 4. 26. 23:09

json를 stringify 사용해보기 (json.stringify로 string으로 바꿔주기)

Javascript에서 Object를 주로 다루게 되는데

Object를 String을 바꿔주어야 할 때가 이럴 때 쓰는 함수가 stringify이다.

그러나, 자주 쓰는 정확히 잘모르고 쓰는 것 같아서 정리를 하게 되었다.

아래의 문법과 그 안에 매개 변수에 대한 설명이 있다.

예제를 통해서 이 문법들을 알아보려고 한다.

출처 : https://developer.mozilla.org/ko/

링크

예제를 보고 이 문법 사진을 다시보시는 것을 추천드립니다!.

내가 설명하는 것보다 이 설명이 10배 마음에 들어기 때문입니다.

너무 날로 먹는 거 같아서 ...

첫번째 Object를 String으로 바꿔주기

object test안에 값들을 string으로 변환 후 다시 string를 object로 변화하는 과정을 확인할 수 있습니다

$("#first_btn").click(function () {
    var test = { name: "gamora", age: 10, class: "A", favorite: { 1: "sleep", 2: "music" } };
    var convert_test = JSON.stringify(test); //Object를 String으로 바꾸기 

    alert("test의 타입은 " + typeof (test) + "입니다. 이것을 stringify을 지나면, type = " + typeof (convert_test) + "으로 변합니다.");
    //test 타입은 Object , stringify를 통해서 String으로 바뀝니다.
    alert(convert_test);  // String 값으로 출력 

    var recover_test = JSON.parse(convert_test); // string 값을 parse 통해서 object로 변환 
    alert("stringify 으로 변환된 string type을 다시 pares 통해서 " + typeof (recover_test) + "으로 변화 했습니다");
    // string 값을 object로 변화하였는지 확인 
    alert(recover_test);
});

두번째 Object를 String으로 바꿔주는 과정 속에서 Object에 다양한 값들을 넣어보기

object test안에 null , Number , Object 값들을 넣어을 때, stringify를 했을 때 결과값을 확인해보면,

undefined , Number, Object 들은 제거되고, null 남겨지고 , 숫자와 문자의 값들을 출력이 되는 것을 확인하였습니다.

$("#second_btn").click(function () {
    var test = { name: null, age: Number, class: undefined, favorite: { 1: "+'sleep'+", 2: undefined, 3: Object }, Object: Object };

    alert("stringify 되기전 " + "{name: null , age : Number , class : undefined , favorite : { 1: " + 'sleep' + ", 2: undefined , 3: Object} , Object : Object}");
    //stringify 되기전 {name: null , age : Number , class : undefined , favorite : { 1: sleep, 2: undefined , 3: Object} , Object : Object}
    var convert_test = JSON.stringify(test);
    alert("stringify 된 후 " + convert_test);
    //stringify 된 후 {"name":null,"favorite":{"1":"+'sleep'+"}}
    var recover_test = JSON.parse(convert_test);
});

세번째 Object를 stringify의 replacer와 space를 활용해보기

stringify의 replacer에 Array 형식을 매개변수로 넣어주면, Arrray 값들로만 string 변화 된다.

이 replacer 매개변수를 함수로 지정하여 수행이 가능하다.

$("#third_btn").click(function () {
    var test = { name: "helo", number: 12, job: "student", hobby: "music", "음식": "짜장면" };
    alert("{ name: helo , number : 12 , job : student , hobby : music , 음식 : 짜장면};");
    //{ name: helo , number : 12 , job : student , hobby : music , 음식 : 짜장면};

    var convert_test = JSON.stringify(test, ["job", "음식"]);
    alert("stringify와 replacer 사용하면 => " + convert_test);
    //stringify와 replacer 사용하면 => {"job":"student","음식":"짜장면"}

    convert_test = JSON.stringify(test, replacer, ' ');
    alert("stringify와 replacer 함수를 사용하면 => " + convert_test);
    console.log("stringify와 replacer 함수를 사용하면 => " + convert_test);
    //stringify와 replacer 함수를 사용하면 => {
    //  "number": 1
    // }
    function replacer(key, value) {
        console.log(typeof value)
        console.log('key -> ' + key + "| value ->" + value);
        // object
        // key -> | value -> [object Object]
        // string
        // key -> name | value -> helo
        // number
        // key -> number | value -> 12
        // string
        // key -> job | value -> student
        // string
        // key -> hobby | value -> music
        // string
        // key -> 음식 | value -> 짜장면
        if (typeof value === "string") {
            return undefined;
        }
        if (typeof value === "number") {
            return 1;
        }
        return value;
    }
});

결과 화면

See the Pen JSON.stringify by Nami (@NamuNami) on CodePen.

<html>

    <head>

        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

        <script src="https://code.jquery.com/jquery-1.12.4.js"></script>

        <title>테스트 페이지</title>
    </head>

    <body>
        <p>JSON.stringify 사용해보기</p>
        <br>
        <p>object 값 = {name:"gamora" , age : 10 , class :"A" , favorite : { 1: "sleep", 2: "music"}};</p>
        <button id="first_btn"> "stringify - > parse 해보기"</button>

        <br>
        <p>object 값 = {name: null , age : Number , class : undefined , favorite : { 1: "sleep", 2: undefined , 3: Object} ,
            Object : Object}</p>
        <button id="second_btn"> "stringify 다양한 값들을 테스트 해보기"</button>

        <br>
        <p>object 값 = { name: helo , number : 12 , job : student , hobby : music , 음식 : 짜장면};</p>
        <button id="third_btn"> "stringify와 replacer 사용하기"</button>
        <script>
            $(function () {
                $("#first_btn").click(function () {
                    var test = { name: "gamora", age: 10, class: "A", favorite: { 1: "sleep", 2: "music" } };
                    var convert_test = JSON.stringify(test); //Object를 String으로 바꾸기 

                    alert("test의 타입은 " + typeof (test) + "입니다. 이것을 stringify을 지나면, type = " + typeof (convert_test) + "으로 변합니다.");
                    //test 타입은 Object , stringify를 통해서 String으로 바뀝니다.
                    alert(convert_test);  // String 값으로 출력 

                    var recover_test = JSON.parse(convert_test); // string 값을 parse 통해서 object로 변환 
                    alert("stringify 으로 변환된 string type을 다시 pares 통해서 " + typeof (recover_test) + "으로 변화 했습니다");
                    // string 값을 object로 변화하였는지 확인 
                    alert(recover_test);
                });
                $("#second_btn").click(function () {
                    var test = { name: null, age: Number, class: undefined, favorite: { 1: "+'sleep'+", 2: undefined, 3: Object }, Object: Object };

                    alert("stringify 되기전 " + "{name: null , age : Number , class : undefined , favorite : { 1: " + 'sleep' + ", 2: undefined , 3: Object} , Object : Object}");
                    //stringify 되기전 {name: null , age : Number , class : undefined , favorite : { 1: sleep, 2: undefined , 3: Object} , Object : Object}
                    var convert_test = JSON.stringify(test);
                    alert("stringify 된 후 " + convert_test);
                    //stringify 된 후 {"name":null,"favorite":{"1":"+'sleep'+"}}
                    var recover_test = JSON.parse(convert_test);
                });
                $("#third_btn").click(function () {
                    var test = { name: "helo", number: 12, job: "student", hobby: "music", "음식": "짜장면" };
                    alert("{ name: helo , number : 12 , job : student , hobby : music , 음식 : 짜장면};");
                    //{ name: helo , number : 12 , job : student , hobby : music , 음식 : 짜장면};

                    var convert_test = JSON.stringify(test, ["job", "음식"]);
                    alert("stringify와 replacer 사용하면 => " + convert_test);
                    //stringify와 replacer 사용하면 => {"job":"student","음식":"짜장면"}

                    convert_test = JSON.stringify(test, replacer, ' ');
                    alert("stringify와 replacer 함수를 사용하면 => " + convert_test);
                    console.log("stringify와 replacer 함수를 사용하면 => " + convert_test);
                    //stringify와 replacer 함수를 사용하면 => {
                    //  "number": 1
                    // }
                    function replacer(key, value) {
                        console.log(typeof value)
                        console.log('key -> ' + key + "| value ->" + value);
                        // object
                        // key -> | value -> [object Object]
                        // string
                        // key -> name | value -> helo
                        // number
                        // key -> number | value -> 12
                        // string
                        // key -> job | value -> student
                        // string
                        // key -> hobby | value -> music
                        // string
                        // key -> 음식 | value -> 짜장면
                        if (typeof value === "string") {
                            return undefined;
                        }
                        if (typeof value === "number") {
                            return 1;
                        }
                        return value;
                    }
                });
            });
        </script>
    </body>

    </html>

저작자표시 비영리 변경금지

'[javascript]' 카테고리의 다른 글

jquery 선택자(selectors) 부모(parent) > 자식(child) 배경화면 랜덤으로 바꾸기 (0)	2018.04.27
비주얼 스튜디오 코드 한줄 ,복사 지우기 , 정렬 , 주석 단축키 (0)	2018.04.27
Jquery 이벤트 여러개 만들기 (on 함수) (0)	2018.04.25
Javascript(자바스크립트),Jquery 버튼(button) 클릭 해보기 (onclick) (1)	2018.04.25
jsp servlet(서블렛)를 통한 ajax, JsonObject, JsonObject key value 편 (0)	2018.04.21

미나미나미

,

[Excel]엑셀 문자(텍스트) 대문자, 소문자 ,첫글자 대문자로 바꾸기 (UPPER,LOWER,PROPER)

[Excel] 2018. 4. 26. 03:06

[Excel]엑셀 문자(텍스트) 대문자, 소문자 ,첫글자 대문자로 바꾸기 (UPPER,LOWER,PROPER)

■ UPPER : 텍스트 문자열 영어를 모두 대문자로 바꿔줍니다.

■ LOWER : 텍스트 문자열 영어를 모두 소문자로 바꿔줍니다.

■ PROPER : 텍스트 문자열 첫문자만 대문자로 바꿔줍니다.

자, 예제를 보도록 하겠습니다.

= 모두 대문자로 바꾸기

자, 예제를 보도록 하겠습니다.

UPPER(바꾸고 싶은 셀)로 해주시면,

짜잔, 소문자였던 영어 글자들이 모두 대문자로 바뀌었습니다.

= 모두 소문자로 바꾸기

LOWER(바꾸고 싶은 셀)로 해주시면,

짜잔, 대문자였던 영어 글자들이 모두 소문자로 바뀌었습니다.

= 첫글자만 대문자로 바꾸기

PROPER (바꾸고 싶은 셀)로 해주시면,

짜잔, 첫글자만 대문자로 바뀌었습니다.

도움이 되셨다면 공감 버튼 꼬옥 눌러주세요!!

저작자표시 비영리 변경금지

'[Excel]' 카테고리의 다른 글

[Excel]엑셀 텍스트 문자 합치기 ( & 기호 , CONCATENATE 함수) (0)	2018.04.28
[Excel]엑셀 주민번호로 남여 구분하기 (choose함수 , mid 함수) (0)	2018.04.27
[Excel]엑셀 상대참조, 절대참조, 혼합참조 알아보기 (0)	2018.04.26
[Excel]엑셀 문자 일부분 추출하기 (LEFT, MID , RIGHT 함수) (0)	2018.04.25
[Excel]엑셀 특정 조건들의 합구하기 (SUMIF함수) (0)	2018.04.25

미나미나미

,

[Excel]엑셀 상대참조, 절대참조, 혼합참조 알아보기

[Excel] 2018. 4. 26. 02:08

[Excel]엑셀 상대참조, 절대참조, 혼합참조 알아보기

엑셀의 참조에 대해서 이해하려면 이거만 아시면 됩니다.

바로 '$' 표시와 자판의 'F4' 키만 아시면 됩니다.

다만, 이해하기가 어려워서 그래요! 하지만, 천천히 이해하시면 됩니다.

예를 들어 2 행, A열(A2) 셀의 어떠한 값을 참조한다고 합시다.

그러면, '=A2' 라는 수식을 쓸 수 있습니다.

커서에서 'F4' 자판을 누르면,

1번 누르면 =$A$2

2번 누르면 = A$2

3번 누르면 = $A2

이 4가지의 경우를 참조를 3가지로 나눌 수 있습니다.

상대참조	절대참조	혼합참조
=A2	=$A$2	=A$2, =$A2

참조를 나누는 기준이 되는 것은 '$'

$가 문자와 숫자에 모두 없는 경우 상대참조

$가 문자와 숫자에 모두 있는 경우는 절대참조

$가 문자와 숫자 둘중에 한곳에 있는 경우는 혼합참조

'$' 역할 설명 드리겠습니다.

'$'가 묶어놓는다라고 생각하시면 됩니다.

$ 뒤에 있는 문자 또는 숫자는 참조가 바뀌지 않는다는 것입니다.

즉, $문자$숫자가 고정된다고 생각하시면 됩니다.

그러면, 예제를 통해서 좀더 알아보도록 하죠.

상대참조 : =C4

참조하는 위치가 상대적으로 바뀝니다.

=C4를 입력하고, 상대참조임으로 F4 키를 안눌러줍니다.

=C4 를 입력해기 때문에, 1이라고, 그리고 아래로 드래그 또는 마우스로 두번 클릭하면 자동완성됩니다.

상대참조의 경우 드래그 하는 방향 자동완성하는 방향으로 자동 증가합니다.

그러므로 아래 방향으로 자동 증가함으로

=C4 , =C5, =C6, =C7

만약, 오른쪽방향으로 자동완성했다면,

=C4, =D4, =E4, =F4 이렇게 증가될거에요!

절대참조 : =$C$4

참조하는 위치가 변하지 않습니다.

=C4를 입력하고, 절대참조임으로 F4 키를 한번 눌러줍니다.

=$C$4

여기서 '$' 역할 설명 드리겠습니다.

'$'가 묶어놓는다라고 생각하시면 됩니다.

$ 뒤에 있는 문자 또는 숫자는 참조가 바뀌지 않는다는 것입니다.

즉, $문자$숫자가 고정된다고 생각하시면 됩니다.

$문자$숫자가 고정이 되어기때문에

=C4셀의 위치를 =$C$4로 고정해서

참조함으로 드래그, 자동완성을 하여도 변함없이 C4의 셀만 참조하게 됩니다.

혼합참조 : =C$4 , =$C4

문자와 숫자 앞에 $가 있을 경우 그 참조는 변하지 않고, $가 없는 쪽만 참조에 변화가 있습니다.

=C4를 입력하고, 혼합참조임으로 F4 키를 2번 눌러줍니다.

=C$4

여기서 $가 숫자에 있으므로 숫자 4의 참조 위치는 바뀌지 않습니다.

반대로 C에는 $가 없으므로 참조에 위치가 변화합니다.

여기서 $가 숫자에 있으므로 숫자 4의 참조 위치는 바뀌지 않습니다.

반대로 C에는 $가 없으므로 참조에 위치가 변화합니다.

결과값이 모두다 1

=C$4 를 참조합니다.

이유는 왜그럴까요?

이해하셨다면, 참조에 대해서 빠른 이해력을 가지셨습니다.

전, 한참 헤멨습니다...하하

왜냐하면, 아래방향은 숫자의 증가입니다.

즉, 1 , 4, 7, 10으로 나오기 위해서는

반대로, 문자는 $가 있고, 숫자는 $가 없어야 합니다.

=C4를 입력하고, 요번에는 반대로 혼합참조임으로 F4 키를 3번 눌러줍니다.

=$C4

여기서 $가 문자에 있으므로 문자 C의 참조 위치는 바뀌지 않습니다.

반대로 4에는 $가 없으므로 참조에 위치가 변화합니다.

요번에는 값들이 원하는대로 나오셨나요?

1, 4, 7, 10

으로 나왔습니다.

아래방향으로 증가되므로

=$C4 =$C5 =$C6 =$C7

순으로 증가가 되기 때문에 값이 제대로 나왔겠죠?!

자, 그렇다면 , 이결과는 왜 이렇게 나왔을 까요?

한번 머리속으로 생각해보세용!!

저작자표시 비영리 변경금지

'[Excel]' 카테고리의 다른 글

[Excel]엑셀 주민번호로 남여 구분하기 (choose함수 , mid 함수) (0)	2018.04.27
[Excel]엑셀 문자(텍스트) 대문자, 소문자 ,첫글자 대문자로 바꾸기 (UPPER,LOWER,PROPER) (0)	2018.04.26
[Excel]엑셀 문자 일부분 추출하기 (LEFT, MID , RIGHT 함수) (0)	2018.04.25
[Excel]엑셀 특정 조건들의 합구하기 (SUMIF함수) (0)	2018.04.25
[Excel]엑셀 두번째로 큰 수,두번째로 작은 수,몇번째(LARGE, SMALL함수) (0)	2018.04.24

미나미나미

,

Jquery 이벤트 여러개 만들기 (on 함수)

[javascript] 2018. 4. 25. 23:35

Jquery 이벤트 여러개 만들기 (on() 함수)

Jquery에서 on 함수에 대해서 알아보도록 하겠습니다.

앞으로는 jquery 1.7 부터 bind(),live(),delegate() 함수들을 대신하다고 하네요.

그렇다면, 앞으로 on()함수가 많이 쓰이겠죠?

$(selector).on(event, childSelector, data, function, map)

selector : 특정한 id #name 이거나 p태그 이런식으로 사용되고,

event : 가장 대표적으로 "click" , "blur" 이벤트들이 있겠죠?

childSelector : selector <div>일 때, 그안에 <p> 태그를 선택하고 싶으면, "p"가 되겠죠.

function : event가 발생할 때, 어떠한 함수를 실행하거나 행위를 해야하는 것을 만들면 되겠죠.

map : 여러가지 이벤트를 등록하기.

혹... 저도 공부하는 사람이라... 틀릴 수도 있습니다. 혹 틀리면 알려주시면 감사하겠습니다.

예제화면으로 on()함수를 쓰는 방법을 배워보세요.

헤더에 꼭 jquery를 추가해주셔야 됩니다.

<script src="https://code.jquery.com/jquery-1.12.4.js"></script>

# on함수로 여러개 이벤트 등록하기

//p 태그에 이벤트를 여러개 주기
$("p").on({
    mouseenter: function () { //마우스 p 태그 안에 들어왔을 때,
        alert("mouseenter 이벤트가 발생했습니다.");
        $("p").css("background-color", "red");
    },
    mouseleave: function () {//마우스가 p 태그 밖으로 나갔을 때,
        alert("mouseleave 이벤트가 발생했습니다.");
        $("p").css("background-color", "lightblue");
    },
    click: function () { //마우스 클릭 p 태그 안에서 일어날 때,
        alert("click 이벤트가 발생했습니다.");
        $("p").css("background-color", "green");
    }
});

# on함수로 이벤트 없애기

//click 이벤트 없애기
$("#off").click(function () { // 버튼 id off를 눌렀을때,
    alert("off click를 수행합니다.");
    $("p").off("click"); //p 태그 click 이벤트를 없애기
});

# on함수로 이벤트 만들기

//on 메소드로 이벤트를 주기
$("#on").click(function () { //버튼 id on를 눌렀을 때,
    alert("on click를 수행합니다.");
    $("p").on("click" , function(){ // click  이벤트를 다시 생성
        alert("click 이벤트가 발생했습니다.");
        $("p").css("background-color", "green");
    });
});

# on함수 특정 selector에 특정 childselector 이벤트 주기

$("div").on("click","p",function(){ 
    // div 태그 안 childSelector를 설정해서 childSelector 클릭시 이벤트 발생
    alert('div 안 p 태그에서 클릭 이벤트');
});

# on함수 특정 함수에 data를 전달하기

//#msg 버튼을 눌렀을 때, 
//이벤트 event.data에 msg를 추가하여서 특정한 함수(getMsg)에게 전달
$("#msg").on("click",{msg : "on함수를 통해서 함수에 메세지 전달"} , getMsg);
function getMsg(event){
    alert(event.data.msg);
}

See the Pen on_func by Nami (@NamuNami) on CodePen.

<html>

    <head>

        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

        <script src="https://code.jquery.com/jquery-1.12.4.js"></script>

        <title>테스트 페이지</title>
    </head>


    <body>
        <p> p태그 와보시고, 눌러보세요.</p>

        <button id="off">click 이벤트 없애기</button>
        <button id="on">click 이벤트 만들기</button>

        <div>
            <p>div 안 p태그 눌렀을 때</p>
        </div>

        <button id="msg">on 함수로 getMsg 함수에 메세지 전달하기</button>
        <script>
            $(document).ready(function () {
                //p 태그에 이벤트를 여러개 주기
                $("p").on({
                    mouseenter: function () { //마우스 p 태그 안에 들어왔을 때,
                        alert("mouseenter 이벤트가 발생했습니다.");
                        $("p").css("background-color", "red");
                    },
                    mouseleave: function () {//마우스가 p 태그 밖으로 나갔을 때,
                        alert("mouseleave 이벤트가 발생했습니다.");
                        $("p").css("background-color", "lightblue");
                    },
                    click: function () { //마우스 클릭 p 태그 안에서 일어날 때,
                        alert("click 이벤트가 발생했습니다.");
                        $("p").css("background-color", "green");
                    }
                });

                //click 이벤트 없애기
                $("#off").click(function () { // 버튼 id off를 눌렀을때,
                    alert("off click를 수행합니다.");
                    $("p").off("click"); //p 태그 click 이벤트를 없애기
                });

                //on 메소드로 이벤트를 주기
                $("#on").click(function () { //버튼 id on를 눌렀을 때,
                    alert("on click를 수행합니다.");
                    $("p").on("click", function () { // click  이벤트를 다시 생성
                        alert("click 이벤트가 발생했습니다.");
                        $("p").css("background-color", "green");
                    });
                });

                $("div").on("click", "p", function () {
                    // div 태그 안 childSelector를 설정해서 childSelector 클릭시 이벤트 발생
                    alert('div 안 p 태그에서 클릭 이벤트');
                });

                //#msg 버튼을 눌렀을 때, 
                //이벤트 event.data에 msg를 추가하여서 특정한 함수(getMsg)에게 전달
                $("#msg").on("click", { msg: "on함수를 통해서 함수에 메세지 전달" }, getMsg);
                function getMsg(event) {
                    alert(event.data.msg);
                }
            });

        </script>
    </body>

    </html>

저작자표시 비영리 변경금지

'[javascript]' 카테고리의 다른 글

비주얼 스튜디오 코드 한줄 ,복사 지우기 , 정렬 , 주석 단축키 (0)	2018.04.27
json를 stringify 사용해보기 (json.stringify로 string으로 바꿔주기) (0)	2018.04.26
Javascript(자바스크립트),Jquery 버튼(button) 클릭 해보기 (onclick) (1)	2018.04.25
jsp servlet(서블렛)를 통한 ajax, JsonObject, JsonObject key value 편 (0)	2018.04.21
jsp servlet(서블렛)를 통한 ajax, object 편 (0)	2018.04.21

미나미나미

,

Javascript(자바스크립트),Jquery 버튼(button) 클릭 해보기 (onclick)

[javascript] 2018. 4. 25. 21:56

Javascript(자바스크립트),Jquery 버튼(button) 클릭 해보기 (onclick)

Javascript(자바스크립트)로 input type=button과 button 이벤트

<p>자바스크립트로 해보기</p>
<input type="button" value="자바스크립트 input button" onclick="javascript_onclikc()">
<button type="button" onclick="javascript_onclikc()">자바스크립트 button</button>

<button id="javascript_btn1" type="button">자바스크립트 add EventListner button</button>

//자바스크립트 onclick
document.getElementById("javascript_btn1").addEventListener("click", javascript_onclikc);
function javascript_onclikc(){
    alert('자바스크립트 button를 클릭하셨습니다.');
}

Jquery input type=button과 button 이벤트

헤더 부분에 꼭 선언해 주세요.

<script src="https://code.jquery.com/jquery-1.12.4.js"></script>

<p>
    <p>Jquery로 해보기</p>
    <input id="btn1"type="button" value="jquery input 버튼">
    <button id="btn2" type="button">jquery 버튼</button>
</p>

//Jquery onclick
//Jquery id 값으로 접근하여서 확인을 하였습니다.
$("#btn1").click(function javascript_onclikc(){
    alert('Jquery button를 클릭하셨습니다.');                
});
$("#btn2").click(function javascript_onclikc(){
    alert('Jquery button를 클릭하셨습니다.');                
});

See the Pen onclick by Nami (@NamuNami) on CodePen.

저작자표시 비영리 변경금지

'[javascript]' 카테고리의 다른 글

json를 stringify 사용해보기 (json.stringify로 string으로 바꿔주기) (0)	2018.04.26
Jquery 이벤트 여러개 만들기 (on 함수) (0)	2018.04.25
jsp servlet(서블렛)를 통한 ajax, JsonObject, JsonObject key value 편 (0)	2018.04.21
jsp servlet(서블렛)를 통한 ajax, object 편 (0)	2018.04.21
[javascript] 자바스크립트 셀렉트(select) 초기화 , 넣기 , 빼기 , 값읽기 (0)	2018.04.20

미나미나미

,

[Excel]엑셀 문자 일부분 추출하기 (LEFT, MID , RIGHT 함수)

[Excel] 2018. 4. 25. 03:32

[Excel]엑셀 문자 일부분 추출하기 (LEFT, MID , RIGHT 함수)

■ LEFT : 텍스트 문자열의 첫 번째 문자부터 시작하여 지정한 문자 수만큼 문자를 반환합니다.

■ MID : 텍스트 문자열에서 지정된 위치로부터 지정된 수만큼 문자를 반환합니다.

■ RIGHT : 텍스트 문자열의 끝 문자부터 시작하여 지정한 문자 수만큼 문자를 반환합니다.

바로 예제를 다루어 보도록 하겠습니다.

LEFT함수를 사용해서 추출한 텍스트에서

왼쪽 시작점에서 6번째 글자를 추출해 보도록 하겠습니다.

=LEFT를 입력하고,

추출한 텍스트 셀의 위치는 C4임으로 입력을 해주고,

6번째 글자까지 추출해야함으로 6을 입력합니다.

=LEFT(C4,6)

자, 그러면 결과는 '동해물과 백'까지 출력이 됩니다.

그런데 왜 6글자이면, '동해물과 백'이 출력되고,

'동해물과 백두' 6글자가 출력되어야 하는 거 아닐까요?

왜냐하면, 공백(빈칸)도 한 글자로 인식이 되기 때문입니다.

저 추출할 텍스트를 한글자씩 분리하게 되면,

6글자 사이에 5번에 빈칸이 글자로 인식이 되어서

'동해물과 백'까지가 출력이 됩니다.

요번에는 RIGHT 함수를 사용해보도록 하겠습니다.

RIGHT 함수를 사용해서 추출한 텍스트에서

오른쪽(문자 끝)시작점에서 20번째 글자를 추출해 보도록 하겠습니다.

=RIGHT 를 입력하고,

추출한 텍스트 셀의 위치는 C4임으로 입력을 해주고,

20번째 글자까지 추출해야함으로 20을 입력합니다.

자, 그러면 결과는 '도록 하느님이 보우하사 우리나라 만세'가 출력이 됩니다.

LEFT 함수와 동일하게 빈 칸을 한글자로 인식하기 때문에,

'도록 하느님이 보우하사 우리나라 만세'가 출력이 됩니다.

요번에는 MID 함수를 사용해보도록 하겠습니다.

MID 함수를 사용해서 추출한 텍스트에서

왼쪽 시작점에서 8번째 글자에 위치에서 4글자까지만 출력합니다.

=MID 를 입력하고,

추출한 텍스트 셀의 위치는 C4임으로 입력을 해주고,

8번째 글자까지 위치에서

4번째 글자까지 출력합니다.

결과는 '산이 마'가 출력이 됩니다.

빈 칸을 한글자로 인식하기 때문에,

'산이 마'가 출력이 됩니다.

저작자표시 비영리 변경금지

'[Excel]' 카테고리의 다른 글

[Excel]엑셀 문자(텍스트) 대문자, 소문자 ,첫글자 대문자로 바꾸기 (UPPER,LOWER,PROPER) (0)	2018.04.26
[Excel]엑셀 상대참조, 절대참조, 혼합참조 알아보기 (0)	2018.04.26
[Excel]엑셀 특정 조건들의 합구하기 (SUMIF함수) (0)	2018.04.25
[Excel]엑셀 두번째로 큰 수,두번째로 작은 수,몇번째(LARGE, SMALL함수) (0)	2018.04.24
[Excel] 엑셀 최소값, 최대값 구하기 ( MIN , MAX 함수) (0)	2018.04.24

미나미나미

,

[Excel]엑셀 특정 조건들의 합구하기 (SUMIF함수)

[Excel] 2018. 4. 25. 02:15

[Excel]엑셀 특정 조건들의 합구하기 (SUMIF함수)

■ SUMIF : 지정한 조건에 맞는 범위의 값을 더할 수 있습니다.

=SUMIF(range, criteria, [sum_range])

range = 어떠한 범위 내에서 특정한 조건을 찾기 위해서 셀의 범위

(예를 들어, A팀 , C팀 ,C팀 , A팀 , C팀 , B팀)

criteria = 범위내에서 찾을 특정 조건

( 예를 들어"A팀" )

[sum_range] = 특정한 조건에 맞는 값들의 합을 구하기 위한 셀의 범위

(예를 들어 9 , 10 , 11 , 3 , 4 ,5)

=sumif( range(A팀 , C팀 ,C팀 , A팀 , C팀 , B팀) , criteria("A팀") , [sum_range](9,10,11,3,4,5))

여기서 계산 결과는?

9 + 11 임으로 값은 20

A 판매 회사의 판매 실적에서

'자묘의 판매실적' 과 ' 유자의 판매실적'을 구하는 과정으로

SUMIF을 설명해드리도록 하겠습니다.

그리고, 마지막으로 , '자'자가 들어간 사람의 판매개수를 구하는 방법을 알아보겠습니다.

자, 처음으로 우리가 구해볼 거는 판매자 중 '자묘'라는 사람의

판매 개수를 알아보는 과정을 알아보겠습니다.

=SUMIF 를 입력하시고 , ( 를 열어주시고,

판매자의 범위 C6 : C17 까지 드래그 또는 입력을 해줍니다.

그리고 , 우리가 찾을 조건

판매자에서 "자묘"라는 사람을 찾을 거니까

"자묘"라고 입력해 줍니다.

그리고 , "자묘"라는 사람의 판매개수만을 계산을 할 예정이니까

D6:D17 라고 입력 해줍니다.

짜잔 , '자묘'라는 사람의 판매 실적은 191개

요번에는 판매자 중 '유자'라는 사람의

판매 개수를 알아보는 과정을 알아보겠습니다.

=SUMIF 를 입력하시고 , ( 를 열어주시고,

판매자의 범위 C6 : C17 까지 드래그 또는 입력을 해줍니다.

그리고 , 우리가 찾을 조건

판매자에서 "유자"라는 사람을 찾을 거니까

"유자"라고 입력해 줍니다.

그리고 , "유자"라는 사람의 판매개수만을 계산을 할 예정이니까

D6:D17 라고 입력 해줍니다.

짜잔 , '유자'라는 사람의 판매 실적은 141개

그러면 마지막으로 '자'자가 들어간 사람의

판매개수를 구하는 방법을 알아보겠습니다.

자 일단, 판매자의 '자'라는 글자가 들어간 사람은

'자묘'와 '유자' 밖에 없습니다.

결국 '자'가 들어간 사람의

판매 개수는 332개입니다.

그렇다면, 답은 알았는데 왜 하는 걸까요?

간편하게 하기 위해서 입니다.

지금은 사람의 이름 '자묘'와 '유자'를 찾아서 더 해주면 되지만

더 많은 판매자가 생기면 일일이 계산해주기 어렵기 때문입니다.

그래서 좀 더 안으로 들어가 볼까요?

=SUMIF 를 입력하시고 , ( 를 열어주시고,

판매자의 범위 C6 : C17 까지 드래그 또는 입력을 해줍니다.

자 여기서 중요한 부분은

*자*

*자 라고 쓰고 뒤에 '자'가 붙은 글자를 찾는 겁니다

예를 들면 , 피자,사자,과자 이런 것들을 찾을 겁니다.

그렇다면, 반대로 자*라고 하는 것은

예를 들면, 자장가, 자전거, 자니? 이런 것들을 찾을 겁니다.

그렇다면 *자* 는

우리의 예제에서 자묘, 유자를 찾을 수 있을 겁니다.

요기능 다른데에서도 유용하게 쓰이는 꼬옥 기억해두시길 바랍니다.

그리고 , "*자*"가 포함된 사람의 판매개수만을 계산을 할 예정이니까

D6:D17 라고 입력 해줍니다.

그렇다면, 개수는 332개가 나오네요!!!

조금 어려우셨다면 질문해주시면 답해드리겠습니다.

도움이 되셨다면 공감 버튼 꼬옥 눌러주세요!!

저작자표시 비영리 변경금지

'[Excel]' 카테고리의 다른 글

[Excel]엑셀 상대참조, 절대참조, 혼합참조 알아보기 (0)	2018.04.26
[Excel]엑셀 문자 일부분 추출하기 (LEFT, MID , RIGHT 함수) (0)	2018.04.25
[Excel]엑셀 두번째로 큰 수,두번째로 작은 수,몇번째(LARGE, SMALL함수) (0)	2018.04.24
[Excel] 엑셀 최소값, 최대값 구하기 ( MIN , MAX 함수) (0)	2018.04.24
[Excel] 엑셀 중첩 IF 조건문 사용하기 , 여러개 조건문 (0)	2018.04.23

미나미나미

,

'전체 글'에 해당되는 글 214건

[Excel]엑셀 주민번호로 남여 구분하기 (choose함수 , mid 함수)

'[Excel]' 카테고리의 다른 글

json를 stringify 사용해보기 (json.stringify로 string으로 바꿔주기)

'[javascript]' 카테고리의 다른 글

[Excel]엑셀 문자(텍스트) 대문자, 소문자 ,첫글자 대문자로 바꾸기 (UPPER,LOWER,PROPER)

'[Excel]' 카테고리의 다른 글

[Excel]엑셀 상대참조, 절대참조, 혼합참조 알아보기

'[Excel]' 카테고리의 다른 글

Jquery 이벤트 여러개 만들기 (on 함수)

'[javascript]' 카테고리의 다른 글

Javascript(자바스크립트),Jquery 버튼(button) 클릭 해보기 (onclick)

'[javascript]' 카테고리의 다른 글

[Excel]엑셀 문자 일부분 추출하기 (LEFT, MID , RIGHT 함수)

'[Excel]' 카테고리의 다른 글

[Excel]엑셀 특정 조건들의 합구하기 (SUMIF함수)

'[Excel]' 카테고리의 다른 글

공지사항

카테고리

태그목록

글 보관함

달력

링크

미나미나미

LATEST FROM OUR BLOG

LATEST COMMENTS

BLOG VISITORS

티스토리툴바

« 2024/05 »
일	월	화	수	목	금	토
			1	2	3	4
5	6	7	8	9	10	11
12	13	14	15	16	17	18
19	20	21	22	23	24	25
26	27	28	29	30	31