여행하는 코딩끄적끄적

목차 [Javascript] Jquery HTML 불러오기 javascript로 만든 Jquery에서 html()함수를 사용하게 되면 선택자(selector)로 선택된 범위 내에 html 구문 내용을 가져옵니다. 우선 jquery를 사용하기 위해 아이디는 무엇? 비밀번호 Get Html info 결과>> [Javascript] Jquery 텍스트(text)값 가져오기 선택한 태그내의 텍스트 값을 가져 옵니다. 구성은 위에 html 함수와 동일 합니다. 코드>> 아이디는 무엇? 비밀번호 Get Html info 결과>> [Javascript] Jquery 속성(attribute)값 가져오기 attr(속성값) 함수를 사용하여서 속성의 값을 가져옵니다. 구성은 앞 예제들과 동일 합니다. 코드>> 아이디는 무엇..

목차 [Bootstrap]HTML 버튼(button) 오른쪽 정렬 HTML 문서를 작성하면 버튼(Button), 라벨(Label), 입력창(Input)을 마음대로 배치하고 싶은데, 생각한 위치로 가지가 않는 경우가 많습니다. 가령 오른쪽으로 정렬할 경우 버튼을 오른쪽 끝에 붙여서 아래로 하나 둘씩 배치하고 싶은데 일반적인 방법이 css의 float를 사용하는 방법인데 코드>> 로그인 로그인 이 경우 아래 그림 처럼 아래 위가 아닌 오른쪽에 붙어서 배치가 됩니다. 결과>> 코드 라인1 : bootstrap button class 를 사용해서 버튼을 만들고 style을 이용해서 float로 오른쪽에 배치하였습니다. 이방법이 인터넷에 일반적으로 오른쪽 정렬 방법으로 올라와 있습니다. [Bootstrap]HTM..

목차 후지필름 인스탁 미니40(InstaX mini40) 리뷰 후지필름(Fujifilm)에서 Instax Mini 라인에 미니40이라는 제품을 추가 하였습니다. 외관은 작년 3월에 출시 한 미니 11과 유사합니다. 미니40은 사용이 편리한 인스턴트(즉석, Instant) 카메라로 2개의 세팅과 2개의 버튼으로만 구성 되어 있습니다. 타사의 즉석 사진기와 구분되는 점은 미니40의 빈티지한 디자인입니다. 플라스틱 Faux 가죽으로 바디 부분을 구성하였고 메탈 처리로 복고 감성을 살렸습니다. 가격은 현재 쿠팡 최저가로 136,000원에 판매하고 있습니다. 하단에 링크 있으니 관심 있으시면 참조 하시면 됩니다. 미니 40의 동작 방식은 미니 11과 유사합니다. 은색의 커다란 버튼을 클릭하면 렌즈 부분이 튀어 나..

목차 [Python] yfinance 함수: 차트 정보 가져오기 파이썬 yfinance 함수를 사용해서 야후 파이낸스(Yahoo Finance)의 차트(Chart)의 주가 정보를 가져오겠습니다. (시작가, 종가, etc). yfinance 는 판다스(Pandas)의 Dataframe 함수를 지원합니다. Pandas는 테이블 형식으로 데이터를 정리하여 여러 처리를 쉽게 해주는 라이브러리라고 생각하시면 됩니다. yfinance의 return으로 나온 결과 값은 dataframe 형태이므로 추후에 데이터 분석을 할 경우 dataframe의 내부 함수들을 알고 있다면 쉽게 변경 사용할 수 있습니다. 코드 실행에 앞서 아래와 같이 라이브러리 설치를 합니다. pip install pandas_datareader p..

목차 [Python] 코스피 1년 차트 그리기 : 진행 과정 이번 포스트에서는 지난 1년간의 코스피 차트를 그려볼 예정입니다. 이번 프로젝트를 진행하기 위해 아래와 같은 과정이 필요합니다. 코스피 1년 동안의 차트 데이터 수집 판다스를 이용해서 차트 데이터를 테이블로 정리하기 정리된 테이블 중 비교를 원하는 데이터를 가져오기 그래프로 만들기 데이터 분석하기 1번 과정은 Web Scrawling을 통해서 가능합니다. 웹 스크롤링의 방법은 아래 링크를 참조하시면 됩니다. https://scribblinganything.tistory.com/372 [Python] BS4로 네이버금융 종목분석-재무분석 값 가져오기 목차 [Python] BS4로 네이버금융 종목분석 : 사용 소프트웨어, 설치 이번 포스트에서는 웹..

