전체 글 6

[Python3] requests library SSLError: EOF occurred in violation of protocol

최근 파이썬에서 requests와 BeautifulSoup을 활용해 특정 웹사이트의 여러 웹 페이지 콘텐츠를 긁어오는 작업을 진행중이다. 미리 작성해둔 json 파일을 열고, 여러 사이트의 글 목록이 있는 url(html 또는 xml) 각 사이트의 컨텐츠 리스트를 추출한 뒤 각 페이지의 콘텐츠를 추출하는 방식으로 코드를 짰다. 그런데 어제까진 잘 작동하던 코드가 별다른 변경사항이 없었음에도 갑작스럽게 다음과 같은 에러가 떴다. SSLError: EOF occurred in violation of protocol 이를 어쩌나, 방법들을 찾아보았다. 방법 1. 필요한 라이브러리 설치 첫 번째 방법은 SSL 오류와 연관된 라이브러리들을 설치해주는 것이다. ndg-httpsclient pyopenssl pyas..

Python 2023.03.08

Firebase Auth 와 Angular Guard 함께 사용하기

서론 Angular 와 Firebase 는 궁합이 잘 맞는다. 몇 년 전만 해도 Angular 공식 문서에서는 deploy 시 Firebase 를 활용하라고 추천하기까지 했다. 지금은 github 등 다양한 옵션을 제공한다. 자세히 보고싶으면 아래 링크로... ↓↓↓ Angular angular.io Angular는 firebase 활용을 돕기 위한 공식 라이브러리까지 지원한다. 둘 다 구글에서 관리하기 때문에 일종의 락인 효과를 노린게 아닐까? 싶은 생각도 든다. 각설하고, 오늘의 문제는 무엇이었는가, 바로 Firebase 에서 제공하는 auth를 활용해 로그인 기능을 구현할 시에 Angular에서 기본으로 제공하는 Guard를 함께 활용하는 것이었다. Angularfire 문서에서는 아래처럼 ngIf..

Web & PWA 2022.12.28

안드로이드 공유 리스트에 내 앱 뜨게 하기!

안드로이드 폰에서 '공유'버튼을 누르면 아래에서 슬라이드 돼서 올라오는 앱 리스트 화면이 있다. 내가 열심히 만든 앱도 여기에 뜨면 기분이 참 좋을 것 같은데...!! 이건 AndroidMAnifest.xml 파일에 를 추가해주면 된다. https://stackoverflow.com/questions/11095122/how-to-make-my-android-app-appear-in-the-share-list-of-another-specific-app How to make my Android app appear in the share list of another specific app this is in my manifes... stackoverflow.com 이런 식이다. 참고로 저 mimeType의 종..

Web & PWA 2021.08.24

버튼 클릭 시 키보드 고정 (Ionic Angular)

채팅 앱 같은 것을 개발한다 치면, '전송' 버튼을 누를 때마다 화면의 키보드가 내려갔다가 올라오는 현상이 발생한다. 이는 채팅 내용이 적혀있는 textarea의 focus가 전송 버튼을 누를 때마다 해제되기 때문이다. 그러니 전송할 때마다 자동으로 textarea에 focus가 가도록 함수를 짜 놓더라도 순간순간 키보드가 내려갔다 올라오는 현상을 방지하지는 못한다. 사용자들의 입장에선 촐싹대는 키보드에 머리가 아플거다. 근데 카카오톡 등 채팅 앱을 보면 내가 전송 버튼을 눌러도 키보드는 움직이지 않는다. 되게 당연한 기능인데 어떻게 구현하는 걸까? https://stackoverflow.com/questions/45858201/keep-keyboard-open-on-ionic-when-button-cl..

Web & PWA 2021.08.18

TEXTAREA Autosizing Scroll Jumping 버그 해결

본인은 앵귤러로 개발중임. 현재 작업중인 프로젝트는 텍스트 편집기에서 여러 개의 가 동적으로 추가되면서 트위터와 같은 스레드를 생성하는 것을 목표로 함. 이전에는 Material 의 TextareaAutosize를 활용해서 글을 작성함에 따라 textarea 의 height가 동적으로 변경되게끔 하고 있었음. (하단 링크 참고) https://material.angular.io/cdk/text-field/overview Angular Material UI component infrastructure and Material Design components for Angular web applications. material.angular.io 버그 상황 그러던 중 정말 골치 아픈 버그를 만났으니... 1)..

Web & PWA 2021.08.17

ios Safe Area : 앱 컨텐츠가 아이폰 노치와 겹친다면!!!!!

원래 나는 웹개발을 먼저 공부했는데 요새 하는 일 때문에 앵귤러와 같은 프레임워크를 활용해 하이브리드 앱을 열심히 만들어보는 중이다. 그런데 오늘 깜짝!!!놀란 일이 있었으니 ios빌드했더니 노치 영역에 내가 열심히 만들어둔 컨텐츠들이 겹치는게 아닌가! 찾아보니 컨텐츠가 디바이스의 다른 요소에 겹치거나 가려지지 않도록 '무적권 노출되는 것이 보장되는' 안전 영역 (Safe Area)이라는 개념이 있더라.... 애플 Docs 참고↓(Positioning Content Relative to the Safe Area) Apple Developer Documentation developer.apple.com 아무튼.... #wrap{ width:100%; height: 100%; background-color:..

Web & PWA 2021.04.19