코드 기록 (10) 썸네일형 리스트형 [flask-cors] 재설치 Flask 로 백엔드를 구성했고 React로 프론트엔드를 구성했는데 어김없이 'cors' 이슈가 발생했습니다 .. Flask 에는 flask-cors 패키지가 있어 다음처럼 해주면 모든 요청에 대한 CORS를 방지할 수 있습니다.app = Flask(__name__)CORS(app, resources={r"/*": {"origins": "*"}}) 하지만, flask-cors를 설치할 때 다음 명령어로 정확하게 설치해야 합니다.pip install Flask-Cors 저는 "pip install flask_cors" 로 해서인지 아무리해도 해결이 안되길래 "pip uninstall flask_cors & pip install flask-cors" 로 해도 해결이 안됐고 결국 다시 설치해주니 해결이 됐습.. 개발자 도구 방지 코드 우회하기 가끔 개발자 도구를 차단하는 사이트가 존재하는데 위와 같은 방법으로 대부분 처리를 합니다. 이 경우 ctrl + shift + i 를 통해 개발자 도구를 열게되면 debugger; 가 실행되는데 그 때allow = 9999999999;window.removeEventListener('blur', detectDevTool);window.removeEventListener('focus', detectDevTool);window.removeEventListener('mousemove', detectDevTool);window.removeEventListener('resize', detectDevTool);window.removeEventListener('load', detectDevTool);다음처럼 처리하면.. [React] useClickOutside hook React 로 개발하던 중, 특정 영역 밖을 클릭하면 떠있던 모달이 내려가거나 상태를 바꿔줘야 하는 경우가 발생했습니다. 이 때 물론 useState를 사용하거나 useRef를 사용해 바로 구현해도 되지만 hook으로 빼면 코드가 좀 더 간결해질 수 있습니다. //useClickOutside.tsimport { useEffect, MutableRefObject } from 'react';function useClickOutside(ref: MutableRefObject, onClickOutside: () => void) { useEffect(() => { /** * Invoke Function onClick outside of element */ function handleC.. [Pyqt5] QMainWindow 배경 이미지 설정하기 위 이미지 처럼 윈도우의 배경 이미지를 설정하려면 다음과 같은 방법을 시도할 수 있습니다. self.window.setStyleSheet("background-image: url(FILENAME); background-attachment: fixed") 하지만 이 방법은 이미지의 사이즈를 설정할 수 없습니다. 그래서 화면에 맞지 않게 이미지가 보여지죠. 그래서 QPixmap을 통해 이미지의 사이즈를 조정한 다음 QPalette 와 QBrush 를 사용해서 배경화면을 그려줘야 합니다. def initUI(self, titleFontSize, subFontSize, font_, title, content): self.setWindowTitle('Full Screen Presentation') # QLabel.. Why & What (is) Spidergen ? What is Spidergen Spidergen 은 아수소프트(주)에서 개발한 하이브리드 웹앱 크로스플랫폼 지원 프레임워크로 JS와 HTML, CSS 기반의 웹 개발 방식을 채택한다. https://www.spidergen.org:3003/?pid=T010000 스파이더젠 아수소프트, 하나의 소스코드로 Web, Mobile, PC 응용프로그램까지 다양한 OS와 기기에서 쉽고 빠르게 개발, 관리 해주는 통합개발환경 www.spidergen.org:3003 위지윅 방식의 컴포넌트 Drag & Drop 방식으로 클라이언트 화면을 개발하며 Cordova 가 크로스플랫폼으로의 빌드를 담당한다. about cordova 아파치 코도바 - 위키백과, 우리 모두의 백과사전 위키백과, 우리 모두의 백과사전. 아파치 코.. Restudy Series. Javascript (2) Preview https://sieon-dev.tistory.com/130에서는 prototype, constructor, __proto__ 를 중점으로 살펴봤다. 객체와 객체지향을 시작하기 위한 첫 번째 단계라고 생각한다. 이번에는 자바스크립트가 동작하는 방식과 이 방식으로 인한 장단점 등을 살펴보려고 한다. Methodology Javascript의 특징 Non-blocking IO 시스템 Non-Blocking 은 처리가 순서대로 이루어짐을 의미한다. 즉 이전 작업이 끝나지 않았더라도 기다려주지 않는다. 대부분의 프로그래밍 언어는 Blocking IO 시스템으로 되어있지만 왜 Javascript Engine(V8)은 왜 Non-Blocking IO일까? 그전에 Javascript 는 싱글 스레드 기.. Restudy Series. Javascript (1) Preview 자바스크립트라는 언어를 사용해 프로그램을 개발해왔지만 정작 내가 이 언어에 대해 잘 알고있는가에 대한 궁금증이 생겼다. 이 언어만이 가진 특성이나 다른 언어에 비해 가지고 있는 장점과 단점 등을 정확히 알고 사용하고 있는가에 대한 본질적인 궁금증이었다. 그래서 나만의 방식으로 Javascript 를 정의해보고 핵심 개념에 대해 정리해놓으려고 한다. 이번 포스팅에서는 프로토타입과 객체, 생성자의 개념에 대해 살펴보고자 한다. Methodology Javascript 의 특징 프로토타입 기반 언어이다. 프로토타입이라는 단어는 나를 포함한 많은 주니어 개발자들을 괴롭힌다(JS 면접 필수질문으로 뽑힌다). 도대체 프로토타입이란 무엇인가. 프로토타입이라는 낱말은 원초적 형태라는 뜻의 그리스어 낱말 .. [개역개정 한글 성경] JSON 파일 다운로드 교회에서 사용할 프로그램 개발을 위해 성경말씀 JSON 파일이 필요했는데 인터넷을 뒤져봐도 없더라구요. 그래서 txt파일로 다운받아 JSON 으로 변환했습니다. JSON 으로 변환한 성경 파일을 공유합니다. KEY : 장, 절 VALUE : 말씀 이전 1 2 다음
