scribblinganything의 등록된 링크

키자드에 등록된 총 694개의 포스트를 확인하실 수 있습니다.

Tistory

[Python]tkinter 그리드 빈 칸 만들기(Grid, Space, Blank)

목차 [Python]tkinter 그리드 빈 칸 만들기: 함수 정의 설명 grid 사용법에 대해 알고 싶으시면 아래 링크를 참조 하시길 바랍니다. https://scribblinganything.tistory.com/293 파이썬 tkinter - grid란? (간격, 배치, 정렬 방법) 예제로 쉽게 이해하기 Python tkinter grid란? grid는 우리가 일반적으로 사용하는 엑셀처럼 행(row)과 열(column)의 번호를 이용해서 text, label, button 을 배치하는 작업이다. 아래 예제 작업에서 버튼으로 예제를 시행할 것이다.. scribblinganything.tistory.com grid는 기본적으로 column 과 row의 번호를 설정하여 지정 합니다. btn_0 = But..

원문보기 내부링크
Tistory

[C++언어] 정수, 실수를 문자열로 변경하기(int, float, double to string)

목차 [C++언어] 정수, 실수를 문자열로 변경하기 (int, float, double to String) 앞서 포스트에서 변수의 정의 및 종류 등에 대해 살펴 보았습니다. 이번 포스트는 정수나 실수를 string으로 선언한 변수에 넣는 방법에 대해 살펴 보겠습니다. to_string 함수를 사용하면 실수와 정수를 문자열로 변경할 수 있습니다. to_string 함수(Function) Syntax #include return받을 string 변수명 = to_string(입력 변수명); to_string 함수를 사용하기 위해서는 string 헤더 파일을 include 해야 합니다. 입력 변수명에는 정수나 실수 값을 입력하시면 됩니다. return받을 string 변수명은 미리 string으로 선언한 변수명..

원문보기 내부링크
Tistory

[C/C++]Visual Code설치, C언어 Hello 예제 실행

목차 Visual Code(VS Code) 윈도우(Win10)에 설치하기 1. https://visualstudio.microsoft.com/ko/ 사이트에 접속 후 아래에 "Community 2022"를 다운로드(Download) 합니다.. 2. 다운로드가 완료 되면 설치를 시작합니다. 설치 중간에 로그인을 하라고 하면 로그인 안해도 되니 건너 뛰고 설치하시면 됩니다. 설치 완료 후 아래 그림과 같이나오면 시작을 클릭합니다. Visual Code(VS Code) 윈도우(Win10)에 설치 후 C언어 실행하기 1. 설치 완료 후 Visual Code를 실행하면 아래와 같이나옵니다. 새 프로젝트 만들기를 클릭 합니다. 2. 콘솔(Console)로 결과를 확인하기 위해 아래와 같이 콘솔 앱을 선택합니다. 3..

원문보기 내부링크
Tistory

[C/C++]C++의 std, 콜론, 꺽쇠(화살표), iostream, endl의 의미(::, <<,>>)

목차 C++ 기본 구조 Visual Code 를 실행하면 기본적으로 나오는 Hello World 출력 예제가 있습니다. 기본 구조를 변형해서 구조에 대해 설명할 예정입니다. 기본은 헤더 파일과 main 함수로 이루어 져있습니다. 헤더파일(Head file) 메인함수(Main function) C언어와 다르게 C++에서는 헤더 파일의 확장자(*.h)를 생략합니다. 그리고 실행을 하면 main 함수를 동작 합니다. 기본 구조는 아래와 같습니다. #include using namespace std; int main() { cout > #include int main() { char a_var[10]; std::cout > a_var; std::cout

원문보기 내부링크
Tistory

Visual Studio/ VS Code 선택 영역 주석 처리 방법(Python, C언어, HTML)

목차 Visual Studio C/C++ Programming 주석 처리 C언어에서 주석 처리는 간단하게 // 를 앞에 두면 됩니다. 선택 영역을 주석 처리하고 싶을 경우 아래 단축키를 사용 하시면 됩니다. Ctrl + K + C 주의 하실 점은 위 키를 순차적으로 누르셔야 한다는 것입니다. #include int main() { //char a_var[10]; //std::cout > a_var; //std::cout

원문보기 내부링크
Tistory

[C++]변수 종류, 크기, 범위, 예제로 변수 확인(Variable Type, Size, Range)

목차 C++ 언어 변수 종류, 크기, 범위 (Variable Type, Size, Range) 변수는 데이터를 저장하는 공간 입니다. 데이터 사이즈와 타입에 맞춰 효율적으로 변수를 선언해야 합니다. C++에서 사용하는 기본 변수는 아래와 같습니다. 운영체제(Operating System, OS) 32비트 기준입니다. 아래 범위는 signed 기준으로 unsigned 의 범위는 0~2^(바이트크기)로 생각하시면 됩니다. bool true/false 1byte 범위 : true / false int 정수형 4byte 범위 : -2,147,483,648 ~ 2,147,483,647 __int8 정수형 1byte 범위 : -128 ~ 127 __int16 정수형 2byte 범위 : -32,768 ~ 32,767..

원문보기 내부링크
Tistory

전기 자전거 리뷰 - FIIDO D11(접이식 전기자전거, 장단점)

목차 전기 자전거 리뷰 - FIIDO D11(접이식 전기자전거) 장점 비용 대비 고 스펙 크루즈 컨트롤 고용량 배터리 쉬운 폴딩 단점 배터리와 의자 분리가 용이(도난의 위험이 있음) 처음에 Fiido D11 배달을 받으면 박스 사이즈에 놀라실 겁니다. 다른 접이식 전기 자전거보다 더 컴팩트한 느낌을 받을 수 있습니다. 아래에 언박스 영상을 링크 걸었으니 참조 하시면 됩니다. https://www.youtube.com/watch?v=2sWC6eOhvLw D11의 참신한 디자인 중에하나는 418Wh 대용량 배터리가 들어간 좌석 기둥입니다. 배터리를 Slow 모드로 충전 시 약 7시간이 걸립니다. Cowboy3라는 전기자전거는 D11에 가격은 2배 이상이고 배터리 용량은 360Wh 를 사용 합니다. 용량이 적..

원문보기 내부링크
Tistory

[Python] Pymongo 데이터베이스 생성, 삭제, 변경, 정렬 (Collection, Database)

목차 Pymongo 데이터베이스(Database), 콜렉션(Collection) 생성, 데이터 입력 이번 포스트에서는 Pymongo를 사용해서 MongoDB의 Database, Collection을 생성, 삭제, 변경, 정렬, 추가 하는 예제를 구현할 것입니다. 기본 설치가 되어 있지 않다면 하단에 포스트를 참조 하시고 설치 후 아래 과정을 진행 하시면 됩니다. https://scribblinganything.tistory.com/195 [Python] MongoDB 설치, 파이썬과 연동(robomongo/robo 3t) 목차 Mongodb, robomongo 윈도우에 설치 Mongodb 설치 과정 1. 괄호안의 사이트를 들어가서 아래 그림1과 같이 "On-premises", "platform: Wind..

원문보기 내부링크
Tistory

[Bootstrap] Templates 무료 예제로 Flask와 연동하기

목차 Templates 무료 예제 다운(Download) 받기 우선 Bootstrap으로 만든 HTML 무료 예제를 다운 받습니다. 이번 예제에 사용할 Template는 아래 링크에서 가져 왔습니다. https://startbootstrap.com/template/simple-sidebar Simple Sidebar - Bootstrap Sidebar Template - Start Bootstrap Like our free products? Our pro products are even better! Go Pro Today! startbootstrap.com 심플한 디자인이고 각 각 하나의 HTML, JS, CSS 파일로 구성되어 있습니다. "startbootstrap-simple-sidebar-gh-p..

원문보기 내부링크
Tistory

[Javascript] Jquery 기본 구조와 선택자(Selector)

목차 Jquery 기본 구조 Jquery는 Javascript를 기본으로 만들어진 라이브러리로 보시면 됩니다. Javascript의 복잡한 기능을 사용자가 사용하기 편하게 단순하게 만들었다고 보시면 됩니다. 우선 Jquery를 사용하기 위해서는 라이브러리를 불러와야 합니다. 마치 파이썬(Python)에서 라이브러리(Library)를 사용하기 위해 import를 하는 것과 마찬 가지 입니다. Jquery를 사용하고자 하는 HTML 문서의 사이에 아래와 같이 선언해 줍니다. 다음은 Jquery 사용 기본 골격입니다. 2번 라인: DOM 즉, html 문서가 준비 되면 function() 을 시행합니다. 3번 라인: $(selector).action() 으로 selector는 한국말로는 선택자로 HTML 문서..

원문보기 내부링크
Tistory

[Bootstrap] HTML에 댓글창 추가하기

목차 기본 Templates 구성하기 이번에는 기존에 가져온 무료 Bootstrap(부트스트랩) Templates에 댓글(Comment)창을 추가하려고 합니다. 기본 Templates 구조는 블로그 형태 입니다. 무료 Templates를 가져와서 사용하는 방법은 아래 링크를 참조 하시면 됩니다. https://scribblinganything.tistory.com/404 [Bootstrap] Templates 무료 예제로 Flask와 연동하기 목차 Templates 무료 예제 다운(Download) 받기 우선 Bootstrap으로 만든 HTML 무료 예제를 다운 받습니다. 이번 예제에 사용할 Template는 아래 링크에서 가져 왔습니다. https://startbootstrap.com/template/..

원문보기 내부링크
Tistory

[Python] Flask Redirect, Abort 함수 사용방법, HTTP 상태코드 보내기 예제(Status Code)

