개념 정리 (inline, block, box, margin겹침)
·
FrontEnd/CSS
inline block 차이 인라인은 줄바꿈 없음 블럭 혼자서 해당 라인을 모두 씀 display iline 또는 block 속성을 주어 바꿀 수 있음. box model inline 에서는 width와 height 값을 무시함. Lorem ipsum dolor sit amet consectetur, adipisicing elit. Facere distinctio reiciendis culpa deleniti totam non maiores at amet ipsum. Quidem consequatur eos quod ratione autem ipsum beatae sint nobis! Qui! Lorem ipsum dolor sit amet consectetur,..
쿠키, 세션, 토큰 차이
·
개념 정리
🍪 쿠키 (Cookie)정의: 클라이언트(브라우저) 측에 저장되는 데이터 조각이자 시스템 매개체입니다.저장 위치: **클라이언트(웹 브라우저)**의 로컬 저장소.주요 용도:사용자 환경 설정 기억 (예: 언어 설정, 테마, 장바구니 정보).사용자 추적 및 광고.유효기간이 있어 정해진 기간 동안 유지됩니다.특징:요청 시마다 자동으로 서버로 전송됩니다.네이티브 앱 환경에서는 일반적으로 사용되지 않습니다. (앱에서는 별도의 로컬 저장소를 사용).🔑 세션 (Session)정의: 사용자의 상태 정보를 서버에 저장하고 관리하는 방법입니다.저장 위치: 서버의 메모리, 파일, 또는 데이터베이스(DB).주요 용도: 로그인 상태 유지 등 민감하거나 중요한 상태 관리.작동 방식:사용자가 로그인하면, 서버는 고유한 세션 I..
25. 12. 04 (목) 일지 : qt 리소스
·
AWS 광주 개발일지(25.08.19~25.01.20)/교육 25년 12월 일지
이미지 파일 아이스타일시트UI 템플릿소리글꼴 등의 여러가지 파일들을 리소스라고 부름. 이 파일들을 분류해서 관리하면 개발할때 좋음.하지만 배포해서 사용자가 사용하려면 불편해짐.따라서 하나의 파일로 통합해줄 필요가있음. Qt에서는 리소스 시스템을 통해 하나의 실행 파일(exe)에 포함시켜준다. 리로스로 파일 저장하고 연결하는 방법 1. 파일 구조 예시my_pyside6_app/ ├── main.py ├── widget.py ├── res.qrc └── icons/ # icons 폴더 안에, 6개의 PNG 리소스 이미지를 넣어둔다고 가정합니다. ├── copy.png ├── cut.png ├── new.png ├── open.png ├── paste.png ..
25. 12. 03 (수) 일지 : qt 탭 생성
·
AWS 광주 개발일지(25.08.19~25.01.20)/교육 25년 12월 일지
오늘 배운 내용 pycham, qt 깃허브 연동 qt 파일 쪼개서 만들기 작업 순서 designer .py로 변환 qt로 탭 만들기 가장 기본적인 탭 생성 코드 # 윈도우 제목 (생략 가능)self.setWindowTitle("QTabWidget 데모") # [1] 탭 위젯 생성 (탭을 넣기 위한 객체 생성)tab_widget = QTabWidget(self) # [2] 각 탭의 객체를 생성# 첫 번째 탭 : 정보 입력 탭 widget_form = QWidget()# 두 번째 탭 : 버튼 탭 widget_buttons = QWidget() # [3] 탭 위젯에 탭 추가 tab_widget.addTab(widget_form, "정보 입력")tab_widget.addTab(widget_buttons, ..
2025. 12. 02 (화) 일지 : QT signal slot 실습
·
AWS 광주 개발일지(25.08.19~25.01.20)/교육 25년 12월 일지
자주 사용하는 명령어 정리 label self.ui.label.setText("원본 값: -") self.ui.label_2.setText("처리된 값(×2): -") slider self.ui.horizontalSlider.setMinimum(0) self.ui.horizontalSlider.setMaximum(100)self.ui.horizontalSlider.setValue(25) progressBarself.ui.progressBar.setRange(0, 100) self.ui.progressBar.setValue(25) lcd self.ui.lcdNumber.setDigitCount(3) self.ui.lcdNumber.display(50) connect 부분 정리self.ui.horizont..
25. 12. 01 (월) 일지 : signal slot
·
AWS 광주 개발일지(25.08.19~25.01.20)/교육 25년 12월 일지
signal어떤 일이 발생했다 라는 기능 동작의 시작점 (이벤트 알림) -> 함수가 아니다 이벤트가 발생 되었음을 알려주는 메시지 slot signal 다음 실행되는 함수특별한 문법 없이 일반 함수도 slot처럼 사용 가능 connectsignal 과 slot 을 연결하기 위한 문법 sinal 이 실행되는 부분은 emit 함수가 동작할 때 connect는 연결만 담당. signal 사용 예시 self.sig 처럼 변수를 지정하면 안된다.실제로 사용자 지정 signal을 만들 때는 self를 빼고 mysignal 처럼 곧바로 변수를 만들어 줘야함. 구성 방법# [1] 사용자 정의 Signal: 처리된 값을 전달하고 싶을 때 사용# [2] UI 구성# [3] 레이아웃 추가# [4] 레이블에 출력 슬롯 ..
개념정리 크기 단위 (ps, %, em, vm)
·
FrontEnd/CSS
px : 절대값em, % : 상대값 대부분의 브라우저 폰트 사이즈 기본값 : 16px, 1em, 100% px% : 지정된 사이즈의 상대적인 사이즈를 결정. 기본이 10px로 지정되어 있으면 50% 지정시 5px로 변경em : em은 배수 단위 상속받은 요소의 사이즈 기준rem : 최상위 요소의 사이즈 기준 vw / vh : viewport 단위 브라우저 너비를 기준으로 한 상대적 사이즈를 의미vw : viewport 너비의 1/100vh : viewport 높이의 1/100vmin : viewport 너비 또는 높이 중 작은 쪽의 1/100vmax : viewport 너비 또는 높이 중 쪽의 1/100
개념정리 SELECTOR(선택자)
·
FrontEnd/CSS
id 선택자 : 특정 요소를 선택할 때 사용 class 선택자 : 특정 집단의 여러 요소를 한 번에 선택 결합 선택자일치 선택자 #EF자식 선택자 (자식만) #E>F자손 선택자 (자식과 손자까지 전부) #E F 동위 선택자인접 형제 선택자 #E+F일반 형제 선택자 #E~F그룹 선택자 선택 방법 E, F 의사 선택자의사 요소선택자설명::first-letter콘텐츠의 첫글자를 선택::first-line콘텐츠의 첫줄 선택::after콘텐츠의 뒤에 위치하는 공간을 선택 일반적으로 content 프로퍼티와 함께 사용::before콘텐츠의 앞에 위치하는 공간을 선택::selection드래그한 콘텐츠를 선택 after, before 는 앞이나 뒤에 content를 추가하고 스타일을 적용할 수 있음. ..