목차 액션캠 리뷰 - 고프로 히어로10 (GoPro Hero10) 작년에 고프로에서 히어로 액션캠 Hero9 를 출시 하였습니다. 전면 스크린과 5K, 배터리 수명 증가 등 많은 기능들이 추가 되었습니다. 올해는 고프로에서 Hero10을 Hero9에 기초하여 출시 하였습니다. 가격은 히어로 9와 유사합니다. 현재 쿠팡에서 최저가로 649,000원에 판매(7%할인)하고 있습니다. 액션캠 리뷰 - 고프로 히어로10 (GoPro Hero10) : 장단점 장점 5.3K 60fp, 4K 120fps Quicker 사진, 동영상 기능 히어로 9 액세서리와 호환 가능 단점 고가 애매한 배터리 수명 고프로에서 주장하는 내용에 따르면 히어로10은 153그램으로 히어로9 (158그램)에 비해 3퍼센트 정도 가벼워 졌다고 ..

목차 [Python] 코스피, 코스닥 값 불러와서 분석하기 : 설정 주식에 관심이 많아서 코딩으로 투자에 접목해볼 만한것이 뭐가 있나 생각하던 참에 최근에 사용하고 있던 파이썬의 판다스(pandas)라는 모듈을 가지고 코스피(Kospi), 코스닥(Kosdaq)을 분석 해보려고 합니다. 판다스(Padas)는 최근에 많이 사용되는 라이브러리(Library)로 데이터 분석을 효율적으로 처리해줍니다. 데이터를 엑셀과 같은 테이블에 배치하여 내부 값을 쉽게 처리해줍니다. 가령 최소값(min), 최대값(max), 표준편차(standard deviation), 퍼센트(Percentile)에 따른 값 찾기 등을 명령어 하나로 간단하게 처리 할수 있게 도와 줍니다. 해당 내용에 대해서는 아래에서 다루도록 하겠습니다. 우..

목차 스마트 태그 비교 리뷰 위치 찾기 태그가 이제 출시 된지 어느정도 시간이 지났습니다. 타일 프로(Tile Pro)가 스마트 태그 분야에서 가장 알려진 제품이었지만 삼성과 애플이 스마트 태그에 진출하면서 판도가 변경 되었습니다. 지금 스마트 태그 구매를 고려하신다면 아래에 삼성 스마트태그 플러스(SmartTag Plus), 애플 에어태그(Apple AirTag), 타일 프로(Tile Pro)의 장단점을 비교 정리를 확인하시고 결정하시면 됩니다. 삼성 스마트태그 플러스 리뷰 (Samsung SmartTag Plus Review) 우선 삼성 스마트태그 플러스의 장단점부터 언급하자면 아래와 같습니다. 장점 삼성 스마트홈 제품의 리모트 제어 가능 스마트폰의 카메라와 연계해서 AR(증강현실)로 위치 찾아줌 네..

목차 [Python] BS4로 네이버금융 종목분석 : 사용 소프트웨어, 설치 이번 포스트에서는 웹스크롤링(Web scrawling) 기술로 네이버금융의 재무제표 항목들을 가져올 것 입니다. 웹 스크롤링에 이용할 라이브러리는 뷰티풀숩(BeautifulSoup, BS4) 라고 불리는 모듈입니다. 우선 저는 Visual Studio Code 라는 마이크로 소프트웨어에서 출시한 프로그램으로 파이썬을 작성합니다. 만일 설치가 되어있다면 명령 Prompt에 아래와 같이 입력하면 BS4를 설치할 수 있습니다. pip install bs4 우선 정상적으로 설치 되었는지 간단하게 확인하는 방법은 아래와 같이 import를 하고 run 시켜 보면 됩니다. from bs4 import BeautifulSoup 만일 동작을 ..

목차 [Python] Pandas DataFrames이란? 파이썬의 판다스는 데이터 처리에 용이한 라이브러리 입니다. 앞서 설명한 Pandas Series와 마찬가지로 DataFrames은 데이터를 엑셀과 비슷한 방식으로 관리하기 위해 필요한 함수 입니다. Dataframes은 2차원 배열로 행과 열로 구성되어 있습니다. 간단히 설명하자면 우리가 사용하는 엑셀의 대부분의 기능을 Dataframes의 내장 함수를 이용해서 사용할 수 있다고 생각하시면 됩니다. Series와의 차이는 Series는 1차원 배열(array)였고 Dataframes은 2차원 배열이라는 것입니다. 아래는 간단하게 DataFrame 사용에 대한 예제 코드 입니다. 코드 & 결과>> import pandas as pd dict_var..

