티스토리

꿈꾸는 개발자

검색하기

블로그 홈

꿈꾸는 개발자

mjune.tistory.com/m

Better today than yesterday

구독자: 3

방명록 방문하기

주요 글 목록

[React Native] Flatlist 에서 Scrolling 이 되지 않을 경우 보호되어 있는 글입니다. 공감수 0 댓글수 0 2024. 7. 2.
[slack_bolt] app.event 또는 app.action에서 reply 하기 Reply 로 메세지를 생성하기 위해서는 아래와 같이 thread_ts 를 say로 전달해 주면 된다. app.event @app.event("message") def handle_message_events(body, event, say): say({ "channel": body["event"]["channel"], "text": "This is a threaded reply!", "thread_ts": body.get("thread_ts", body["event"]["ts"]), # Use thread_ts if available, otherwise use ts }) app.action @app.action("action_id") def button_click(ack, body, say): # Ackn.. 공감수 0 댓글수 0 2024. 4. 15.
[React Native] Issue - Progress bar 에서 Progress 가 채워지지 않는 문제 react-native-progress 를 이용해 상태 바를 표시하게 되는 경우 아래 그림과 같이 바의 일부분만 채워지는 문제가 발생한다. 이는 아래와 같이 View Component 로 Progress.Bar Component 를 감싸주면서 간단하게 해결이 가능하다. 공감수 0 댓글수 0 2024. 4. 4.
[JIRA] git commit 과 연동하기 Jira Ticket에 깃허브 또는 비트버킷의 커밋 을 연동하기 위해서는 커밋시 Jira 의 티켓 번호를 코멘트 처음에 기입하면 된다. 예를 들어 티켓 아이디가 JIRA-31 이라면 커밋시 "JIRA-31 Fix the issue ..." 라고 메세지를 입력하면 된다. Commits Include the issue key in the commit message to link the commit to your Jira issue. For example: git commit -m "JRA-123 " This works by default in connected Bitbucket, GitLab, GitHub, GitHub Enterprise, and Fisheye tools https://support.atl.. 공감수 0 댓글수 0 2024. 3. 21.
[React] Debugging Tip 애뮬레이터에서 어플리케이션 동작 및 기능을 검증하는 과정에서 자주 경고 문구나 에러 메세지를 마주하게 된다. 디버깅 기능을 통해 콜스택을 확인할 수 있고 문제가 되는 코드가 내가 작성한 라인이면 바로 수정이 가능하겠지만 때로는 콜스택이 리액트 라이브러리 내부에서 발생하는 경우에는 디버깅이 어려워 질수 있다. 다행히 리액트에서는 아래 화면과 같이 예외 경우가 발생할 경우 동작을 일시 정지하여 문제되는 코드를 바로 확인할 수 있다. 이는 'Pause on uncaught exceptions' 과 'Pause on caught exception'을 활성화 시킨 후 확인할 수 있다. 공감수 0 댓글수 0 2024. 3. 14.
[React] Combined Directory 서로 다른 두개의 디렉토리 변수를 하나로 결합 한 경우 a = {"1": "a", "2": "b"}; b = {"3": "c", "4":"d"}; c = {...a, ...b} // c = {"1": "a", "2": "b","3": "c", "4":"d"} 공감수 0 댓글수 0 2024. 2. 19.
[React Native] Enable/Disable debugging mode in android emulator 안드로이드 에뮬레이터에서 개발을 하다보면 특정 컴포넌트 동작이 느린 경우가 발생한다. 내 경우엔 react-native-modal 을 import 해 실행해보니 화면에 보여지기까지 대략 2~3초의 시간이 걸리는 문제가 발생하였다. Debugging Mode로 실행하는 경우 뷰 전환시 딜레이가 발생하는 경우가 있으니 아래와 같이 디버깅 모드를 해제후 다시 시간을 확인해 보길 권장한다. 디버깅 모드를 해제하려면 윈도우: Ctrl+m, 맥: CMD+m 으로 설정변경이 가능하다. 공감수 0 댓글수 0 2024. 2. 14.
[React Native] Lifecycle of Class Component getDerivedStateFromProps(props, state) : 상태 또는 파라미터 변경 후 기존에 생성되었던 컴포넌트 오브젝트의 render() 를 호출시 해당 변경된 값들을 반경시킬때 사용할 수 있다. static getDerivedStateFromProps(props, state) { if (state.key != props.route.params.key) { return new_state; // { key: new_value, ... } } else { return null; } } Prop object: State: Class component 의 state object (e.g., this.state = {key: value}) 공감수 0 댓글수 0 2024. 2. 13.
[troubleshooting] Icon was not shown when using react-native-vector-icons 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.. 공감수 0 댓글수 0 2023. 10. 31.
OpenVPN Client App For MAC 맥북에서 사용할 OpenVPN 클라이언트 앱을 찾고 있다면 TunnelBlick 을 추천한다. 일단 무료이고 단순한 UI 로 사용하기가 쉽다. 단점이라면 아무래도 필요한 기능만 있다보니 사용자 편의성 측면에서는 부족한 기능일 듯 싶다. https://tunnelblick.net/downloads.html 공감수 0 댓글수 0 2023. 8. 29.
[React] 컴포넌트의 생명 주기 리액트 컴포넌트의 생명주기(Life Cycle)는 컴포넌트가 생성되고, 업데이트되거나, 제거될 때 특정한 이벤트들을 호출하는 것을 의미한다. 리액트 컴포넌트는 다음과 같은 생명주기를 가지고 있다: constructor(): 컴포넌트가 처음 생성될 때 호출. getDerivedStateFromProps(): 컴포넌트가 처음 생성되거나 props가 변경될 때 호출된다. 이 메서드에서 state를 업데이트할 수 있다. render(): 컴포넌트가 렌더링될 때 호출된다. 이 메서드에서 컴포넌트의 HTML을 생성한다. componentDidMount(): 컴포넌트가 DOM에 마운트된 후 호출된다. 이 메서드에서 컴포넌트가 DOM과 상호작용하기 위한 작업을 수행할 수 있다. componentDidUpdate(): .. 공감수 0 댓글수 0 2023. 7. 31.
[React] Event.stopPropagation() event.stopPropagation()은 React에서 이벤트 전파를 중지하는 데 사용되는 메서드이다. 이벤트 전파는 이벤트가 부모 요소로 전달되는 과정을 의미하며 이벤트 전파를 중지하면 이벤트가 부모 요소로 전달되지 않는다. const handleClick = (event) => { event.stopPropagation(); }; MUI 의 Modal Component 를 사용하던 도중 버튼에서 해당 컴포넌트를 close 하려고 해도 상태값이 변경이 되지 않는 문제가 발생했다. 로그로 분석해보니 해당 이벤트가 버튼의 클릭이벤트로 전달되고 다시 부모 컴포넌트인 Modal 로 다시 전달되어 결국 상태값이 변경이 되질 않았다. 공감수 0 댓글수 0 2023. 7. 25.
[React] Box The sx prop https://mui.com/system/getting-started/the-sx-prop/ Align Rating into the cener of box content. { setValue(newValue); }} /> 공감수 0 댓글수 0 2023. 7. 14.
[Python] SSL: CERTIFICATE_VERIFY_FAILED SSL Handshaking 하는 도중 인증서 관련 에러가 발생하는 경우, 아래와 같이 임시로 인증서 검증 과정을 생략하도록 기본 컨텍스트를 설정할 수 있다. import ssl ssl._create_default_https_context = ssl._create_unverified_context 공감수 0 댓글수 0 2023. 6. 12.
주식 정보 크롤링 및 필터링 아래 코드는 나도코딩님의 유투브 강좌를 참고하였다. 웹사이트로 부터 크롤링을 통해 데이터를 긁어온 후 데이터를 조건에 맞게 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.. 공감수 0 댓글수 0 2023. 3. 3.
chromedriver 설치 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.. 공감수 0 댓글수 0 2023. 3. 3.
[python] string to list from ast import literal_eval s1 = [{'id': 28, 'name': 'Action'}] s2 = "[{'id': 28, 'name': 'Action'}]" print (s1, type(s1)) # list print (s2, type(s2)) # string s2 = literal_eval(s2) print (s2, type(s2)) # list 공감수 0 댓글수 0 2023. 3. 2.
[Warning] Thread issue (OMP_NUM_THREADS=1) 문제점: KMeans is known to have a memory leak on .... You can avoid it by setting the environment variable OMP_NUM_THREADS=1 해결책: 아래 환경 옵션 추가. 단, 해당 옵션은 numpy 패키지를 import 하지 전에 적용되어야만 함 import os os.environ['OMP_NUM_THREADS'] = '1' 공감수 0 댓글수 0 2023. 3. 2.
ChatGPT 소개 안녕하세요! 저는 ChatGPT입니다. ChatGPT는 OpenAI에서 개발한 대규모 언어 모델로, 자연어 처리 기술을 활용하여 대화형 인터페이스를 구현할 수 있습니다. ChatGPT는 지속적인 학습을 통해 다양한 주제에 대한 지식을 습득하고, 인공지능적인 대화를 지원합니다. 대화를 시작하면 ChatGPT는 사용자의 입력을 분석하고, 적절한 대답을 생성합니다. 이 과정에서, ChatGPT는 문맥을 고려하여 적합한 답변을 생성합니다. ChatGPT는 대화형 서비스와 인터페이스, 챗봇, 개인 비서, 텍스트 생성 등 다양한 분야에서 사용될 수 있습니다. 또한, 이 모델은 오픈 소스로 제공되어 다양한 개발자들이 활용할 수 있습니다. ChatGPT는 현재까지 개발된 대규모 언어 모델 중 하나로, 높은 성능과 확장.. 공감수 0 댓글수 0 2023. 2. 26.
[jupiter] Install package !conda install optional.py 공감수 0 댓글수 0 2023. 2. 6.
[docker] install vim 1. open a bash shell on docker linux $> sudo docker exec -it bash docker #> 2. Update packages and install required packages docker #> apt-get update docker #> apt-get install vim 공감수 0 댓글수 0 2022. 9. 15.
[python] Automatically ceate a requirements.txt $> sudo pip install pipreqs $> pipreqs ./path 공감수 0 댓글수 0 2022. 7. 18.
[htb] Sequel - very easy 1. Access mysql $> mysql -u root -p -h ${target_ip} ... MariaDB [(none)] show tables; +--------------------+ | Database | +--------------------+ | htb | | information_schema | | mysql | | performance_schema | +--------------------+ MariaDB [(none)] use htb; 2. Read data from tables; MariaDB [htb]> show tables; +---------------+ | Tables_in_htb | +---------------+ | config | | users | +----------.. 공감수 0 댓글수 0 2022. 4. 9.
[브리즈번] 도로 상태 확인 사이트 지난 며칠동안 많은 비로 인해 많은 도로가 유실되거나 이동이 불가능한 상태가 되었네요. 실시간 도로 상태는 아래 사이트에서 미리 확인할 수 있습니다. https://roadconditions.racq.com.au/ RACQ Road Conditions Planning a trip? Before you leave, check the latest road conditions to help you avoid unexpected problems on the road. roadconditions.racq.com.au 공감수 1 댓글수 0 2022. 3. 1.
[QLD] 낚시과 채집 관련 규정 이곳 호주로 온 이후 생긴 안 좋은(?) 버릇 중 하나는 지인들에게 전해 들은 내용도 한번 더 확인하는 것이었습니다. 금일은 원래 지인의 소개로 근처 바닷가에 가서 조개를 채집하려고 했었습니다. 지인 말로는 인당 50개 까지는 가능하다고는 하는데, 혹시나 하는 마음에 관련 규정을 찾아봤습니다. (이곳 호주에서는 사소한 규정이라도 어길경우 벌금이 어마무시 합니다.) 우선 결론은 QLD 에서는 Clams (family Tridacnidae) 는 채집이 불가능하다 입니다. 그리고 리스트에 없을 경우 20개까지만 가능하다 입니다. family Tridacnidae 에 속한 조개류를 퀸즐랜드 사이트에서 검색해보니 다음 4 종류가 포함이 되네요. https://apps.des.qld.gov.au/species-se.. 공감수 0 댓글수 0 2022. 2. 19.
CSV 파일에서 구분자(delimiter) 변경하기 ## tab 을 ; 로 변경하기 $> csvformat -t -D";" origin.csv > origin_modi.csv ## , 를 tab으로 변경하기. comma 가 기본 설정이기에 -d "," 는 생략 가능합니다. $> csvformat -d "," -T origin.csv > origin_modi.csv 만약 파일이 UTF-8 로 인코딩이 되어 있다면 파일 포맷변경이 필요합니다. $> dos2unix origin.csv 그렇지 않다면 다음과 같은 에러를 만나게 될 수도 있습니다. 'utf-8' codec can't decode byte 0xff 공감수 0 댓글수 0 2022. 2. 14.
[엑셀] CSV 파일 저장시 구분자 변경 엑셀에서 CSV 포맷으로 파일을 저장할 경우 시스템의 기본 구분자로 저장이 되거나 아래 리스트 중의 하나 (탭 또는 콤마)로 저장을 할 수 있는데요. 제 경우 세미콜론(;)을 구분자로 사용하고 싶었지만 이 목록에는 없었습니다. 그래서 시스템에 설정되어 있는 구분자를 직접 변경하기로 했는데요. 윈도우에서 설정 경로는 다음과 같습니다. Setting > Region > Additional data, time & regional settings > Additional settings > List separator > 변경 설정 방법이 그렇게 어렵진 않지만 자주 사용하지 않는 기능이라 정리해 놓았습니다.^^ 공감수 1 댓글수 0 2022. 2. 11.
[metasploit] parrern_create.rb could not find 'rex-text' Metasploit 의 pattern_create.rb 를 실행시키면 다음과 같은 에러가 발생하였습니다. rex-text 를 찾을 수 없다고 나오는데 이는 ruby 파일의 실행 path를 변경하면 해결할 수 있습니다. #!/opt/metasploit-framework/embedded/bin/ruby 공감수 0 댓글수 0 2022. 2. 4.
와이어샤크 패킷 분석 by Overpass 2 - Hacked (TryHackMe) 우선 아래 사이트에서 제공하는 패킷 덤프를 다운받은 후에 와이어샤크로 열어봅니다. https://tryhackme.com/room/overpass2hacked TryHackMe | Overpass 2 - Hacked Overpass has been hacked! Can you analyse the attacker's actions and hack back in? tryhackme.com 파일에는 여러 주소 정보가 혼합되어 있는데 우선 의심스러운 아이피, 192.168.170.145 를 추적해 봅니다. 이를 위해 Source IP 를 기준으로 정렬을 시키고 초기 연결을 분석해봅니다. HTTP 를 이용해 연결을 시도하고 있는데요. 이중에서 POST method 를 이용해 서버로 Request 요청을 좀 더 .. 공감수 0 댓글수 0 2022. 1. 20.
[tryhackme] Privilege Escalation: SUID 아래 링크는 리눅스 시스템에 포함되어 있는 프로세스 중에서 SUID 가 설정되어 있는 경우 침투하는 방법에 대해 잘 설명을 해주고 있습니다. https://gtfobins.github.io/gtfobins/base64/#suid base64 | GTFOBins .. / base64 File read SUID Sudo File read It reads data from files, it may be used to do privileged reads or disclose files outside a restricted file system. LFILE=file_to_read base64 "$LFILE" | base64 --decode SUID If the binary has the SUID bit set, .. 공감수 0 댓글수 0 2022. 1. 2.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.