form.ui 파일을 디자인 툴을 이용해 수정하고 명령어를 입력해 .py파일로 변환해준다. pyside6-uic form.ui -o ui_form.py파일 경로 오류가 뜨면 lib에 설치된 pyside6 uic파일을 찾아보고 경로를 다시 지정해주고 실행한다. Signal"어떤 일이 발생했다"는 기능 동작의 시작점 (이벤트 알림) 이벤트리스너 같은 느낌 Slotsignal 다음 실행되는 함수특별한 문법 없이 일반 함수도 slot처럼 사용 가능 Connect

Back-End 환경 설정 node.js를 이용해 기존에 사용하던 live server(client-side)가 아닌 새로운 서버(server-side)를 만들어 보았다. Node.js는 언어나 프레임워크가 아닙니다.Node.js는 'JavaScript 실행 환경(Runtime Environment)'입니다. 크롬 브라우저가 웹 페이지를 실행해주는 환경인 것처럼, Node.js는 내 컴퓨터에서 JavaScript 파일을 실행해주는 환경 즉 node.js는 JavaScript라는 하나의 언어로 프론트엔드와 백엔드를 동시에 다룰 수 있게 해줌. 프레임워크는 도커에서 쓰던 이미지와 비슷한 설계도라고 할 수 있음.개발자가 반복적인 일을 피하고 핵심 기능에만 집중하도록 도와줌. node.js는 프레임워크가 아님..

최종 구동 파일 1. 프로젝트 파일 구조simple-clock-app/├── index.html (페이지의 뼈대)├── style.css (페이지의 디자인)├── script.js (페이지의 기능, API 요청)└── server.js (파일 서빙 및 API 응답) 2. 백엔드 코드 : 'server.js'/ (루트 경로) 요청: 웹 페이지의 기본 뼈대인 `index.html` 파일을 전달./style.css 요청: `index.html`이 필요로 하는 `style.css` 파일을 전달./script.js 요청: `index.html`이 필요로 하는 `script.js` 파일을 전달./api/time 요청: 파일이 아닌, 현재 시간 정보가 담긴 JSON 데..

로그인 기능의 핵심: 데이터베이스 로그인 기능 동작 원리 사용자가 아이디와 비밀번호를 입력하고 `로그인` 버튼을 클릭. 서버는 사용자가 입력한 아이디를 데이터베이스에서 검색. 해당 아이디가 존재하면, 저장된 비밀번호와 사용자가 입력한 비밀번호가 일치하는지 비교. 모두 일치하면 `로그인 성공`, 그렇지 않으면 `로그인 실패`를 응답. 로그인 기능에는 사용자 정보를 저장하고 조회할 수 있는 데이터베이스가 반드시 필요함. 1. 사용자 테이블 구조 설계사용자 정보를 저장할 `users` 테이블을 설계. 로그인 기능에 필수적인 정보는 아이디와 비밀번호. 사용자를 구분할 고유 번호 (id)를 추가 -> 테이블 구성. `users` 테이블 구조칼럼 이름자료형제약 조건설명idINTEGERPRIMARY KEY AUTO..

1. 데이터베이스 (Database) 데이터 베이스 (Database) 정의데이터베이스는 여러 사람이 공유하여 사용할 목적으로, 체계적으로 통합하여 관리하는 데이터의 집합. 단순히 데이터를 모아놓은 것을 넘어, 특정 규칙에 따라 구조화 되어 있어 데이터의 검색, 추가, 수정, 삭제가 용이. 데이터 베이스를 사용하는 이유?효율적인 데이터 접근 및 관리 : 특정 조건에 맞는 데이터만 빠르게 찾아오거나 수정할 수 있음. JSON 파일처럼 매번 전체 파일을 읽을 필요가 없음.데이터 무결성 보장 : "학번은 중복될 수 없다", "나이는 숫자여야 한다" 와 같은 규칙을 설정하여 데이터가 항상 정확하고 일관된 상태로 유지되도록 강제할 수 있음.동시성 제어 : 여러 사용자가 동시에 같은 데이터에 접근하여 수정하려고 할..

1. 모던 CSS (Modern CSS) 현대 CSS의 주요 기능.CSS 변수 (Custom Properties) : --main-color: #3498ab; 와 같이 변수를 선언하고, var (--main-color) 로 재사용할 수 있음. 다크 모드 구현이나 전체적인 테마 변경이 매우 쉬워짐.Flexbox와 Grid : 복잡한 계산 없이도 유연하고 반응형인 레이아웃을 손쉽게 만들 수 있음. 트랜지션(Transition)과 애니메이션(@keyframes) : 요소의 상태 변화나 복잡한 움직임을 부드러운 애니메이션으로 구현.계산 함수 (`calc()`) : width: calc(100% - 80px); 처럼 서로 다른 단위(%, px, em 등)를 섞어서 동적으로 크기를 계산할 수 있어 반응형 디자인에 ..

fork를 통해 내 원격 저장소에서 작업해보자. commit을 이전으로 되돌리는 방식 reset : 히스토리를 덮어씀revert : 히스토리를 유지함특징git resetgit revert히스토리 변경히스토리를 덮어씀히스토리를 유지사용 목적아직 공유되지 않은 잘못된 커밋을 삭제/수정 히스토리를 깔끔하게 정리할 때이미 원격 저장소에 푸시되어 공유된 커밋을 변경 사항을 안전하게 취소할 때안정성위험 : 공유 브런치에서 사용하면 충돌 발생하기 쉬움안전 : 히스토리가 보존되어 충돌을 방지작동 방식HEAD를 지정된 커밋으로 뒤로 이동 시킴지정된 커밋의 변경 사항을 반대로 적용 새로운 되돌리기 커밋을 만듬. cherrypick & rebase(명심해, 로컬에서만 사용한다.)두 기능 모두 제대로 알고 쓰지 않으면 곤란한..

== 대신에 ===를 쓴다. == 데이터만 비교 (5 == '5' = True)=== 데이터와 타입까지 비교 (5 === '5' = false) 변수 지정 형식let : 값을 바꿀 수 있는 변수 타입const : 값을 바꿀 수 없는 상수를 명시할 때 사용.객체를 생성하는 방법 { }new 객체의 값을 불러오는 방법.[ ]script 파일을 html 내부에 작성할때는 아주 간단할 때 일반적인 경우 외부의 파일에 작성하며 별도의 파일로 작성하면 브라우저가 스크립트를 다운 받으면서 캐시에 저장해 성능상 이점이 있음. script에 src 속성을 이용해 외부파일 연결을 해놓고 내부 태그에 코드를 입력하면 코드는 무시된다. script 파일에 가장 위 부분에 "use strict"; 라고 작성하면 엄격한 모드를 ..