목차 [Python] String 공백 없애기 (split()함수) Syntax string.strip(characters) 위 Syntax에서 처럼 string 내용 중에 제거하고 싶은 글자를 characters에 넣으면 됩니다. default 은 blank(빈칸입니다.) strip으로 공백을 제거할 경우 문장 사이는 제거가 안되고 양끝만 제거 됩니다. 예제 코드>> string_ex = " Hi My Name is John " print(string_ex.strip()) 결과>> Hi My Name is John [Python] String 공백 없애기 (replace()함수) Syntax string.replace(oldvalue, newvalue, count) oldvalue에는 바꾸고자 하는 내..

목차 [nslookup] 도메인 주소로 IP 찾기 nslookup 은 윈도우에서 제공하는 라이브러리 입니다. 실행 방법은 cmd 명령창을 열고 아래와 같은 Sytax를 실행하면 됩니다. Syntax 는 아래와 같습니다. nsloop 도메인주소 예제 구현>> C:\Users\forgo>nslookup daum.net 서버: kns.kornet.net Address: 168.126.63.1 권한 없는 응답: 이름: daum.net Addresses: 203.133.167.16 203.133.167.81 211.231.99.80 211.231.99.17 C:\Users\forgo> 주석>> 위처럼 명령창에서 다음 주소를 검색했고 kns.kornet.net이라는 dns에서 daum.net에 대한 ip정보를 전달..

목차 [Python] 설치에 필요한 라이브러리 Pandas로 네이버 금융의 재무분석 정보를 가져오려고 합니다. Pandas의 장점은 데이터를 엑셀과 같은 양식으로 쉽게 관리하고 내부에 강력한 수학 함수들이 있어서 주식의 차트 분석이나 수학의 확률 분석 그리고 빅데이터로 데이터 분석을 하는 데 유용합니다. 네이버 파이넌스에서 정보를 가져올 것인데 해당 HTML의 정보를 테이블로 쉽게 정리해서 전달해주는 함수가 Pandas에 Html_read라는 함수가 있습니다. 저는 Visual Studio Code를 사용해서 Pandas를 설치했는데 Html_read 함수를 사용하기 위해 아래와 같이 추가적인 라이브러리를 설치해야합니다. 웹크롤링(web crawling)과 관련된 라이브러리로 Html_read함수가 해당..

목차 [Python] Pandas Series란? Pandas Series란 엑셀의 행열 중에 한줄의 열로만 구성된 테이블입니다. 다양한 데이터 타입을 지원하는 1차원 배열이라고도 합니다. import pandas as pd a_var = [2, "hi", 5, "안녕"] pd_var = pd.Series(a_var) print(pd_var) ###결과### 0 2 1 hi 2 5 3 안녕 dtype: object 위 예제처럼 리스트 값을 Series에 넣으면 1차원 열(Column)의 테이블이 생기고 print를 하면 index번호와 value와 data type을 알려줍니다. [Python] Pandas Series 인덱싱 하기 아래 코드 4번째 라인처럼 라벨을 직접 설정할 수 있습니다. 그리고 설정..

목차 [Javascript] 자바스크립트에서 CSS 변경 하기 (HTML Style) 자바스크립트를 이용해서 고정된 css 값을 동적으로 변경할 수 있습니다. 변경에 필요한 함수는 아래와 같습니다. Syntax>> document.getElementById(id명).style.property = new style 위에 Syntax와 같이 변경하고자 하는 부분을 getElementById 로 찾은 다음에 style을 넣고 변경하고자 하는 css property를 입력하면 됩니다. 앞서 언급한 내용처럼 대부분 자바스크립트로 css 스타일을 변경하는 이유는 페이지 내에서 어떠한 이벤트(event)에 대한 동적인 반응을 위해 넣습니다. 아래 예제를 통해 쉽게 이해 할 수 있습니다. [Javascript] 자바스..

