꿈꾸는 개발자 꿈꾸는 개발자

Programing

• [troubleshooting] Icon was not shown when using react-native-vector-icons

  Programing/React 2023. 10. 31. 16:33

  React native 에서 제공하는 아이콘을 사용하기 위해 react-native-vector-icons 패키지 설치후 관련 설정을 반!드!시! 추가로 해줘야만 한다. 그렇지 않고 패키지 만을 설치하고 아이콘을 호출하면 네모 모양의 이상한 아이콘만 계속 표시될 수 있다. 안드로이드 앱을 개발하는 경우 번들에서 앱이 참조할 수 있도록 추가로 설정을 해줘야만 한다. apply from: file("../../node_modules/react-native-vector-icons/fonts.gradle") https://github.com/oblador/react-native-vector-icons GitHub - oblador/react-native-vector-icons: Customizable Icons..

  Read More
• OpenVPN Client App For MAC

  Programing/Tips 2023. 8. 29. 09:22

  맥북에서 사용할 OpenVPN 클라이언트 앱을 찾고 있다면 TunnelBlick 을 추천한다. 일단 무료이고 단순한 UI 로 사용하기가 쉽다. 단점이라면 아무래도 필요한 기능만 있다보니 사용자 편의성 측면에서는 부족한 기능일 듯 싶다. https://tunnelblick.net/downloads.html

  Read More
• [React] 컴포넌트의 생명 주기

  Programing/React 2023. 7. 31. 12:21

  리액트 컴포넌트의 생명주기(Life Cycle)는 컴포넌트가 생성되고, 업데이트되거나, 제거될 때 특정한 이벤트들을 호출하는 것을 의미한다. 리액트 컴포넌트는 다음과 같은 생명주기를 가지고 있다: constructor(): 컴포넌트가 처음 생성될 때 호출. getDerivedStateFromProps(): 컴포넌트가 처음 생성되거나 props가 변경될 때 호출된다. 이 메서드에서 state를 업데이트할 수 있다. render(): 컴포넌트가 렌더링될 때 호출된다. 이 메서드에서 컴포넌트의 HTML을 생성한다. componentDidMount(): 컴포넌트가 DOM에 마운트된 후 호출된다. 이 메서드에서 컴포넌트가 DOM과 상호작용하기 위한 작업을 수행할 수 있다. componentDidUpdate(): ..

  Read More
• [React] Event.stopPropagation()

  Programing/React 2023. 7. 25. 08:43

  event.stopPropagation()은 React에서 이벤트 전파를 중지하는 데 사용되는 메서드이다. 이벤트 전파는 이벤트가 부모 요소로 전달되는 과정을 의미하며 이벤트 전파를 중지하면 이벤트가 부모 요소로 전달되지 않는다. const handleClick = (event) => { event.stopPropagation(); }; MUI 의 Modal Component 를 사용하던 도중 버튼에서 해당 컴포넌트를 close 하려고 해도 상태값이 변경이 되지 않는 문제가 발생했다. 로그로 분석해보니 해당 이벤트가 버튼의 클릭이벤트로 전달되고 다시 부모 컴포넌트인 Modal 로 다시 전달되어 결국 상태값이 변경이 되질 않았다.

  Read More
• [React] Box

  Programing/React 2023. 7. 14. 08:20

  The sx prop https://mui.com/system/getting-started/the-sx-prop/ Align Rating into the cener of box content. { setValue(newValue); }} />

  Read More
• [Python] SSL: CERTIFICATE_VERIFY_FAILED

  Programing/Python 2023. 6. 12. 13:47

  SSL Handshaking 하는 도중 인증서 관련 에러가 발생하는 경우, 아래와 같이 임시로 인증서 검증 과정을 생략하도록 기본 컨텍스트를 설정할 수 있다. import ssl ssl._create_default_https_context = ssl._create_unverified_context

  Read More
• 주식 정보 크롤링 및 필터링

  Programing/Python 2023. 3. 3. 15:05

  아래 코드는 나도코딩님의 유투브 강좌를 참고하였다. 웹사이트로 부터 크롤링을 통해 데이터를 긁어온 후 데이터를 조건에 맞게 Filtering 을 적용해 보았다. https://youtu.be/ZDh1C7qw0Rs 예제에서는 총 3가지 필드, '영업이익', '자산총계', '매출액' 를 읽어오지만, 나는 ['거래량', '외국인비율', 'PER', 'ROE', 'ROA', 'PBR'] 를 읽어 왔다. [크롤링코드] ## pip install pandas, selenium, lxml import pandas as pd from selenium import webdriver from selenium.webdriver.common.by import By import os browser = webdriver.Chro..

  Read More
• chromedriver 설치

  Programing/Tips 2023. 3. 3. 10:29

  1. Chrome Version 확인 Chrome 주소창에 chrome://version 을 입력합니다. 2. 자신의 크롬 버전 확인 후 드라이버를 설치한다. https://chromedriver.chromium.org/downloads ChromeDriver - WebDriver for Chrome - Downloads Current Releases If you are using Chrome version 111, please download ChromeDriver 111.0.5563.41 If you are using Chrome version 110, please download ChromeDriver 110.0.5481.77 If you are using Chrome version 109, ple..

  Read More