리액트란 사용자 인터페이스를 구축하는 자바 스크립트 라이브러리이다. 물론 Html, Css, Javascript로 사용자 인터페이스를 구축할 수 있지만, 복잡한 인터페이스를 구축하기에는 조금 불편한 점이 있을 수 있다. 따라서 리액트의 힘을 빌려 좀 더 쉽게 인터페이스를 구축하기 위해 사용한다. 리액트 리액트는 사용자 인터페이스를 구축하는 자바 스크립트 라이브러리 종류 중 하나이며 모두 컴포넌트(html, css, js의 결합물)로 구성되어 있다. 리액트를 사용하게 된다면 다음과 같은 이 점을 얻을 수 있다. 재사용성 증대 관리 용이성 증대 리액트 프로젝트 생성하고 실행하기 리액트 프로젝트를 생성하기 위해서는 node.js을 설치하여야 한다. 참고 : https://nodejs.org/ko Node.js..
리엑트를 활용하기 위해서 간단하게 자바스크립트의 내용을 압축해서 알아보자. 변수선언 (const, let) Javascript의 에서 변수선언은 const, let으로 할 수 있다. let은 값을 수정할 수 있는 변수를 선언할 때 사용하고 const는 값을 수정할 수 없는 변수를 선언할 때 사용한다. 그럼 일반적으로 let으로 변수를 선언하면 되지 않을까라고 생각이 들겠지만 const 키워드를 사용하면 의도치 않은 재할당을 방지를 도와주기 때문에 이를 구분하여 사용하는 것이 좋다. const a = 1; let b = 2; 🔖 var 선언 방식이 존재하지만 ES6에서는 호이스팅이라는 문제 때문에 추천하지 않는 방식이다. 참고 : https://developer.mozilla.org/ko/docs/Glos..
이번 포스팅에서는 입력값을 다루는 에딧 컴포넌트와 어떤 목록을 보여주는 리스트 위젯 컴포넌트에 대해 알아보자. 에딧 컴포넌트 Edit component는 말 그대로 값을 받아 처리하는 컴포넌트이다. Html에 비교하자면 input 태그에 비유할 수 있다. 에딧 박스 컴포넌트에 대한 함수가 있는데 아래는 그중에서 자주 사용하는 함수의 코드이다. """ 위에 edit_text를 정의 했다라고 가정한다. """ # 에딧 박스에 있는 내용을 변수 text에 저장 text = self.edit_text.text() # edit_text 라는 Edit 컴포넌트에 Enter 입력이 들어오면 send() 가 실행 self.edit_text.returnPressed.connect(self.send) # 에딧박스에 있는 ..
Pyqt에서는 message box을 새롭게 만들 수 있도록 제공하는 모듈 위젯이 있다. 해당 모듈을 import 해야만 message box을 만들 수 있다. 오늘은 Pyqt에서 메시지 박스를 컨트롤하는 방법에 대해 알아보자. 메시지 박스 Pyqt에서 Message box에도 여러 종류가 있다. 크게는 2가지가 있는데 그 종류는 다음과 같다. 확인 메시지 박스 : 말 그대로 확인용도의 메시지 박스 예/아니요 메시지 박스 : 예/아니요를 선택할 수 있는 메시지 박스 오늘은 이 메시지 박스에 대해서 알아보도록 하자. 확인 메시지 박스 일반적으로 확인하는 원 버튼 Message Box을 작성하는 방법은 다음과 같다. 1. from PySide6.QtWidgets import QMessage을 임포트 한다. ..
이번에는 PyQT에서 제공하는 버튼 요소에 대한 기법에 대해서 알아보자. PyQT에서 제공하는 버튼의 종류는 여러 가지가 있는데 이번에는 이를 순서대로 정리해서 알아보고자 한다. 해당 순서는 아래와 같다. QT Designer에서 버튼을 생성하고 파이썬 코드로 변환하기 푸시 버튼 라디오 버튼과 체크 박스 QT Designer에서 버튼 생성하고, 파이썬 코드로 변환하기 QT Designer에서 만든 ui파일을 py파일로 만드는 방법은 아래 게시글에서 설명드렸기에 아래 글로 들어가면 해당 내용을 쉽게 확인할 수 있으니 참고 바란다. 티스토리 : https://jheaon.tistory.com/27 파이썬으로 그래픽 인터페이스 제작하기! Pyside6 설치 및 Qt designer로 작업물 .py 파일로 변환..
파이썬을 배우게 되면 창을 뛰우고 그 창에 명령어를 연결시켜 실행되는 프로그램 개발에 대해 관심 생길 수도 있다. 이러한 것에 도움을 주는 라이브러리가 있는데 이번에 소개드릴 "Pyside"라는 파이썬 라이브러리이다. 해당 포스팅 글은 다음과 같은 순서로 진행될 예정이다. Pyside가 뭔지 알아보기 Pyside, Qt designer 설치 및 운영 방법 Qt designer에서 만들어진. ui 파일을. py 파일로 변경하고, 창 띄어보기 파이썬 GUI 프로그래밍 Pyside6 그래픽 인터페이스 만들기 위한 툴을 쉽게 만들기 위해 모듈화 해둔 QT라는 C++용 라이브러리를 Python version 만들어 놓은 라이브러리이다. Pyqt라고도 불리며, Python 3.6 이상부터 지원하고 있다. 해당 라이..
Spring Spring은 자바로 만들어진 웹 프레임워크의 종류중 하나이다. 해당 웹 프레임워크의 역활은 HTTP 요청에 따른 응답을 돌려주는 Web Application을 만드는 것을 목적으로 하고 있다. Spring Boot 프로젝트 생성하기 https://start.spring.io/ 일단 스프링 initalizer을 통해 생성하는 것을 우선으로 시작한다. 그리고 생성하기를 누르면 zip 파일 하나가 생성되고 이를 통해 스프링 부트를 시작하면 된다. 해당 폴더에 들어가서 데모 애플리케이션을 실행시키게 되면 localhost:8080 포트로 웹 서버가 실행되게 된다.
헤더 매개변수를 Query, Path, Cookie 매개변수들과 같은 방식으로 정의 할 수 있다. from typing import Union from fastapi import FastAPI, Header app = FastAPI() @app.get("/items/") async def read_items(user_agent: Union[str, None] = Header(default=None)): return {"User-Agent": user_agent} Header는 다른 Path, Query, Cookie가 제공하는 기능 외에 자동 변환이라는 것을 제공하고 있는데 헤더에 담긴 데이터 이름들은 모두 하이픈(-)으로 되어 있는데 파이썬은 유효하게 보지 않는다. 따라서 매개변수 이름을 _ 언더스코어..
Query 매개 변수를 정의하는 것과 동일한 방식으로 쿠키 매개변수를 정의하고 사용 할 수 있다. Cookie는 fastapi 패키지에서 가져와 사용한다. from typing import Annotated from fastapi import Cookie, FastAPI app = FastAPI() @app.get("/items/") async def read_items(ads_id: Annotated[str | None, Cookie()] = None): return {"ads_id": ads_id}
