AI웹개발 TIL 2주차 목요일 [2021-12-23] Updated

스파르타 코딩 클럽 AI웹개발 교육 프로그램< Daily Note 2 Weeks Day 4 >

< 2 주차 목요일 >

목요일은 HTML,CSS만으로 제작하는 카카오 프로파일 UI 클론을 했다 그렇게 엄청난것을 한건 아니지만, CSS3의 사용법은 마치 일본 라멘 장인들의 레시피와도 같이 다양했다. 쉽지만 또 손댄사람마다의 차이가 있고 CSS3 .class #id로 따온 변수명을 명시적으로 알아보기 힘들기 때문에 필자에겐 고통스러웠다. 그래서 전날 자기전에 기본뼈대를 제작했고, 당일인 목요일은 거뜬히 제출할수있었다. 앞으로도 사용될 뼈대도 이걸로 하면되기 때문에 문제없을것이다. 간단한 협업도구인 깃허브 특강 2시간은 금방 흘러갔고 ssh키를 이용한 커밋등 깃 커맨드 방식 설명도 있었으면 무척 좋았을거라 생각했다.  게더타운엔 성격 밝은 사람들이 많기 때문에 더욱이 AI웹개발 프로그램의 열정이 솟아나는것같다.

* 오늘은 프로젝트 제출은 빠르게 하고 자바스크립트 위주로 핵심과 자바스크랩트 함수 매크로 제작에 몰두했었다. 

[ 카카오 프로필 UI 클론 HTML,CSS,JAVASCRIPT ]

간단한 구현이였기 때문에 GIT-HUB에 업로드되어있다.

https://github.com/github01main/oddments/tree/main/KAKAO_UI_CLONE

GitHub - github01main/oddments

 

[ 업데이트중인 심플 자바스크립트이다 쉽게 사용할 시간을 비축하는 스마트 디벨로퍼가 되어야한다. ]

 

 

/*
*******************************************************************************************************************
날일 : 초안일 (2021-12-22 水曜日)  |   수정일     : 2021-12-22 水曜日 수정자 : 조시욱
저자 : 조시욱                     |  진행 저자   : 수정 및 배포를 원하시면 진행 저자를 입력하시면됩니다! 저자만 살려주세요ㅠㅠ
제목 : simple js
내용 : 손이 많이 가는 특수기호를 포함한 값의 선언 또는 참조 구간을 최대한 줄였습니다.
버전 : 1.0.1
*******************************************************************************************************************
*/

// console.log 테스트 라인 ++ HOW-TO-USE : Ctrl + / 로 주석 해제 후 console.log('입력문구'); ++
// *******************************************************************************************************************
// console.log('안녕하세요 조시욱입니다.');
// *******************************************************************************************************************

//#region simple js [1] 자주 쓰이는 매크로 라인

// *******************************************************************************************************************
// 1) alert(알림) 매크로
// ex) Test_Alert('Test_Text')
function alert_Value(Test_Text) {
    if (Test_Text == null) {
        return alert('입력 텍스트가 누락되었습니다')
    }
    return alert(Test_Text)
}

// 2) insert(주입) 매크로
// ex) insert_Value('Address','insertvalue')
function insert_Value(Address, insertvalue) {
    Show_Insert_Val = $(Address).val(insertvalue)
    if (Address == null | insertvalue == null) {
        return alert('주소값 또는 밸류값이 누락되었습니다.')
    }
    return Show_Insert_Val
}

// 3) append(추가) 매크로
// ex) Append_Value('Address','add_child')
function append_Value(Address, add_child) {
    Show_Append_Val = $(Address).append(add_child)
    if (Address == null | add_child == null) {
        return alert('주소값 또는 추가되어질 오브젝트가 누락되었습니다.')
    }
    return Show_Append_Val
}

// 4) show(보여주기) 매크로
// ex) show_Value('Address')
function show_Value(Address) {
    Show_Val = $(Address).show()
    if (Address == null) {
        return alert('보여질 주소가 누락되었습니다')
    }
    return Show_Val
}

// 5) hide(숨기기) 매크로
// ex) hide_Value('Address')
function hide_Value(Address) {
    Show_Hide_Val = $(Address).hide()
    if (Address == null) {
        return alert('숨길 주소가 누락되었습니다')
    }
    return Show_Hide_Val
}

// 6) push(리스트에 아이템 추가) 매크로
// ex) push_Value('location','item')
function push_Value(location, item) {
    try {
        push_Val = location.push(item)
        if (item == null) {
            alert_Value('아이템 값이 누락되었습니다')
        }
        else
        {
            return push_Val
        }
    } catch {
            alert_Value('아무런 값도 입력되지 않았습니다.')
    }
}

// *******************************************************************************************************************
//#endregion
//#region simple js [2] 사칙연산 매크로 라인

// *******************************************************************************************************************
// 1) Summary(더하기) 매크로
// ex) Summary_Value(Param1,Param2, ..., ...)
function Summary_Value(...Param) {
    var sum_Result = 0;
    if (Param.length == 1) {
        return alert('덧셈식은 하나만 있을순없습니다.')
    }
    for (var i = 0; i < Param.length; i++) {
        sum_Result += Param[i]
    }
    return sum_Result;
}

// 2) Multiply(곱하기) 매크로
// ex) Multiply_Value(Param1,Param2, ..., ...)
function Multiply_Value(...Param) {
    var Multiply_Result = 1;
    if (Param.length == 1) {
        return alert('곱셈식은 하나만 있을순없습니다.')
    }
    for (var i = 0; i < Param.length; i++) {
        Multiply_Result *= Param[i]
    }
    return Multiply_Result;
}

// *******************************************************************************************************************
//#endregion