明日学習キャンプ2日目開発ログ


JQuery?


jQueryはオープンソースベースのJavaScriptライブラリです.
私の検索では、JavaScriptをより簡単に使用できるようになりました.
また、このクエリーを使用すると、短いコードを使用してWebページのさまざまな効果やプレゼンテーションを行うことができます.
現在最も人気のあるJavaScriptライブラリの一つです.

  • ほとんどのブラウザでは、プライマリWebブラウザの古いバージョンを含むクエリーがサポートされています.

  • HTML DOMは操作しやすく、CSSスタイルも使いやすい.

  • アニメーション効果またはインタラクティブな処理を簡略化します.

  • 同じ動作を持つプログラムは、より短いコードで実現できます.

  • さまざまなプラグインの参考になるドキュメントがたくさんあります.

  • オープンライセンスを使用すると、誰でも自由に使用できます.
  • このクエリの最新バージョンの詳細については、次のリンクを参照してください.
    jQuery Foundation : http://blog.jquery.com
    jQueryインポート
    2番目のクエリーをインポートして使用できます.
    jQueryデフォルト構文
    // ID name 에서 밸류값을 가져 온다.
    $('#name').val();
    
    // ID name 에 밸류값을 지정 한다.
    $('#name').val('밸류값 지정');
    // ` 백틱으로 HTML 문서 변수에 저장할수 있다.
    let html = `<button>나는 추가될 버튼이다!</button>`;
    # 저장된 HTML 문서를 추가 할수 있다 append
    $('#box').append(html);
    <script>
            function open_box(){
                $('#post-box').show()
            }
            function close_box(){
                $('#post-box').hide()
            }
     </script>
    hide()、show()を使用して表示を非表示または表示にできます.
    Ajaxの使い方
    <script>
            function click() {
                // 여기에 코드를 입력하세요
                $('#id').empty();
                $.ajax({
                    type: "GET",
                    url: "http://spartacodingclub.shop/sparta_api/seoulair",
                    data: {},
                    success: function (response) {
                        let rows = response["RealtimeCityAir"]["row"];
                        for (let i = 0; i < rows.length; i++) {
                            let gu_name = rows[i]['MSRSTE_NM'];
                            let gu_mise = rows[i]['IDEX_MVL'];
                            let temp_html = `<li>${gu_name} : ${gu_mise}</li>`
                            $('#names-q1').append(temp_html);
                        }
                    }
                })
            }
        </script>
    Ajaxを使用して、JSON形式のドキュメントをAPIサーバにインポートできます.
    インポートしたドキュメントをFOR MOONにして、必要な情報を取得できます.
    ソウルの天気情報を入手
    function 날씨가져오기()
     $.ajax({
                  type: "GET",
                  url: "http://spartacodingclub.shop/sparta_api/weather/seoul",
                  data: {},
                  success: function(response){
                      console.log(response['temp'])
                    }
                  })
            });

    Python


    Pythonは1991年にオランダ系プログラマーの貴都班羅島が発表した高級プログラミング言語で、プラットフォームとは独立したインタラクティブ、オブジェクト向け、ダイナミックタイプ化されたインタラクティブ言語である.パイソンという名前は貴島の好きな喜劇「花様年華」から取った.古代神話に出てくる巨大な蛇を名前から連想する人もいるが、それとは関係ない.ただ標識に蛇が2匹います.
    Pythonは非営利のPythonソフトウェア財団が管理するオープンでコミュニティベースの開発モデルを持っている.C言語で実現されるSissen実現は事実上の標準である.
    Pythonの3.9バージョンから64ビットになり、32ビットコンピュータでは使用できません.Python 3.9以降を使用するには64ビットのコンピュータが必要です.
    現代のPythonは依然としてinterpriter言語のように動作するが,ユーザが知らないうちにPythonソースコードを自分でコンパイルし,バイトコード(Byte code)を生成し,次回の実行時にはより速い速度を示す.
    Python基本文法
    #변수를 저장하고 출력한다.
    num = 1000 #숫자형
    한글 = '세종대왕' #문자형
    print(num)
    print(한글)
    
    #movie_people 리스트에 자료를 저장한다.
    movie_people = ['이병헌','고두심','유해진','차승원]
    
    #movie_people 3번째 자료를 출력한다. 0,1,2
    movie_people[2]
    
    #movie_people에 길이 즉 저장된 값에 수를 출력한다. length
    len(movie_people)
    
    #반복문(for)으로 moive_people 내용을 i안에 저장후 반복해서 출력한다.
    for i in movie_people:
    	print(i)
        
    #if문 이병헌 문자열이 movie_people 리스트에 있다면 참,아니면 거짓
    #참이면 바로 아래 실행 아니면 else 를 실행
    if '이병헌' in movie_people:
    	print('이병헌 멋지다!')
    else:
    	print('이병헌 집에 갔어!')
        
    #예외처리 try 처리를 해보고 에러가 발생되면 except 아래것을 출력
    #finally는 무조건 실행됩니다.
    try:
    	print(1/0)
    except:
    	print('에러가 났습니다')
    finally:
    	print('무조건실행')
    Pythonスクロール
    Pythonで簡単にGenie音楽のスクロールをしてみます
    リクエスト(受信サイト)
    bs 4(サイトコンテンツをスクロール可能なライブラリ)
    どちらもインポート可能
    タイトルを使用して接続環境の設定を非表示にするのは自動機ではありません.
    要求としてスクロールするサイトを受信します.
    htmlドキュメントをbs 4に分割します.
    選択するタグをlistsに保存し、for文に戻って必要な内容をスクロールします.
    次は完了したコードです.
    import requests
    from bs4 import BeautifulSoup
    
    headers = {'User-Agent' : 'Mozilla/5.0 (Windows NT 10.0; Win64; x64)AppleWebKit/537.36 (KHTML, like Gecko) Chrome/73.0.3683.86 Safari/537.36'}
    data = requests.get('https://www.genie.co.kr/chart/top200?ditc=M&rtm=N&ymd=20210701',headers=headers)
    
    soup = BeautifulSoup(data.text, 'html.parser')
    
    lists = soup.select('#body-content > div.newest-list > div > table > tbody > tr')
    
    for ls in lists:
        title = ls.select_one('td.info > a.title.ellipsis').text.strip()
        rank = ls.select_one('td.number').text[0:2].strip()
        artist = ls.select_one('td.info > a.artist.ellipsis').text
        print(rank, title, artist)
    Pythonは簡単なデータベース管理だけでなく、サーバフレームワーク(Flask、Django)も使用しています.
    サーバは実装に使用できます.
    Pythonについて引き続き学習し、FlaskとDjangoを使用してサーバを構築します.
    こうして翌日の勉強を終えて開発ログを終了