목차 Flask Redirect, Abort 함수(Function)이란? redirect 의 기능은 응답 객체를 보내고 사용자(Client)를 원하는 위치로 이동 시켜 줍니다. 함수 사용방법은 아래와 같습니다. redirect(location, statuscode, response) location : 보내고자 하는 위치 statuscode : 300번대 응답 코드 Default는 302번 response : 응답(Response) 시작에 필요한 파라미터 redirect를 일반적으로 url_for와 함께 사용하여 원하는 위치의 함수를 실행 해 줍니다. HTTP status code의 경우 3xx 번의 코드를 보낼 수 있습니다. 3XX는 Redirect 관련 응답입니다. Default로 사용되는 302번의..

원문보기 내부링크
Tistory

[Python] Flask 메세지창 만들기(로그인페이지 예제) (Alert, Flashing, Popup)

목차 Flask 메세지창 함수 사용법 (Message, Popup, Flash, Alert) 어떤 사이트를 들어갈 때 로그인이 안되거나 할때 팝업창에서 "로그인이 필요합니다." 라고 뜨면서 로그인페이지로 이동하는 경험을 대부분 해보았을 것으로 생각됩니다. 이처럼 메세지창을 flask의 flash 함수와 jinja2로 구현할 수 있습니다. flash(message, category) flash의 Syntax는 위와 같습니다. message 항목에 원하는 메세지를 입력 합니다. Category은 Option 항목으로 아래와 같은 타입들이 있습니다. error info wanring 차이는 메세지 창의 형태가 경고냐 에러냐에 따라 아이콘 모양 등이 변형 됩니다. {% with messages = get_fla..

원문보기 내부링크
Tistory

[Python] Flask로 파일 업로드 웹페이지 만들기(werkzeug, files, upload)

목차 Flask 파일 업로드 방법 HTML의 enctype 속성의 값을 multipart/form-data 로 하고 올리고자 하는 파일을 form을 사용해서 특정 URL에 보냅니다. Flask에서는 해당 URL에서 request.files 객체를 사용해서 저장합니다. 파일을 올릴때 werkzeug 라이브러리의 secure_filename 함수를 사용하면 안정적으로 올릴 수 있습니다. werkzeug (벨져크)는 웹서버 interface를 설계할때 규약에 맞춰 설계할 수 있게 도와 주는 툴이라고 보시면 됩니다. 예전 버전은 아래와 같이 import 하였습니다. from werkzeug import secure_filename 하지만 최근 버젼을 사용한다면 아래와 같은 에러 메세지가 나옵니다. ImportE..

원문보기 내부링크
Tistory

AI스피커 리뷰(장단점, 영어공부) - 구글 네스트 오디오 (Google Nest Audio)

목차 AI스피커 리뷰(장단점) - 구글 네스트 오디오 (Google Nest Audio) 현재 쿠팡에서 23% 할인된 가격(101,600원)으로 로켓직구 판매를 최저가로 하고 있습니다. 관심있으시면 링크를 통해 확인 해보시면 됩니다. 우선 가격은 기존의 Nest Audio mini (네스트 오디오 미니)와 Home Max(홈맥스)의 중간 가격으로 20년 말에 출시 하였습니다. 홈맥스에 비해 저렴하지만 구글 네스트 오디오는 여러 방면에서 발전하였습니다. 사이지는 크지만 디자인 형태가 심플해서 집 어디에도 어울립니다. 그리고 기존의 구글홈(Google home)보다 사운드 퀄리티가 많이 올라 갔습니다. 그리고 구글 홈 보다 빠르게 소리 명령(Voice Command)에 응답합니다. 영어로 명령을 내리기 때문..

원문보기 내부링크
Tistory

액션캠 리뷰 - DJI Action 2

목차 액션캠 리뷰 - DJI Action 2 DJI 에서 오스모 액션 카메라 (Osmo Action Camera) 후속작으로 Action 2 를 출시 하였습니다. 기존의 오스모 디자인에서 180도 변경된 디자인을 가지고 왔습니다. 그리고 오스모(Osmo)라는 이름을 빼고 Action2로만 제품명을 변경하였습니다. 모듈의 연결을 자석으로 간편하게 할 수 있는 구조로 변경하였습니다. 위 그림에서 카메라 아래에 8개의 홀이 자석에 거치대는 부분입니다. 카메라 모듈 자체의 사이즈는 39mm x 39mm x 22mm 로 작습니다. 카메라에는 12MP 센서를 포함하여 4K 촬영을 가능하게 해줍니다. 렌즈는 155 도의 필드 뷰까지 허용해 줍니다. OLED 터치 스크린은 1.76인치로 "Gorilla Glass"로 ..

원문보기 내부링크
Tistory

[Python] Flask와 Jinja2 사용하여 데이터 주고 받기

목차 [Python] Flask와 Jinja2 사용하여 데이터 주고 받기 앞서 Post 글을 통해서 웹페이지(HTML)에서 백엔드(Back end) 서버로 값을 보낼 때 GET, POST 와 같은 request를 이용해서 값을 전달하였습니다. jinja2는 백엔드 여기서는 flask를 이용해서 돌리는 서버에서 웹페이지(Web page)로 값을 보낼 때 사용하는 툴입니다. jinja2는 파이썬에서 지원하는 동적 templating으로 사용이 간단합니다. jinja2 Syntax {{ flask에서 보낸 값 }} {% 문법(if,for) 사용 %} {# comment #} 단순히 flask에서 보낸 값을 받을 경우 첫번째 방식으로 HTML 문서에 선언하면 됩니다. 문법이 포함될 경우 2번째 줄과 같이 사용하..

원문보기 내부링크
Tistory

[Python] Flask, Jinja2 form데이터 출력하기(for문, bootstrap 사용)

목차 [Python] Flask, Jinja2 데이터 출력하기 앞서 포스트에서는 if문을 사용해서 jinja2를 실행하였습니다. [Python] Flask와 Jinja2 사용하여 데이터 주고 받기 목차 [Python] Flask와 Jinja2 사용하여 데이터 주고 받기 앞서 Post 글을 통해서 웹페이지(HTML)에서 백엔드(Back end) 서버로 값을 보낼 때 GET, POST 와 같은 request를 이용해서 값을 전달하였습니다... scribblinganything.tistory.com 이번에는 jinja2를 사용해서 form으로 받은 id, pw 값을 다른 페이지에서 테이블로 출력하는 예제를 실행하겠습니다. 테이블은 bootstrap을 사용해서 꾸밀 생각 입니다. [Python] Flask, J..

원문보기 내부링크
Tistory

[Python] Cookie란? flask로 쿠키 연동하기

목차 Cookie란? 쿠키란 사용자가 특정 서버에 접속했을 때의 정보를 사용자 본인 컴퓨터에 저장하여 사이트를 이용하는 동안 원할한 사용을 위해 해당 데이터를 불러서 사용합니다. Requst 객체는 Cookie 속성을 가지고 있습니다. Dicationary 형태로 저장되고 해당 값은 사용자(Client) 컴퓨터에 저장되는 것입니다. 예를 들어 사용자가 로그인을 하고 ID 값을 전 페이지에서 이용할 경우 매번 ID 값을 전달하는 것은 비효율 적입니다. 그래서 쿠키에 넣고 필요할 때 마다 불러서 사용할 수 있습니다. flask에서 쿠키 값을 사용하려면 아래와 같은 함수들이 필요합니다. make_response() set_cookie() request.cookies.get() make_response 함수와 ..

원문보기 내부링크
Tistory

[Python] 세션(Session)이란? flask에서 구현해보기(jinja2사용)

목차 세션(Session)이란? 앞서 포스트에서 쿠키(Cookie)에 대해 알아 보았습니다. 쿠키처럼 세션(Session)도 고객의 데이터이고 해당 데이터를 클라인트(Client) 브라우져(Browser)에 저장 해 놓습니다. 세션에서 보관하는 데이터는 flask에 의해 암호화 됩니다. 예를 들어 로그인한 상태에서 볼수 있는 페이지와 로그인이 되지 않은 상태에서 보이는 페이지 구분을 주고 싶을 때 세션에서 기록해서 Jinja2를 사용해서 해당 유져가 로그인 된 사용자인지 구분하여 다른 페이지를 보여 주는 것이 가능 합니다. Flask에서 세션(Session)을 사용하기 위해 필요한 선행 작업 app.secret_key = "My_Key" 앞서 세션이란 flask에서 암호화하여 정보를 client 브라우져..

원문보기 내부링크
Tistory

[Python] flask 기본 예제, route(), run()함수 사용방법

목차 [Python] flask 기본 예제 : route, run 함수 이번 포스트는 flask를 사용해서 간단하게 web server를 동작시키는 방법과 결과를 web browser 를 통해 확인해 보겠습니다. 예제 코드를 살펴 보기 전에 route 와 run 함수에 대해 알아보겠습니다. app.route(rule, options) route 함수의 syntax는 위와 같습니다. 입력값으로 받는 rule은 url의 주소부분이고 options에는 rule 객체의 파라미터 값이 들어 갑니다. app.run(host, port, debug, options) run 함수의 syntax는 위와 같습니다. host에 들어갈 값은 flask를 동작시키면서 모니터링 하고 있을 아이피(IP)에 대한 정의 입니다. De..

원문보기 내부링크
Tistory

[Python] flask 변수 사용 방법(Variables, string,int,float)

목차 [Python] flask 변수 사용 방법 flask 을 사용하여서 url 주소에 들어온 값을 변수(Variable)로 이용하여 파이썬 flask 내에서 해당 변수를 이용할 수가 있습니다. 기본 구조는 아래와 같이 괄호로 표기 합니다. 사용할 수 있는 변수 타입은 아래와 같이 총 3가지 입니다. 문자열(String) 정수(int) 실수(Float) 문자열을 default로 가져가기 때문에 앞서 기본 구조에서 문자열의 경우 변수타입을 입력 안해도 string으로 인식합니다. 하지만 정수와 실수는 변수 타입에 int나 float을 입력 해주어야 합니다. @app.route('/s/') def string_return(string_value): a_var = string_value print(a_var)..

원문보기 내부링크
Tistory

[Python] flask 주소 간에 이동 방법 (redirect, url_for)

목차 url_for 란? (인자값이 없는 경우) url_for는 flask 라이브러리에서 제공하는 함수입니다. syntax는 아래와 같습니다. url_for(url에 연결된 함수명, 전달할 인자값) url_for 함수는 함수값을 인자로 받습니다. 그리고 인자값(argument)도 보낼 수 있습니다. 이때 flask의 redirect를 연결해서 사용해야 합니다. 아래 예제를 보시면 쉽게 이해 됩니다. 예제는 인자 값이 없는 경우를 사용해보겠습니다. 코드>> from flask import Flask, redirect, url_for app = Flask(__name__) @app.route('/a_page') def go_a(): return 'This is a_page' @app.route('/c_pag..

원문보기 내부링크
Tistory

[Python] flask form 값 받기 (GET, POST)

목차 HTTP(Hypertext Transfer Protocol) 프로토콜 이란? HTTP는 인터넷 계층(OSI 7계층)에서 Application에 해당합니다. Request 방법에는 아래와 같이 9개의 방법이 있습니다. HTTP 패킷 안에 Request 정보가 같이 전달 됩니다. Request 종류 GET HEAD POST PUT DELETE CONNECT OPTIONS TRACE PATCH 실제 웹 서버를 설계하면 사용하는 request 는 GET, POST 크게 2개 정도만 사용합니다. 나머지 request에 대한 정보는 검색을 통해 확인하시면 됩니다. HTTP(Hypertext Transfer Protocol) GET GET는 말 그대로 데이터를 받기만 하고 다른 영향은 없습니다. 일반적으로 사용..

원문보기 내부링크
Tistory

[Python] 네이버 금융 주식 정보 가져오기 (ex. 삼성전자)

목차 [Python] 네이버 금융 주식 정보 가져오기 : pykrx 모듈 소개 BS4나 Selenium이나 Pandas의 html read 함수를 사용해서 주식 정보를 가져오려고 시도 했다면 그 과정이 만만치 않음을 알 수 있습니다. pykrx 모듈은 네이버금융(Naver finance)와 KRX 정보 데이터 시스템에서 주가 정보를 지속적으로 스크래핑(scraping) 하고 Github에서 업데이트 해줍니다. 해당 API를 사용하면 단 한줄로 주가 정보를 쉽게 가져 올 수 있습니다. pykrx의 상세 사용법을 알고 싶다면 위에 링크를 클릭해서 확인하시면 됩니다. pykrx를 사용하기 위해서는 아래와 같이 설치를 해주어야 합니다. pip install pykrx [Python] 네이버 금융 주식 정보 가져..

원문보기 내부링크
Tistory

스마트 시계 리뷰 - 레노버 스마트 클락(Lenovo Smart Clock)

목차 레노버 스마트 클락(Lenovo Smart Clock) 리뷰 현재 쿠팡에서 레노버 스마트 시계를 34% 할인된 가격에(82,030원)판매하고 있습니다. 해외 직구 이기 때문에 통관 번호가필요합니다. 만일 간단한 기능 정도 만을 원한다면 레노버 스마트 시계가 현재 할인가격을 생각한다면 탁월한 선택이 될 겁니다. 사이즈는 79.8mm x 113.88mm x 79.2mm 일반적으로 탁자에 올려 놓는 시계 사이즈를 생각하시면 됩니다. 구글 어시스턴트(Google Assitance)에 스마트 클락을 연결하시면 "Hey Google"로 연결해서 음악 재생, 스케쥴 관리 등을 할수 있습니다. 단점은 해외 직구제품이라 영어로 얘기해야 합니다. 하지만 단점이 될 수 있는 부분은 영어 공부를 한다고 생각하시면 구글 ..

원문보기 내부링크
Tistory

[Python] Pandas 이동평균 함수 사용법 (Rolling)

목차 [Python] Pandas 이동평균 함수 사용법 (Rolling) 파이썬의 판다스에서 제공하는 함수 중에 Rolling이라는 함수가 있습니다. 테이블에 많은 데이터가 있고 전체에 대한 평균이나 최소 최대값을 알고 싶은 것이아니라 Window 창이 이동하듯이 X축의 창을 이동하면서 Y값의 평균 최소 최대 값을 구해야 하는 경우들이 있습니다. 일반적인 코딩은 for문을 여러번 사용하여 복잡하게 계산하지만 Pandas rolling을 사용하게 되면 간단하게 이동하는 윈도우의 수치결과를 얻을 수 있습니다. 참고로 앞서 포스트에서 rolling 함수를 사용해서 30일간 이동 평균 Window를 이동시키면서 코스피 고점 대비 하락률을 계산하고 그리는 예제를 하였습니다. 해당 내용이 궁금하시면 아래 링크 참조..

원문보기 내부링크
Tistory

[Python] Flask란? (WSGI, Werkzeug, Jinja2, Web framework)

목차 플라스크란? (What is Flask?) Flask란 파이썬에서 사용 가능한 웹 어플리케이션 프레임워크(Web Application Framework)입니다. Pocco라는 파이선개발자 그룹의 Armin Ronacher에 의해 개발되었습니다. Flask는 Werkzeug WSGI 과 Jinja2 엔진에 의해 동작합니다. 가자 많이 사용하는 경우는 웹서버를 동작시킬 때 Backend를 동작시키는 엔진으로 생각하시면 됩니다. 파이썬에서 Flask를 사용해서 Backend 개발을 할 수 있습니다. 웹 어플리케이션 프레임워크(Web Application Framework) 란? 웹 어플리케이션 프레임워크(Web Application Framework)은 웹 엔진을 설계할 때 필요한 라이브러리를 모아놓은 ..

원문보기 내부링크
Tistory

블루투스 이어폰 리뷰 - Sony WF1000XM3 (쿠팡 53% 할인 판매, 무선이어폰)

목차 블루투스 이어폰 리뷰 - Sony WF1000XM3 소니(Sony)에서 WF1000XM4를 출시 한 이후 M3에 대한 가격이 대폭 할인되어 판매를 하고 있습니다. 현재 쿠팡에서 53% 할인된 가격 139,000원에 판매 하고 있습니다. WF1000XM3 는 19년 8월에 출시 한 후 노이즈 캔슬링 분야에서 타사에 비해 월등한 성능으로 자리매김을 하였습니다. 디자인에서 깔끔하고 근대적인 디자인을살렸고 배터리 용량도 기존의 제품에서 확장하였습니다. 블루투스 이어폰 리뷰 - Sony WF1000XM3 : 장단점 장점 강력해진 노이즈 캔슬링(Noise Cancellation) 음질 깔끔한 디자인 배터리 용량 단점 방수 지원 안됨 장비 하나만 연결됨 (Multi point 연결안됨) 무선 충전 지원 안됨 이..

원문보기 내부링크
Tistory

[Bootstrap]HTML 버튼,라벨,입력창 오른쪽 정렬/배치, 위, 아래 놓기

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

원문보기 내부링크
Tistory

[Javascript] Jquery HTML, TEXT, Atrribute(속성) 정보 가져오기

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

원문보기 내부링크
Tistory

[Javascript] Jquery HTML, TEXT, Atrribute(속성) 변경하기

목차 [Javascript] Jquery HTML 내용 변경하기 javascript로 만든 Jquery에서 html(바꿀내용)함수를 사용하여서 기존의 내용을 변경할 수 있습니다. 우선 jquery 사용을 위해서 에 아래와 같이 선언해주어야 합니다. 사이에 아래와 같이 함수를 정의 합니다. 3번 라인 : #set_btn 이라는 아이디를 가진 버튼을 클릭할 경우 아래 함수를 실행합니다. 4번 라인 : #id_id의 html 구문을 괄호안의 값으로 변경 합니다. 전체 코드>> 나는누굴까? Set Html 결과>> [Javascript] Jquery TEXT(텍스트) 내용 변경하기 이번에는 앞서 동일 예제의 라벨의 텍스트값만 변경해보겠습니다. 구성은 동일하고 앞서 전체 코드에서 19~23번 라인만 아래와 같이 ..

원문보기 내부링크
Tistory

[Python] yfinance로 고점대비 하락율 그래프 그리기 (코스피, 코스닥, MDD)

목차 [Python] yfinance로 고점 대비 하락율 그래프 그리기 : 배경 지식 yfinance 는 야후파이낸스(Yahoo finance)에 나와 있는 데이터를 파이썬으로 쉽게 이용할 수 있게 만들어진 라이브러리 입니다. 이번 포스트의 목적은 yfinance를 사용해서 코스피(Kospi) 의 1년 간에 종가 데이터를 가져와서 고정 대비 하락율을 계산하는 MDD(Maximum Draw Down)와 DD(Draw Down)을 구해서 matplotlib 라이브러리를 사용해서 그래프로 표현할 생각 입니다. 개인적으로 주식을 하는데 MDD가 6프로 이상 떨어질때 주식을 구입하기 위해 해당 코드를 작성 했습니다. 필요하신 분들은 아래 코드를 통해 성투하시길 바랍니다 ㅎ 앞서 언급한 라이브러리에 대해 자세히 알..

원문보기 내부링크
Tistory

[Python] 코스피, 코스닥 값 불러와서 분석하기(pandas)

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

원문보기 내부링크
Tistory

액션캠 리뷰 - 고프로 히어로10 (GoPro Hero10)

목차 액션캠 리뷰 - 고프로 히어로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퍼센트 정도 가벼워 졌다고 ..

원문보기 내부링크
Tistory

[Python] 코스피 1년 차트 그리기(Pandas, Matplotlib)

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

원문보기 내부링크
Tistory

[Python] yfinance 함수 사용법 정리 (코스피,테슬라)

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

원문보기 내부링크
Tistory

즉석 사진기(카메라) 리뷰 - Fuji 인스탁스 미니40(Instax Mini40)

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

원문보기 내부링크
Tistory

[Python] String 위치 별 공백 없애기 (strip, replace, re)

목차 [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에는 바꾸고자 하는 내..

원문보기 내부링크
Tistory

[Python] Pandas DataFrames이란? 선언, 데이터 찾기, 정렬하기 예제(find, sort)

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

원문보기 내부링크
Tistory

[Python] BS4로 네이버금융 종목분석-재무분석 값 가져오기

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

원문보기 내부링크
Tistory

스마트 태그 비교 리뷰 (삼성 SmartTag Plus, 애플 AirTag, 타일 Pro)

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

원문보기 내부링크
Tistory

[Javascript] 자바스크립트에서 CSS 변경 하기 (HTML Style)

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

원문보기 내부링크
Tistory

[Python] Pandas Series란? 선언방법, 합치기 (append)

목차 [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번째 라인처럼 라벨을 직접 설정할 수 있습니다. 그리고 설정..

원문보기 내부링크
Tistory

[Python] Pandas로 네이버 금융 재무분석 항목 가져오기(에러해결 추가)

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

원문보기 내부링크
Tistory

[nslookup] IP로 도메인 주소 찾기, 도메인 주소로 IP 찾기

목차 [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정보를 전달..

원문보기 내부링크
Tistory

[Python] Numpy와 list 차이 (정의, 사용법, 예제코드)

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

원문보기 내부링크
Tistory

[Javascript] 변수, 함수 - 예제 HTML 출력(변수 입력 받아서 더하기 빼기 alert 출력)

목차 자바스크립트 변수란? 자바스크립트 변수는 아래와 같이 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 아래..

원문보기 내부링크
Tistory

키즈 블루투스 헤드폰 리뷰 - Cosmos Plus, BuddyPhones

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

원문보기 내부링크
Tistory

[Javascript] 타입 확인하는 방법, 정수(int)/문자(string) 변환

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

원문보기 내부링크
Tistory

블루투스 이어폰 리뷰 -자브라 엘리트3(Jabra Elite3)

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

원문보기 내부링크
Tistory

[Python, matplotlib] 선 스타일, 선 색상, 선 두께

목차 [Python, matplotlib] 선 스타일 Sytax는 아래와 같습니다. y 값을 선으로 표현하고 선의 스타일을 "linestyle"로 정의 합니다. plt.plot(y, linestyle = value) value 값의 항목은 아래 테이블과 같습니다. 스타일명을 사용해도 되고 값을 입력해도 됩니다. 스타일 명 값 soild "-" dotted ":" dashed "--" dashdot "-." None "" 예제 코드>> import matplotlib.pyplot as plt import random x = [0, 1, 2, 3] #임의의 y값 넣기 y = [] for _ in range(4): y.append(random.randrange(0,10)) plt.plot(x,y, linest..

원문보기 내부링크
Tistory

[Javascript] HTML 태그 사이 글짜, 요소 가져오기 (getElementById, getElementsByClassName, getElementsByName, getElementsByTagName)

목차 [Javascript] HTML 태그 사이 element 가져오기 - getElementById() HTML 문서에서 id 값을 이용해서 위치를 파악하고 해당 태그의 정보를 가져 오는 방법입니다. Syntax는 아래와 같습니다. document.getElementById(elementID) 찾은 element는 일반적으로 변수에 넣고 속성을 변경하거나 속성 정보를 가져 올 수 있습니다. 예제 코드>> H1 입니다 두번 째 H1 입니다 1st_li 2nd_li 3rd_li ########출력 결과######### 결과>> [Javascript] HTML 태그 사이 element 가져오기 - getElementsByClassName() HTML 문서에서 class 값을 이용해서 위치를 파악하고 해당 태..

원문보기 내부링크
Tistory

삼성 외장하드 T7 장단점 리뷰 (지문인식, 암호화, 보안 설정 가능)

목차 삼성 외장하드(SSD) Touch MU-PC1T0S/WW 리뷰 외장 하드(SSD)를 선택하는 중요한 기준은 사이즈, 속도, 포트 연결, 가격 정도 입니다. 삼성 전자에서 출시한 T7 지문 인식 외장 하드를 출시하여 기존의 SSD에 보안 기능을 강화하였습니다. Capactive 지문인식기가 외장 하드 윗면에 설치되어 있습니다. 해당 방식은 최근에 적용된 스마트폰이나 노트북에 사용되는 기술과 동일합니다. 우선 지문을 하드에 있는 앱(app)을 통해 저장하면 노트북이나 스마트폰에 SSD를 연결(Mount) 하기 전에 항상 지문 검사를 시행 합니다. 해당 지문 기술은 AES 256 비트 암호화 방식을 사용하고 있습니다. SSD에 들어간 삼성 소프트웨어는 아래 OS와 호환이 가능합니다. Windows 7 이..

원문보기 내부링크
Tistory

[Javascript] HTML 이벤트 발생 시 동작 함수 (마우스 클릭, 키보드 클릭 등)

목차 [Javascript] HTML 이벤트 발생 시 동작 함수 HTML 문서에서 자바스크립트를 이용해서 특정 동작이 발생하면 자바스크립트를 동작시키게 할 수 있습니다. 우선 아래 Syntax를 통해 설명 하겠습니다. HTML "element"에서 특정 "event"가 발생하면 "some JavaScript"가 동작 하는 구조 입니다. element는 div, a, h1, button과 같은 tag가 될 수 있습니다. HTML DOM에서 제공하는 event가 많이 있는데 주요 이벤트만 정리해서 아래와 같이 테이블로 만들었습니다. Event 명 설명 onchange HTML element가 변경될 때 onclick HTML element를 클릭할 때 onmouseover HTML element에 마우스 커..

원문보기 내부링크
Tistory

SONY WF-1000XM4 리뷰, 장단점 (소니 블루투스 이어폰)

목차 SONY WF-1000XM4 리뷰 소니에서 WF-1000XM3 이어버즈를 출시한지 벌써 2년이 지났습니다. 경쟁사의 애플 AirPods Pro, 보스의 QuietComfort Earbuds와 같은 고퀄 블루투스 이어폰을 상대로 최고의 노이즈 캔슬링(Noise Cancellation) 기능을 탑재한 제품으로 돌아왔습니다. 현재 쿠팡에서 28% 할인된 가격으로 279,000원에 판매를 하고 있습니다. (포스트 하단에 구매 링크 있습니다.) 기존의 WF-1000XM3에 비해 소리를 더 정제하고 IPX4 등급에 맞는 방수 기능을 추가하였다고 합니다. WF-1000XM4는 무선 오디오의 바를 높이고 노이즈 캔슬링 상태에서의 배터리 사용시간을 증가하였습니다. SONY WF-1000XM4 장점, 단점 장점 강력..

원문보기 내부링크
Tistory

[Python, matplotlib] 그래프에 Grid 그리기 예제 (옵션사용)

목차 [Python, matplotlib] 그래프에 Grid 그리기 예제 (옵션사용) matplotlib 그래프를 보면 뒷면에 격자 무늬의 그리드 선들이 있습니다. 이번 포스트에서는 그리드를 그리는 방법과 유용한 option을 사용해서 그리드를 꾸며 보도록 하겠습니다. Grid Syntax matplotlib.pyplot.grid(b=None, which='major', axis='both', **kwargs) Grid Syntax는 위와 같습니다. 위에서 실제 사용하는 값은 axis 값과 **kwargs 정도 입니다. axis의 값은 'both', 'x', 'y'가 있습니다. 선택하지 않으면 default로 'both' 값이 선택 됩니다. **kwargs 는 선을 그리는데 필요한 일반적인 option ..

원문보기 내부링크
Tistory

[Python, matplotlib] 여러 그래프에 한 화면에 그리기 (subplot)

목차 [Python, matplotlib] 여러 그래프에 한 화면에 그리기 (subplot) 이번 포스트의 주제는 크게 두가지로 진행됩니다. 여러개의 서브 그래프(Subplot) 만들기 2개 이상의 그래프를 한개의 화면에 나타내기 (Multiple plots in one graph) 위 작업을 위한 핵심 모듈은 subplots 입니다. Syntax 는 아래와 같습니다. matplotlib.pyplot.subplots(nrows=1, ncols=1, *, sharex=False, sharey=False, squeeze=True, subplot_kw=None, gridspec_kw=None, **fig_kw) 내부 속성에 대한 정의는 링크에서 확인하시면 됩니다. 하지만 일반적으로 사용하는 속성은 아래 예제 ..

원문보기 내부링크
Tistory

저가 노트북(Laptop) 비교 리뷰 #1

목차 저가 노트북(Laptop) 비교 리뷰 소개글 사람들은 저렴한 가격에 고성능 노트북을 구매하길 원할 겁니다. 여기서 중요한 것은 저렴한 비용으로는 모든 분야에서 고성능을 유지할 수 없기 때문에 어느 부분의 기능을 포기하고 어느 부분에 집중하는가 입니다. 어느정도의 비용으로 터치스크린, 프리미엄 샤시, HDMI 포트, 백릿(Backlit) 키보드, 스타일러스 펜 기능을 가질수 있지만 어느 기능에 집중할지 어느 기능을 버릴지를 판단해야 합니다. 아래 제품들은가격은 100만원대 이하의 제품에서 선정했습니다. 개인적으로는 "제품 1. HP ENVY X360 13"이 마음에 들지만 3제품 중에 가격이 제일 비쌉니다. ㅎ "이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다."..

원문보기 내부링크
Tistory

[Javascript] HTML문서에 시간 입력하거나 글쓰기 (document.write)

목차 HTML DOM write(), writeln() Method 란? write() 메소드는 괄호안의 입력값을 HTML 문서에 표현해줍니다. 입력값으로 HTML 코드나 자바스크립트 코드를 받습니다. HTML을 바로 쓰기 때문에 실제로 write()를 사용해서 코드를 짜지는 않습니다. write() 는 일반적으로 내 코드가 정상적으로 동작하는지 확인하기 위해 debugging 용으로 사용합니다. writeln() 은 write()와 동일한데 마지막에 줄넘김이 들어가있다는 차이 입니다. HTML DOM write() Syntax document.write(exp1, exp2, exp3, ...) 여러개의 코드를 입력에 넣을 수 있습니다. write() 는 별도의 return 값은 없고 HTML 페이지에 ..

원문보기 내부링크
Tistory

[Python] String 인코딩, 디코딩 함수 (encode, decode)

목차 [Python] String 인코딩, 디코딩 함수 (encode, decode) 이번 포스트에서는 스티링의 문장을 인코딩하거나 디코딩해서 binary(바이너리)로 변경하는 함수에 대해 알아보겠습니다. encode() 와 decode()는 string 내부에 내장된 함수 입니다. encoding에는 많은 종류가 있는데 대표적으로 사용되는 encoding은 아래와 같습니다. utf-8 utf-16 euc-kr ascii Encode, Decode 함수 Syntax Str.encode(encoding='UTF-8',errors='strict') Str.decode(encoding='UTF-8',errors='strict') encoding 속성의 값은 앞서 언급한 encoding 종류를 입력하면 됩니다...

원문보기 내부링크
Tistory

[Python] String 단어 나누기, 단어 바꾸기 (split, replace)

목차 Python String 단어 나누기 함수 String에 내장된 함수로 split를 사용하면 string 안의 단어를 나눠 줄 수 있습니다. Syntax는 아래와 같습니다. string.split(separator, maxsplit) parameter 값으로 separator와 maxsplit이 있습니다. separator : 나누는 기준점, default는 띄워쓰기(스페이스) 입니다. maxsplit : 몇 개까지 나눌지를 정합니다. default는 -1이고 의미는 모든 경우입니다. 예제 코드>> words = "HelLo, mY nAme is Scribble" print(words.split()) print(words.split(",")) 결과>> ['HelLo,', 'mY', 'nAme', '..

원문보기 내부링크
Tistory

[Python] String 대문자/소문자 바꾸기/ 카운트 함수 (capitalize, upper, lower, count)

목차 Python String 대문자로 바꾸기 함수 String에 내장된 함수로 Upper를 사용하면 string 안의 소문자를 모두 대문자로 변경해줍니다. Syntax는 아래와 같습니다. string.upper() upper는 별도의 parameter 값을 가지지 않습니다. 예제 코드>> words = "HelLo, mY nAme is Scribble" print(words.upper()) 결과>> HELLO, MY NAME IS SCRIBBLE Python String 대문자로 바꾸기 함수 String에 내장된 함수로 lower를 사용하면 string 안의 대문자를 모두 소문자로 변경해줍니다. Syntax는 아래와 같습니다. string.lower() lower는 별도의 parameter 값을 가지지..

원문보기 내부링크
Tistory

Bose 사운드링크 플렉스 스피커 리뷰 (SoundLink Flex)

목차 Bose 사운드링크 플렉스 스피커 리뷰 (SoundLink Flex) Bose 에서 이번에 포터블 블루투스 스피커를 출시했습니다. 현재 쿠팡에서 17,9000원에 최저가로 판매 중입니다. 이번 제품은 IP67 수준의 방수 인증을 받았습니다. 배터리 수명은 약 12시간 입니다. (기존 SoundLink Mini II와 동일) Bose에서 주장하는 바에 의하면 SoundLink Flex 사이즈의 제품 크기에 비해 음질이 탁월하다고 합니다. 사이즈는 아래와 같습니다. 7.9 x 3.6 x 2.1 (inches) 위에 달려있는 스트랩으로 외부에 걸기도 쉽고 보관이 간단합니다. 내부로 들어가면 SoundLink Flex는 자체 제작한 Transducer를 사용한다고 합니다. 사이즈는 해당 크기에서 딱 맞춘 ..

원문보기 내부링크
Tistory

Python Hex, Decimal, Binary (16진수, 10진수, 2진수) 변환 함수

목차 Python Hex, Decimal, Binary (16진수, 10진수, 2진수) 서로 변환하기 몇 진수의 값이든 십진수로 변환을 쉽게 할 수 있습니다. 파이썬에서 제공하는 int 함수를 사용하면 어떤 값이든 10진수로 변환 가능합니다. int(value, base) int의 Syntax는 위와 같습니다. Option 값의 특성은 아래와 같습니다. value : string으로 된 변환하고 자 하는 수 base : value 값의 진수 16진수와 2진수 변환 함수는 아래와 같습니다. hex(value) bin(value) value 값은 integer(정수) 값을 입력으로 받습니다. 16진수 수를 10진수 2진수 그리고 다시 16진수 수로 변환해 보기 예제 예제 코드>> hex_value = "1f..

원문보기 내부링크
Tistory

애플 워치 7 - 고속 충전 케이블 (Apple Watch Series 7, Fast Charging)

목차 애플 워치 7 - 고속 충전 케이블 (Apple Watch Series 7, Fast Charging) Apple Watch 시리즈 7에 새롭게 추가된 기능 중에 하나가 고속 충전입니다. 애플사에 따르면 80% 충전을 약 45분에 가능하게 한다고 합니다. 하지만 고속 충전의 이점을 이용하고 싶다면 애플 워치 7과 함께 포함된 충전 케이블을 사용하라고 합니다. 이번 충전 케이블은 기존의 모델과는 다른 "Apple Watch Magnetic Fast Charger"라고 합니다. 기존의 USB-C 충전 케이블과 이번에 나온 새 모델은 외관은 동일하게 보인다고 합니다. 하지만 새로 나온 케이블만 최대 속도로 충전이 가능합니다. 애플사에서 기존의 고속 충전이 안되는 USB-C 충전 케이블 판매를 중단하였지만..

원문보기 내부링크
Tistory

티스토리 블로그 꾸미기 - 코드블럭 줄번호 매기기

목차 목적 / 현재 블로그 상태 사실 이전에 코드블럭의 코딩에 대해 라인 번호를 넣으려고 시도 했으나 실패했습니다. 당시 사용하던 스킨은 Square(스퀘어) 였습니다. 여러가지 변경을 해보았으나 Square 스킨에서는 라인 넘버 넣는 작업이 잘 되지 않아서 스킨을 북클럽(Book Club)으로 변경해서 적용하니 바로 동작 하였습니다. 아마 Square 스킨에서도 변경하는 방법은 있겠지만 저는 아직 방법을 찾지 못해서 Book Club 스킨에서 변경하는 과정을 설명하도록 하겠습니다. 코드 블럭 라인을 넣는 작업은 하이라이트 자바스크립트(highlight.js)를 가져와서 적용하는 과정입니다. 적용 방법은 순서대로 따라만 하면 되기 때문에 자바스크립트에 대한 이해는 크게 필요 없습니다. 사용 중인 스킨(S..

원문보기 내부링크
Tistory

Python 파일 (한글 포함) 읽어서 동일한 문장 개수 카운트 하기

목차 Python 파일 읽어서 동일한 문장 개수 세기 코드>> #리스트, 딕션너리 선언 list_words = [] dic_words = {} #파일에서 내용 읽어오기 file = open('D:\\test.txt', "r", encoding="utf-8") words = file.read() #띄워쓰기로 나눈 단어 리스트로 넣기 list_words = words.split() #단어들을 키값으로 넣고 새로운 단어가 나오면 0 + 1로 카운터 시작 for word in list_words: dic_words[word] = dic_words.get(word, 0) + 1 keys = sorted(dic_words.keys()) for word in keys: print("{0} 단어 개수 : {1} 개"...

원문보기 내부링크
Tistory

HTML - Bootstrap 사용해서 공간(레이아웃) 배치하기 (Grid)

목차 글 시작에 앞서 visual studio에서 bootstrap 코드를 작성하고 확인하는 방법을 괄호 링크에 있으니 참조하길 바랍니다 (https://scribblinganything.tistory.com/298) HTML - Bootstrap 사용해서 공간 배치하기 (Grid) Bootstrap의 Grid를 사용한다는 의미는 웹 화면의 Front end를 엑셀처럼 열과 행으로 나눠서 사용하겠다는 의미 입니다. Bootstrap에서 제공하는 클래스(Class)의 클래스명을 row와 column을 사용해서 정의할 수있습니다. row : 행 지정 column : 열 지정 행의 경우 웹화면에서 스크롤을 내려서 계속 만들 수 있지만 열의 경우 12개의 열로 고정되어 있습니다. 아래 그림은 최대치로 열을 설정..

원문보기 내부링크
Tistory

[갤럭시] Z 폴드3, Z 플립3 내구성 입증 시험 영상

[삼성 갤럭시] Z 폴드3, Z 플립3 내구성 입증 삼성에서 Galaxy Z Fold 3, Z Flip 3의 내구성을 입증하는 시험 영상을 공유 하였습니다. 이미 8월에 출시된 제품에 대해서 지금에서야 가혹 시험 통과 영상을 공유한 이유는 불확실 합니다. 추측건데 최근에 보고된 갤럭시 Z 플립3의 스크린에 발생한 크랙에 의한 고객 불만을 잠재우려는 시도로 생각됩니다. 현재 상단에 공유된 영상에서 삼성은 총 4가지의 시험을 진행합니다. 환경챔버 시험 : 가혹한 온도에서 정상 동작 시험 물에 담구기 시험 로봇팔로 S펜 사용 시험 반복 접기 시험 2012년에도 삼성에서는 스트레스 시험한 영상을 공유하였습니다. 물론 애플에서도 예전에 안테나 관련 시험을 공유하기도 하였습니다. 이번에 공유한 영상이 Z 플립 3의..

원문보기 내부링크
Tistory

Python tkinter - Scrollbar 예제와 사용방법

목차 TKINTER Scrollbar 란? / Syntax scrollbar = ttk.Scrollbar( container, orient='vertical', command=widget.yview ) 스크롤바 위젯은 Listbox, Text, Canvas 와 같은 위젯의 내용이 클 경우 스크롤바의 Slide를 통해 확인할 수 있게 도와 줍니다. 수직형 뿐만 아니라 수평형 스크롤바 제작이 가능합니다. scrollbar를 사용하는 방법은 아래와 같습니다. Scrollbar 위젯 생성 스크롤 가능한 위젯과 scrollbar 연결 TKINTER Scrollbar 파라미터 container : 스크롤바를 위치할 window나 frame을 이름 값을 넣습니다. orient : 스크롤바의 수직 수평 값을 정합니다...

원문보기 내부링크
Tistory

HTML - Bootstrap 사용해서 공간(레이아웃) 배치하기 (Container)

목차 글 시작에 앞서 visual studio에서 bootstrap 코드를 작성하고 확인하는 방법을 괄호 링크에 있으니 참조하길 바랍니다 (https://scribblinganything.tistory.com/298) HTML - Bootstrap 사용해서 공간 배치하기 (Container) Web에서 Frontend 디자인에서 레이아웃을 설정하는 것은 어려운 일입니다. 사이즈를 고정하면 웹브라우져의 화면에 따라 유연하게 반응하기 어렵습니다. Container 클래스 값을 적용하는 것만으로 쉽게 배치 문제를 해결할 수 있습니다. Container 클래스의 종류는 아래와 같습니다. container container-sm container-md container-md container-xl Bootstra..

원문보기 내부링크
Tistory

무선이어폰 리뷰 - BOSE QC 이어버드 6개월 실제 사용 후기

목차 BOSE QuietComfort Earbuds 특징 노이즈 캔슬링 (Noise Cancelling) 생생한 사운드 귀에서 잘 빠지지 않는 구조 심플 터치 컨트롤 완충 시 최대 6시간 사용 가능 노이즈 캔슬링에는 Active와 Passive 형태로 제공합니다. Active의 경우 이어버드에 탑재된 마이크가 주변 소리를 모니터링 한 후 반대 음파를 만들어서 소음을 차단합니다. Passive 형태는 이어버즈의 노즐이 귀 모양에 맞게 완전 밀착되어 물리적으로 차음 기능을 제공합니다. Bose에서 제공하는 어플리케이션을 사용하면 11단계의 노이즈 캔슬링을 설정할 수 있습니다. BOSE Volume Optimized EQ 기술로 자동으로 저음과 고음의 음질을 향상 시켯습니다. 위와 같은 구조는 귀에 딱 맞게 ..

원문보기 내부링크
Tistory

CSS 선택자 - 별표(*)샵(#)점(.)콜롬(:)괄호(>, [])캐럿(^)달러($) 의미와 예제

목차 참조글 글 시작에 앞서 visual studio에서 bootstrap 코드를 작성하고 확인하는 방법을 괄호 링크에 있으니 참조하길 바란다. (https://scribblinganything.tistory.com/298) CSS 기본 구조 위 예제 구조는 제 티스토리(tistory)의 CSS에서 일부 입니다. 구성은 총 2개로 아래와 같이 구성됩니다. 선택자(Selector) : 녹색 부분으로 CSS를 적용할 부분을 선택 합니다. 선언부(Declarative) : { } 괄호 부분으로 선택자에서 선택한 부분에 괄호안의 CSS 속성을 적용합니다. 선언부는 다시 아래와 같이 2개로 구성됩니다. 속성명(Property) : 위 그림의 빨간색 부분입니다. 속성값(Value) : 위 그림에서 파란색 부분입니다..

원문보기 내부링크
Tistory

올인원 무선충전기 구매 리뷰 (워치, 스마트폰, 무선이어폰 한번에 충전 가능-만렙 3in1)

목차 더코너스톤 만렙 3in1 애플워치 충전독 무선 충전기 위 사진은 제가 실제로 6개월간 사용해보고 올린 사진 입니다. 구매 후기는 아래와 같이 간단하게 정리 하였습니다. 3WCC101 구성품 충전 케이블 본체 (흰색/검은색 선택가능) 설명서 3WCC101 크기(Size) 3WCC101 장점 하나의 본체로 워치, 스마트폰, 무선이어폰 충전 가능 호환모델 애플워치 2세대부터 Series2 ~6 SE 갤럭시워치(무선충전모델) 에어팟, 갤럭시버즈, 기타 이어폰 무선충전 가능 모델은 모두 호환됨 아이폰, 갤럭시시리즈, 기타 스마트폰 무선충전이 가능한 모델은 모두 호환 가능 아이폰12미니는 제품 규격상 충전이 원활하게 지원이 안됨 충전 중일 경우 전면에 초록색 LED로 알려줌 완료 후 LED 가 꺼짐 충전 케이..

원문보기 내부링크
Tistory

Bootstrap 팝업창(modal, dialog box) 만들기 (크기 조절)

목차 참조 글 시작에 앞서 visual studio에서 bootstrap 코드를 작성하고 확인하는 방법을 괄호 링크에 있으니 참조하길 바란다. (https://scribblinganything.tistory.com/298) Bootstrap 팝업창(modal, dialog box) 만들기 (크기 조절) Bootstrap에서 말풍선을 만드는 방법은 크게 두가지가 있다. tooltip modal 툴팁의 경우 마우스를 올려만 놓아도 박스가 생기고 마우스를 옮기면 사라진다. 모달의 경우 클릭과 같은 행동을 통해 새로운 창을 만들고 그 창을 원하는 형태로 꾸며 줄 수 있다. 예제 코드로 이해해보기 코드>> 버튼을 클릭하면 말풍선/팝업창이 생깁니다 클릭 × 헤더 부분 바디 부분 테일부분 닫기 결과>> 주석>> 모달..

원문보기 내부링크
Tistory

티스토리 블로그 꾸미기 - 텍스트 CSS 적용하기

목차 목적 / 현재 내 블로그 상태 위에 목적처럼 제목이나 글에 효과를 주는 방법을 공유하려고 합니다. 티스토리 블로그를 사용해보시면 아시겠지만 글을 꾸미기에는 최적화되어 있지 않습니다. 제대로 꾸미려고 한다면 HTML, CSS, JQUERY 등 언어를 조금은 사용할 줄 알아야 합니다. 저도 배우는 입장에서 최대한 쉽게 블로그를 정리하면서 꾸며보려고 합니다 :) 스킨의 종류에 따라 효과들이 안먹히는 경우들이 있어서 제 조건을 먼저 알려드리겠습니다. 사용 중인 스킨 : 북클럽 (Book Club) H 태그(Tag) 변경하기(1) : 태그 값 확인하기 글을 작성 후에 위 그림1의 오른쪽 상단처럼 기본 모드에서 "HTML"로 변경해 줍니다. 그림2에서 "목적/...." 을 "제목2"로 적용해서 썼는데 HTML..

원문보기 내부링크
Tistory

log함수란? 파이썬으로 계산, 그래프 그리기 (예제로 이해)

log함수란? 간단하게 지수함수를 역으로 표현한것이다. 간단한 예제로 아래와 같이 지수값이 log를 취하면 값이 되는 것이다. 수식으로 표현하면 아래와 같다. 그리고 A에 해당하는 숫자가 없다면 일반적으로 10으로 이해하면 된다. 그리고 A가 exponential(e) 일 경우 log는 ln으로 표현 한다. 로그 함수 파이썬으로 계산하고 그래프로 그리기 코드>> import matplotlib.pyplot as plt import numpy as np # x값 설정 x = np.arange(0,10,0.5); # log 예제 amplitude = np.log(np.e) print(amplitude) amplitude = np.log10(10) print(amplitude) amplitude = np.lo..

원문보기 내부링크
Tistory

닌텐도 스위치 OLED 리뷰 (Nintendo Switch OLED)

닌텐도 스위치 OLED 리뷰 미국에서 21년 10월 8일 출시될 닌텐도 스위치 OLED 판매가는 $349.99 이다. 기능적으로는 2017년에 출시된 스위치 제품과 동일하다. 외관을 17년 스위치 제품과 비교하면 아래와 같다. 동일 게임 동일 인터페이스 동일 컨트롤러 받침대는 발전됨 저장공간은 기존보다 커짐 동일 배터리 수명 (4.5 ~ 9시간) 하지면 화질에서 차이를 크게 느낄 수 있다. 우선 LCD 디스플레이가 더 커졌고 OLED를 사용해서 화면이 더 밝아졌음을 알 수 있다. 우선 간단히 장점과 단점을 나열하면 아래와 같다. 장점 선명한 화질의 OLED 스크린 받침대 구조 저장공간 확장 (64GB internal 저장공간) 단점 동일한 조이콘 컨트롤러 (Joy Con) 동일 디자인 우선 OLED 스크..

원문보기 내부링크
Tistory

Data type 크기 - Byte, Halfword, Word, Doubleword, Quadword, int, long, short, char, long long, float, double, bool, void*

Data type 크기 Main processor에서 정의하는 Data Size는 아래와 같다. Data 명 크기(Bits) ARM 구조 Byte 8 32bits, 64bits Halfword 16 32bits, 64bits Word 32 32bits, 64bits Doubleword 64 32bits, 64bits Quadword 128 64bits 프로그램 언어를 사용하면 데이터 타입에 따라서 크기를 얘기할 때 Byte, Word로 표현한다. 해당 크기는 위의 테이블 값을 참조 하면 된다. C언어. C++언어에서 Data 종류에 따른 크기 Data 종류 크기(Data type) 크기(bits) int word 32 long word 32 short Halfword 16 char Byte 8 long ..

원문보기 내부링크
Tistory

부트스트랩 - 말풍선(Tooltip) 만들기 (예제로 쉽게 이해하기)

글 시작에 앞서 visual studio에서 bootstrap 코드를 작성하고 확인하는 방법을 괄호 링크에 있으니 참조하길 바란다. (https://scribblinganything.tistory.com/298) Bootstrap - 말풍선(Tooltip) 만들기 부트스트랩에서 제공하는 "tooltip.js"를 이용하면 간단한 구문으로 툴팁(말풍선)을 만들 수 있다. 바로 코드로 설명하겠다. 코드>> 버튼에 마우스를 올리면 말풍선이 생깁니다 오른쪽 왼쪽 결과>> 주석>> 위 결과와 같이 말풍선 박스가 생겼다. 툴팁 위치(배치) 지정하는 법 아래를 참조해서 코드에 값을 넣도록 하자 오른쪽 오른쪽 오른쪽 오른쪽

원문보기 내부링크
Tistory

파이썬 Excel 파일 읽기, 값 변경(덮어쓰기) (예제로 이해하기)

Python Excel 파일 읽기, 값 변경(덮어쓰기) (예제로 이해하기) 파이썬에서 Excel 자동화를 위해 가장 많이 사용되는 라이브러리 중에 하나인 "openpyxl"을 설치하였다. 설치는 아래와 같이 간단하게 진행된다. PS C:\Users\forgo\Documents\python_ex> pip install openpyxl Requirement already satisfied: openpyxl in c:\users\forgo\appdata\local\programs\python\python39\lib\site-packages (3.0.7) Requirement already satisfied: et-xmlfile in c:\users\forgo\appdata\local\programs\pytho..

원문보기 내부링크
Tistory

파이썬 방정식(함수) 그래프 그리기

파이썬 방정식(함수) 그래프 그리기 1차식 함수는 쉽게 상상할 수 있다. 하지만 3차식 부터는 상상하기 어려운 영역이다. 파이선의 numpy와 matplotlib.pyplot을 사용하여 간단하게 그래프를 작성할 수 있다. 바로 코드를 보고 이해해보자 1차식 함수 그리기 코드>> import matplotlib.pyplot as plt import numpy as np # x값 설정 x = np.array(range(-10,11)) print("x: ", x) # 축 이름 설정 plt.xlabel('x axis') plt.ylabel('y axis') # 그리드 추가 plt.grid(color = "gray", alpha=.5,linestyle='--') # 방정식 추가하기 plt.plot(x,30*x+1..

원문보기 내부링크
Tistory

볼보(Volvo) Polester 상장 계획 - 전기자동차 전환 위한 자금 확보

스웨덴 럭셔리 자동차 브랜드 볼보는 중국 지리(Geely)에 인수된 뒤에도 볼보라는 이름으로 판매를 유지하고 있다. 최근 볼보에서 전기자동차 전향을 위한 자금 확보를 위해 IPO(initial public offering, 상장)을 준비 중이라고 한다. 상장 회사에 대한 간략 한 정보는 아래와 같다. Polestar 볼보 + 지리 합작 회사 SPAC을 통해 스톨홀럼(Stockholm) 상장 준비 중 상장가는 $20 billion 규모로 예상 현재 2가지 모델만 개발됨 하이브리드 쿠페 EV 세단 SPAC 상장에 대한 내용과 주가의 관계를 알고 싶다면 괄호안의 링크를 참조하길 바란다. (https://scribblinganything.tistory.com/304) 볼보가 작년에 발표한 첫번째 전기차는 XC4..

원문보기 내부링크
Tistory

사인, 역사인, 코사인,역코사인, 탄젠트, 역탄젠트 파이썬으로 계산하고 그리기 (Sine, Arcsine, Cosine, Arccosine, Tangent, Arctangent)

Sine, Inverse Sine(Arcsine) 파이썬으로 계산하고 그리기 사인과 아크사인을 계산하기 위해서는 numpy 모듈이 필요하고 그래프로 그리기 위해서는 matplotlib 모듈이 필요하다. 없다면 "pip install 모듈명" 으로 설치하길 바란다. numpy matplotlib 사인 계산 및 그래프 구현 하기 코드>> import matplotlib.pyplot as plt import numpy as np # x값 설정 x = np.arange(-10,10,0.1); # y값 설정 amplitude = np.sin(x) print("amp: ", amplitude) # 축 이름 설정 plt.xlabel('x axis(radian)') plt.ylabel('y axis') # 그리드 추가..

원문보기 내부링크
Tistory

Microsoft Surface Pro 8 장단점 리뷰 (마이크로소프트 서피스 프로8)

장점 현대적 디자인 스타일러스 펜에 haptic 모터 탑재(진동 모터) 120Hz 디스플레이 키보드에 펜 거치대 단점 비쌈 (미국 기본 모델 판매가 : $1,099.99) 스타일러스 펜, 키보드 별도 구매 포트 종류 제한적 서피스 프로8의 화면은 2880 x 1920, 13인치 터치 스크린이다. Pro7보다 1인치 증가했다. 그리고 베젤(모니터 옆에 공간)이 기존보다 작아졌다. 눈에 띄는 변화는 120Hz로 디스플레이를 리플레쉬한다는 것이다. 일반적으로 게이밍 장비에서 사용하는 주파수 대역이다. 빠른 리플레쉬 주파수로 커서를 움직일때 좀 더 자연스럽게 느껴 질 것이다. Color Profile 기능은 주변 환경에 따라 색깔을 자동으로 조절해주는 기능이다. 정교하게 수정하기 때문에 실제로 사용자가 변화를 ..

원문보기 내부링크
Tistory

전도모멘트란? 계산 방법 (Overturning Moment)

전도 모멘트란(Overturning Moment)? 오버터닝 모멘트 또는 전도 모멘트라 불리는 이 모멘트는 시편이나 구조물에 힘을 가했을 때 넘어지게 만드는 모멘트를 의미한다. 진동 시험기의 경우 위 그림과 같이 슬립테이블 위에 시편을 놓고 화살표 방향으로 좌우로 힘을 주게 될때 전도 모멘트가 발생한다. 이를 최소화 하기 위해서 진동시험기 (Shaker) 업체에서는 슬립테이블에 오일을 넣어서 모멘트를 줄여 준다. 일반적으로 시편의 높이가 높을 수록 모멘트가 증가 한다. 전도모멘트 계산 예제 다음 예제는 괄호안의 링크 페이지에서 가져온 예제이다. (Calculation Example: Overturning Moment for Shear panel | thestructuralengineer.info) 4m의..

원문보기 내부링크
Tistory

미국 연방정부 셧다운이란? 주가(증시)에 영향 (예제로 분석)

미국 연방 정부(Federal government of the United States)는 미국 헌법에 의해 세워진 중앙 집권화된 미국 정부이다. 연병 정부의 구성은 아래와 같다. 미국 연방 정부(Federal government of the United States) 입법부 미국 의회 미국 상원 미국 하원 행정부 미국 연방 행정부 미국의 대통령 고문단 미국의 대통령 사법부 미국 연방 대법원 미국 연방 항소법원 미국 지방법원 셧다운이란? 셧다운(Shut down)이란 말그대로 미국 연방정부의 업무가 중단됨을 의미한다. 다만 국민의 생명과 재산 보호와 관련된 필수 서비스들은 진행되지만 그 외 업무들은 셧다운 진행일 부터 중단된다. 셧다운이 발생하는 원인? 입법부의 미국 상원 하원의 의회에서 예산이 통과 못..

원문보기 내부링크
Tistory

분산, 표준 편차란? 파이썬으로 쉽게 계산하기 (예제로 이해하기)

분산, 표준 편차란? 앞서 평균 제곱, 분산,자유도 (Mean Square, Variance,DOF)에 대해 설명하였다. 상세 내용을 보고 싶다면 괄호안의 링크를 참조하길 바란다. (https://scribblinganything.tistory.com/265) 다시 정의 하면 아래와 같다. 분산을 수식으로 전개하면 아래와 같다. 알려진 평균값 u에서 어느정도 벗어 났는지를 알려준다. 제곱을 치함으로써 평균 대비 아래 위로 방향성에 상관없이 크기로 결정한다. 표준 편차는 분산에 root를 씌운값으로 아래와 같다. 파이썬으로 계산하기 (예제로 이해하기) 앞서 수식을 통해 분산을 구하기 위해서는 평균값을 먼저 구한 뒤 일일이 차를 더해서 나눠주는 과정을 거쳐야 한다. 하지만 아래와 같이 코드를 사용할 경우 몇..

원문보기 내부링크
Tistory

파이썬 Excel 파일 생성, 쓰기, 저장하기 (예제로 이해하기)

파이썬 Excel 파일 생성, 쓰기, 저장하기 (예제로 이해하기) 파이썬에서 Excel 자동화를 위해 가장 많이 사용되는 라이브러리 중에 하나인 "openpyxl"을 설치하였다. 설치는 아래와 같이 간단하게 진행된다. PS C:\Users\forgo\Documents\python_ex> pip install openpyxl Requirement already satisfied: openpyxl in c:\users\forgo\appdata\local\programs\python\python39\lib\site-packages (3.0.7) Requirement already satisfied: et-xmlfile in c:\users\forgo\appdata\local\programs\python\pyt..

원문보기 내부링크
Tistory

시카고 옵션 거래소란? (CBOE), 비트코인(XBT)을 선물 넣으면서 가격 변동 확인

시카고 옵션 거래소란 (Cboe Options Exchange, Chicago Board Options Exchange)? 1973년에 설립된 시카고 옵션 거래소(CBOE)는 옵션을 거래하는 증권 거래소이다. 옵션 거래에 대한 내용은 괄호안의 내용을 참조하길 바란다. (https://scribblinganything.tistory.com/296) 옵선(Option)이란 간단히 말하면 계약된 날에 정해진 가격에 주식을 사거나 팔 수 있는 권리이다. CBOE의 개설로 16개 종목에 대해 콜옵션 거래를 진행하였고 74년에는 32종의 콜옵션으로 거래하고 77년 5개의 종목에 대해 풋옵션을 상장하였다. CBOE 옵션 리스트 다음은 시카고 옵션/선물 거래소에서 제공하는 옵션 항목이다. S&P 500 Index (t..

원문보기 내부링크
Tistory

[Javascript] jquery animate() 애니매이션 기능

목차 글 시작에 앞서 visual studio에서 jquery 코드를 작성하고 확인하는 방법을 괄호 링크에 있으니 참조하길 바란다. (https://scribblinganything.tistory.com/298) jquery-animate() 애니매이션 기능 animate 기능을 사용하면 웹 브라우져의 요소들을 애니매이션처럼 움직일 수 있다. 다만 애니매이션을 움직일 때 주의 해야 할 점은 css 설정에서 position 정보를 아래와 같이 설정하여야 한다. position 설정값 absolute fixed relative 애니매이션 함수는 아래와 같다. $(selector).animate({params},speed,callback); selector는 웹에서 요소들이고 params는 css의 인자 값들..

원문보기 내부링크
Tistory

데시벨이란? 계산방법과 dB 값 별 증폭 비 정리 테이블(Decibel, 비율 값)

데시벨이란? 영어로 decibel이라고 하고 일반 심볼로 dB로 표기한다. deci는 10을 의미한다. dB 단위가 발생하게 된 이유는 사람의 귀에 형태는 소리를 인식할 때 1, 2, 3, 크기를 인식하는게 아니고 10배 크기의 비율로 소리를 인식하기 때문이다. 예를 들어 10 크기의 소리를 듣고 다음에 100 크기 소리를 들었을때 느끼는 차이와 100 크기의 소리를 듣고 1000 크기의 소리를 들었을 때 차이는 동일하다는 것이 데시벨이 발생하게 된 계기 이다. Decibel 계산법 데시벨 계산시 중요한 요소가 있는데 파워(Power)를 비를 비교하는 지 크기(Magnitude)를 비교 하는지에 따라 수식이 달라진다. 소리의 경우 SPL (Sound pressure level)은 크기를 의미하고 SIL ..

원문보기 내부링크
Tistory

[Javascript]Jquery callback 함수란? (알람창(alert) 띄우는 예제로 이해해보기)

목차 글 시작에 앞서 visual studio에서 jquery 코드를 작성하고 확인하는 방법을 괄호 링크에 있으니 참조하길 바란다. (https://scribblinganything.tistory.com/298) jquery callback 함수 : 정의 앞서 게시판에서 fadeIn으로 selector가 천천히 나타나게 하는 함수를 배웠다. (jquery - fade 기능, 천천히 사라지거나 나타내게 하기(예제로 이해하기) (tistory.com)) $(selector).fadeIn(speed,callback); $(selector).fadeOut(speed,callback); $(selector).fadeToggle(speed,callback); $(selector).fadeTo(speed,opacit..

원문보기 내부링크
Tistory

전원이 꺼졌을 때도 아이폰 찾는 방법(미국사이트 참조), 내폰에서는 동작안됨

전원이 꺼졌을 때도 아이폰 찾는 방법 우선 이 글은 미국 사이트에서 참조한 글이라 세팅이 한국과 다를 수도 있다는 점을 참조하길 바란다. 애플의 "Find My app"을 이용하면 잃어버린 아이폰을 찾는데 유용하다. iOS 15 운영체제부터는 배터리가 방전되거나 핸드폰이 꺼졌을때(off)도 찾을 수 있게 도와 준다. 이 기능이 가능한 아이폰 종류는 아래와 같다. iPhone 11 iPhone 11 Pro / iPhone 11 Pro Max iPhone 12 / iPhone 12 Mini iPhone 12 Pro / iPhone 12 Pro Max iPhone 13 / iPhone 13 Mini iPhone 13 Pro / iPhone 13 Pro Max 설정하기 설정에 앞서 소프트웨어를 iOS15로 업데..

원문보기 내부링크
Tistory

[Javascript] jquery 버튼 클릭 해서 글자 지우고 나타나게 하기

목차 글 시작에 앞서 visual studio에서 코드를 작성하고 확인하는 방법을 괄호 링크에 있으니 참조하길 바란다. (https://scribblinganything.tistory.com/298) jquery - 버튼 클릭 해서 글짜 지우고 나타나게 하기 : hide, show $(selector).hide(speed,callback); $(selector).show(speed,callback); selector 를 선정하여 사라지게 하고 싶은 부분이나 나타나게 할 부분을 정한다. 입력인자로 speed와 callback 이 있다. speed는 반응속도를 조절하는 것이고 callback은 hide와 show 이후 실행될 함수를 정의한다. 코드>> 버튼을 누르면 글짜가 사라집니다. 숨기기 결과>> 주석>..

원문보기 내부링크
Tistory

[Javascript] jquery fade 기능, 천천히 사라지거나 나타내게 하기

목차 글 시작에 앞서 visual studio에서 jquery 코드를 작성하고 확인하는 방법을 괄호 링크에 있으니 참조하길 바란다. (https://scribblinganything.tistory.com/298) jquery - fade 기능, 천천히 사라지거나 나타내게 하기 fade 라는 의미 그대로 천천히 진행되는 것이다. jquery에서 제공하는 fade 기능은 아래와 같다. $(selector).fadeIn(speed,callback); $(selector).fadeOut(speed,callback); $(selector).fadeToggle(speed,callback); $(selector).fadeTo(speed,opacity,callback); fadeIn은 천천히 나타나게 하고, fadeO..

원문보기 내부링크
Tistory

게임기 리뷰 - 닌텐도 스위치 온라인 Expansion pack (N64, Genesis 게임)

Nintendo Switch Online 닌텐도 스위치 온라인에서 새로운 멤버쉽을 추가했다. 새 멤버쉽에서는 Nintendo 64 게임과 Sega Genesis 게임을 할 수 있다. Nintendo Switch Online + Expansion Pack 라고 불리는 멤버쉽은 10월 말에 발매한다고 한다. 닌텐도에서 이번에도 NES와 SNES 컨트롤러를 제작했듯이 N64와 Sega Genesis를 위해 그림과 같은 콘트롤러를 발매한다고 하였다. 멤버쉽 회원에게 $49.99 (58,892원)에 각 각 판매한다고 발표하였다. 아직 닌텐도 측에서 멤버쉽 가격에 대한 정보를 제공하지는 않았다. 하지만 어떠한 게임이 포함되는지에 대한 정보는 아래와 같이 공유 하였다. 기존의 콘솔에서 유명 했던 클래식 게임들이 상당..

원문보기 내부링크
Tistory

[Javascript] jquery slide 효과로 화면이 나오거나 사라지게 하기

목차 글 시작에 앞서 visual studio에서 jquery 코드를 작성하고 확인하는 방법을 괄호 링크에 있으니 참조하길 바란다. (https://scribblinganything.tistory.com/298) jquery - slide 효과로 화면이 나오거나 사라지게 하기 : 정의 jquery slide 관련 함수는 슬라이드처럼 화면이 내려오거나 올라가면서 나오거나 사라지게 만들 수 있다. 관련 함수는 아래와 같다. $(selector).slideDown(speed,callback); $(selector).slideUp(speed,callback); $(selector).slideToggle(speed,callback); slideDown 은 말 그대로 글이 슬라이방식으로 아래로 나오게 만든다. sl..

원문보기 내부링크
Tistory

SPAC(Special Purpose Acquisition Company)이란? (스팩 예제 확인)

SPAC(Special Purpose Acquisition Company)이란? SPAC(Special Purpose Acquisition Company)이란 기업활동을 하지 않는 페이퍼 컴패니(Paper company)로 IPO(기업 상장)을 통해 돈을 모으고 이돈으로 기업을 합병하는 것을 목적으로 한다. SPAC은 인수할 회사를 정하지 않고 IPO를 통해 돈부터 모우는 방식이어서 백지수표회사(Blank check companies)라고도 알려져있다. SPAC이 존재한지는 몇 십년이되었는데 (미국 기준), 19년과 20년에 많은 투자자를 유치하면서 더 유명해졌다. 20년 8월에는 50개 이상의 SPAC이 설립되었고 모금 금액은 $21.5billion에 달한다. SPAC 진행 과정 (미국 주식의 경우) ..

원문보기 내부링크
1 2 3 4 5 6 7