목차 블루투스 이어폰 리뷰 -자브라 Elite3 (Jabra) 마지막으로 출시한 자브라의 Elite75t 이후에 총 3개의 새로운 모델을 출시하였습니다. Elite7 Pros Elite7 Active earbuds Elite 3 earbuds 이번에 가장 최근에 출시된 엘리트3 이어버즈에 대해 리뷰 해보고자 합니다. 엘리트3 이어버즈는 처음으로 자브라에서 10만원 이하의 가격으로 출시한 최초의 블루투스 이어폰입니다. 쿠팡에서 현재 5% 할인된 가격 94,050원에 판매하고 있습니다. 관심 있으시면 하단 쿠팡 최저가 링크를 통해 구매하시면 됩니다. 가격이 저렴하여 현재 이어펀, Anker, JLab과 같은 저가 모델과 경쟁 중입니다. 물론 저가 정책의 제품을 출시하면 포기한 기능이 크게 두가지가 있습니다...

목차 [Javascript] 타입 확인하는 방법 자바스크립트에서 데이타(data) 타입은 아래와 같습니다. string number boolean object function 자바스크립트 객체(object)의 종류는 아래와 같습니다. Object Date Array String Number Boolean 그리고 아무런 정보를 포함하지 않은 형태는 아래와 같습니다. null undefined 자바스크립트에서 타입을 확인하는 방법은 파이썬과 유사하게 typeof 라는 함수를 사용합니다. 아래 예제를 통해 사용 방법을 익힐 수 있습니다. 예제 코드>> 결과>> [Javascript] 숫자를 문자로, 문자를 숫자로 변환(int2string, string2int) 문자열을 숫자로 변경하는 함수는 String()입..

목차 코스모스 버디폰 헤드폰 리뷰 어린이들이 어른용 헤드폰을 사용하게 되면 많은 문제 들이 있습니다. 가장 우선적으로 머리 사이즈에서 맞지 않고 그리고 어른용 헤드폰은 최고 음량에 대한 제한이 없기 때문에 어린이들의 청각에 안좋은 영향을 줄 수 있습니다. 버디폰즈 코스모스는 키즈용으로 최적화된 무선 헤드셋입니다. 현재 쿠팡에서 최저가로 4% 할인된 114,240원에 판매하고 있습니다. 하단에 링크가 있으니 관심있으시면 하단 링크를 통해 확인하시면 됩니다. 우선 키즈용 헤드폰에 필요한 요소들이 무엇이 있을까요? 블루투스? 있습니다. 볼륨 제한? 3단계로 관리합니다. 노이즈 캔슬링? 노이즈 캔슬링 제공합니다. 아이들이 좋아할만한 디자인? 유니콘 핑크와 드래곤 다크 블루로 제공합니다. USB-C 타입으로 충전..

목차 자바스크립트 변수란? 자바스크립트 변수는 아래와 같이 3가지로 정의 됩니다. var let const 파이썬이나 C언어와 달리 정수 실수 string 등을 구분 짓지 않고 모든 변수는 var로 정의할수 있습니다. 변수의 특성에 따라 let이나 const를 사용합니다. let은 다시 선언이 불가능 합니다. 아래와 같이 중복 선언을 하였습니다. 그 결과 아래처럼 var i는 문제가 없었지만 let j는 declared 문제가 발생했습니다. Uncaught SyntaxError: Identifier 'j' has already been declared const는 다시 할당이 안됩니다. 아래와 같이 let과 const를 할당해보았습니다. 그 결과 아래처럼 let k 는 문제가 없었지만 const k 아래..

목차 넘파이란? (What is Numpy?) NumPy는 Numerical Python 의 줄임말로 파이썬에서 제공하는 Libary 중에 하나 입니다. Numpy는 배열(array) 값을 입력으로 받아서 처리를 합니다. 넘파이에서 주요하게 처리하는 과정은 아래와 같습니다. linear algebra (선형 대수) fourier transform (후리에/푸리에 변환) matrices (행렬) 넘파이(Numpy) 사용하는 이유 Numpy 사용 전에 배열을 처리할때 리스트(list)를 사용해서 값을 리스트에 받아서 처리하였습니다. 배열을 수학적으로 처리할때 코딩이 복잡해질 수 있고 코딩의 효율에 따라 시간이 오래 걸립니다. 그래서 Numpy가 등장했습니다. C코드로 파이썬 기저에서 작동하고 일반적으로 파이..