본문 바로가기

study

(24)
혼공 JS 6주차 ■ 내용 살펴보기 ▥ 문서객체 조작 - DOM : Document Objects Model (문서 객체 모델) - : html5문서를 의미 // addEventListener : DOM 즉, document에 이벤트 추가 // DOMContentLoaded : html이 모두 loading된 다음에 이벤트 수행 // DOMContentLoaded는 html5에서 추가된 이벤트 (구버전에서는 사용불가) document.addEventListener('DOMContentLoaded', () => { document.body.innerText = "addTextTest" }) // p.310 // 책에서는 document.를 사용했는데, 잘 동작을 안하네. // 이전 브라우저에서 지원을 하기 위해서는 onlo..
혼공 JS 5주차 ■ 내용설명 ♣ 객체 여러 자료형을 다룰때, 객체를 사용합니다. 배열도 비슷하게 key, value형태를 사용하지만, 배열은 인덱스를 사용해서 접근하지만, 객체는 키를 사용해서 접근합니다. 배열 : [ ] 형태를 사용하고, 객체는 { } 형태를 사용합니다. // 키부분을 그냥 문자열, "", '' 어떠한 형태도 모두 가능하다 const product = { 제품명 : "망고", 유형 : "당절임", 성분 : 'a,b,c,d', 원산지 : '필리핀', "테스트1" : "tes1", '테스트2' : 'test2' } // 호출하기1 : 겍체['키'] console.log(product['제품명']) console.log(product['성분']) console.log(product.테스트1) console...
혼공 JS 4주차 ■ 내용정리 함수도 자료형중에 하나입니다. // 익명함수 // 함수도 하나의 자료형이기 때문에 아래와 같은 형태로 구성이 가능합니다. const test_fn = function () { console.log("기록...") } // 일반적인 함수 형태 function test_fn2(){ console.log("기록222....") } // 매개변수에 타입 정의는 오류 // 다른 언어에서는 매개변수의 타입을 정의해서 사용을 하는데 // JS에서는 이렇게 하면 오류가 발생한다. function strFunc(string name){ console.log("매개변수에 타입 정의는 오류") } function strFunc(name){ console.log("매개변수에 타입 정의는 오류") } 매개변수가 동..
혼공 JS 3주차 ■ 내용정리 · string에서도 문자열을 구분지어서 처리 const str = "안녕하세요" console.log(str[1]) // 배열이 아니지만, [1] 이렇게 값을 출력가능 console.log(str.length) · 배열 만들기 배열은 [...] 형식으로 만듭니다. // 배열안에 배열을 넣을수도 있고, 다양한 구성을 할수 있습니다. const array = [273, 'String', true, function () {}, {}, [23,4,5,5], undefined] console.log(array.length) // 7 · 배열 뒷부분에 요소 추가하기 3가지 방법이 있습니다. 1) 배열.push(요소) 2) 배열 뒷부분에 요소 추가 3) 인덱스를 식별해서 추가 // case1 const..
혼공 JS 2주차 ■ 내용 정리 · 3장의 내용은 편하게 볼수 있는 부분이라 특별히 정리하지 않았습니다. ■ 기본미션 // 10과 20 사이에 조건이 맞는지 확인 const x = 12; if( x > 10 ){ if( x 10 && x < 20 ){ console.log("조건에 맞습니다. case2") } ■ 선택미션 · 실행하기
혼공 JS 1주차 ■ 정리 "", ''은 문자열을 구성하는데, 혼합해서 사용하면 좋다. "나는 '혼공족'" // 겉에는 "" 으로 구성 안에는 ' '으로 구성 '나는 "혼공족"' // 이것은 반대로 구성한 케이스 특수문자는 \ (이스케이프 사용) 문자 선택 연산자 : 이런 구문이 있네요 자료형 검사 : typeof 체크할때 이런 형태로 사용 가능 if (typeof a == "undefined") document.writeln("a가 존재하지 않음.") 체크할때 이런 형태로 사용 가능 총 8가지 타입으로 return한다 string, number, boolean, undefined, function, object, symbol, bigint 템플릿 문자열 ` (빽틱)을 이용해서 문자열 내부에 표현식을 삽입할때 사용함 예전..
혼공 분석 6주차 ■ 기본미션 ☞ p. 344의 손코딩(맷플롯립의 컬러맵으로 산점도 그리기)을 코랩에서 그래프 출력하고 화면 캡처하기 cmap : 컬러맵을 구성하는 인자값 다양한 컬러맵 중에 대표적인 것이 jet컬러맵입니다. https://matplotlib.org/stable/tutorials/colors/colormaps.html Choosing Colormaps in Matplotlib — Matplotlib 3.6.3 documentation Note Click here to download the full example code Choosing Colormaps in Matplotlib Matplotlib has a number of built-in colormaps accessible via matplotlib..
혼공 분석 5주차 python으로 다양한 그래프 라이브러리가 있습니다. 그중에 가장 오래 되었고, 지금까지 사용하는 matplotlib이라는 라이브러리가 있습니다. 개인적으로 이제헌박사님이 matplotlib을 통해서 정말 다양한 활용을 하시고 계셔서, 한번 관심있으시면 살펴보셔도 좋을거 같습니다. https://jehyunlee.github.io/2022/10/16/Python-DS-117-pycon2022/ https://jehyunlee.github.io/tags/matplotlib/ ■ 기본미션 ☞ p. 314의 손코딩(맷플롯립에서 bar()함수로 막대 그래프 그리기)을 코랩에서 그래프 출력하고 화면 캡처하기 아래 코드를 살펴보려고 합니다. plt.plot(count_by_year, '*:g') 1. '*:g' :..