분류 전체보기425

• [DB] Metadata lock 오류 현상1. 일반적인 select 문등은 동작함2. nginx 또는 apache는 정상동작함3. DB에 직접 접속이 가능함4. phpmyadmin, DB를 사용하는 페이지는 오류가 발생(특히 504 gateway timeout) 원인메타데이터 락이 원인메타데이터 락이란?1. MariaDB는 테이블 구조를 바꾸는 DDL 작업 (ALTER, DROP, RENAME, 등) 시 해당 테이블에 메타데이터 락을 건다.2. 락이 걸려 있는 동안, 해당 테이블을 참조하는 모든 쿼리(SELECT, JOIN, UPDATE, 등)는 락 해제 전까지 대기 상태가 된다.3. 특히 MariaDB 10.1 이하 버전은 ALTER TABLE 수행 시 전체 테이블을 잠그는 구조이기 때문에 락이 길어질 수 있다. 어떠한 이유로 락이 해제되.. 프로그래밍/DB 2025. 7. 6.

• 

  VirtualBox 가상 디스크 용량 늘리기(feat.Ubuntu) 일단 아무생각없이 설치하면 10GB를 설치하는데, 생각보다 작다.Virtual Box에서 GUI로 해결할 수 없는 문제라 기록한다. 0. 사전준비VirtualBox 실행 경로가상디스크 경로가상머신 종료상태 * 참고로 줄이는건 안된다 1. 가상 디스크 늘리기Virtual Box 명령어 관리는 VirtualBox Manage가 하는데,경로는 보통 "C:\Program Files\Oracle\VirtualBox", 가상디스크 경로는 보통 "C:\Users\psy\VirtualBox VMs"에 있다. 그래서 명령어는 "VBoxManage.exe modifyhd "[VDI 경로] --resize [용량(MB단위)]""C:\Program Files\Oracle\VirtualBox\VBoxManage.exe" mo.. 프로그래밍/Linux 2025. 4. 29.

• 

  로컬에서 도메인 설정하는 방법 (Windows, Linux, Mac) hosts 파일은 로컬에서 도메인 이름을 특정 IP 주소로 강제 매핑할 수 있다. Windows, Linux, Mac 모두 방법은 같으나, 파일의 위치가 조금씩 다르다. 1. 위치 - WindowsC:\Windows\System32\drivers\etc\hosts - Linux/etc/hosts - Mac/etc/hosts 2. 사용법[IP] [domain]으로 사용하면 된다.예를 들어 "127.0.0.1 my-server.test"를 적고 저장만 하면 된다.따로 적용 명령어는 없다. 그냥 저장만 하면 끝이다. ping을 날려보자 직접 접근해보자 프로그래밍 2025. 4. 29.

• 

  [Figma] Auto Layout 세부 설정 space between프레임의 크기에 따라 자동으로 간격이 설정됨(가변) - `Gap` 란에 `auto`를 입력하면 됨 Advanced Layout선을 하나의 길이로 포함시킬 것인지, 아닌지를 선택.프레임을 선택한 뒤 오른쪽 패널에서 Stroke를 추가하면 Position란에 존재한다. 1. included layout 선 포함 간격2. excluded layout 선 제외 간격 canvas stackingAuto Layout에서 오브젝트들이 겹쳤을 때 어떤 것부터 앞으로 보낼 것인지를 정한다. First on top: 왼쪽 오브젝트가 가장 위로 오도록Last on top: 오른쪽 오브젝트가 가장 위로 오도록 Absolute PositionAuto Layout 인데 위치가 자유로워야 할 경우 응용소프트웨어/Figma 2025. 4. 16.

• 

  [Figma] 오토레이아웃 리사이징 컨테이너란? - 콘텐츠를 감싸는 바깥 박스 - padding, 정렬, spacing, 방향 같은 걸 설정하는 주체 - Figma에선 Auto Layout을 설정한 프레임 자체 - 이 컨테이너에 따라 콘텐츠 배치가 결정됨 콘텐츠란? - 컨테이너 안에 들어가는 텍스트, 이미지, 버튼, 아이콘 등 개별 요소들 - Auto Layout 안에 들어가는 자식 요소들 - 컨테이너가 어떻게 정렬되어 있냐에 따라 위치가 달라짐 특성 값- hug contents: 안에 들어있는 콘텐츠 크기만큼만 자동으로 크기 조절됨 - fill contents: 해당 요소가 부모 프레임(컨테이너)의 남은 공간을 가득 채움 - Fixed: 사이즈가 절대적으로 고정됨. 콘텐츠가 바뀌든 말든 크기 유지 카테고리 없음 2025. 4. 15.

• 

  [Figma] 오토레이아웃 목적프레임에 자동으로 간격을 조절해 주는 기능.html의 flex box와 유사하다 보면 됨 단축키오토레이아웃 만들기: Shift + A 기능1. Direction 2. Gap 3. Padding 4. Alignment 응용소프트웨어/Figma 2025. 4. 15.

• 

  [Figma] 배리언트(variant) 목적- 하나의 컴포넌트 안에 여러 상태, 스타일, 버전을 묶어서 관리하려고 쓰는 기능- 같은 버튼인데 상태가 다름 (기본 / 호버 / 클릭 / 비활성)- 같은 스위치인데 켜짐/꺼짐 구분 필요함- 같은 인풋인데 포커스, 에러 상태 필요함- 같은 카드인데 라벨이 있고 없고 다름만드는 법- 마스터 컴포넌트 여러 개 마스터 컴포넌트 여러 개를 선택하고 오른쪽 패널에 `combine as variant` 클릭- 마스터 컴포넌트 한 개 오른쪽 패널에... 누르면 add variant - 인스턴스 여러 개 오른쪽 패널에... 누르면 `Create component set`구역배리언트를 선언하면 구역?이 생기는데 그 구역 안에 오브젝트를 넣어서 베리언트를 추가할 수 있고, 오브젝트를 끄집어내서 베리언트를 해제할.. 응용소프트웨어/Figma 2025. 4. 15.

• 

  [Figma] 프로퍼티 피프로퍼티란컴포넌트의 상태, 텍스트, 보임 여부 등을 설정할 수 있는 속성값으로 프로퍼티 옵션 적용은 마스터 컴포넌트, 프로퍼티 옵션 활용은 인스턴스에서 한다. 프로퍼티 종류1. 텍스트 프로퍼티 - 컴포넌트 내의 텍스트 속성을 외부에서 수정가능케 함 2. 불리언 프로퍼티- 컴포넌트의 특정 요소를 On/Off 하여서 Display 3. 스왑 프로퍼티 - 특정 인스턴스들로 교체가 가능함. 응용소프트웨어/Figma 2025. 4. 15.

• 

  [Figma] 컴포넌트 특징 & 단축키 컴포넌트란- UI 디자인에서 반복해서 쓰는 덩어리로 반복작업을 줄이는 것이 목적- 하나의 수정으로 전체가 반영이 되도록- 원본으로 수정할 수 있는 마스터 컴포넌트와, 수정된 것을 적용시키는 인스턴스가 있음 종류1. 마스터 컴포넌트   원본으로 수정이 가능하다.2. 인스턴스   마스터 컴포넌트에서 복제된 것으로 마스터 컴포넌트가 수정되면 인스턴스도 수정된다.3. 프로퍼티 (이후 포스팅 글에 자세히 설명)   컴포넌트의 속성값특징- "create component"로 생성 - 마스터 컴포넌트 수정 시 인스턴스 전부 같이 수정됨  - 마스터 삭제했어도 인스턴스 우클릭 → Main component → Restore main component 클릭  - 마스터 위치 찾을 땐 인스턴스 우클릭 → Go to mai.. 응용소프트웨어/Figma 2025. 4. 8.

• 

  [Python] ChatGPT 회의록 만들기 0. 들어가기회의에서 음성녹음을 한 뒤 ChatGPT에게 회의록을 작성해달라고 하려 했는데, SST(Speach To Text)는 구현이 안되어있는듯하다. 그래서 ChatGPT의 추천대로 OpenAI인 Whisper를 이용하여 텍스트를 구한 뒤, 회의록을 작성해달라고 해보자.    1. Whisper 설치파이썬은 3.10 이상이 설치되어있다는 가정하에 진행한다. 아래 코드 입력pip install git+https://github.com/openai/whisper.git pip install torch torchvision torchaudio --index-url https://download.pytorch.org/whl/cu118  2. ffmpeg 설치ffmpeg란 동영상관련 툴인데, whisper가.. 프로그래밍/Python 2025. 4. 2.

• 

  구글 로그인 인증 API 사용하기 구글이랑 네이버 로그인 연동도 있다... 2025.03.25 - [프로그래밍/Open API] - 카카오 로그인 인증 API 사용하기 카카오 로그인 인증 API 사용하기기본적으로 카카오 ID는 있고 로그인이 되어있다는 가정하에... 1. 카카오 Developer 진입먼저 카카오 Developer에 로그인한다.https://developers.kakao.com/ 2. 플랫폼 입력"애플리케이션 추가하기"를 클park-duck.tistory.com 2025.03.24 - [프로그래밍/Open API] - 네이버 로그인 인증 API 사용하기 네이버 로그인 인증 API 사용하기기본적으로 네이버 아이디는 있고 로그인은 했다는 가정하에... 1. 네이버 개발자 센터 진입먼저 네이버 개발자센터 URL 접속htt.. 프로그래밍/Open API 2025. 3. 27.

• 

  카카오 로그인 인증 API 사용하기 기본적으로 카카오 ID는 있고 로그인이 되어있다는 가정하에... 1. 카카오 Developer 진입먼저 카카오 Developer에 로그인한다.https://developers.kakao.com/ 2. 플랫폼 입력"애플리케이션 추가하기"를 클릭한 뒤, 애플리케이션의 정보를 입력한다. 애플리케이션으로 들어가면 키들이 존재하는데, 사용목적에 맞는 키의 정보를 복사한다.일반적인 web login인 경우 "REST API키"를 선택하면 된다. 다음으로는 플랫폼을 선택한다. Web Login의 경우 "Web"을 선택하면 된다. Web의 도메인을 선택하면 Redirect URI를 등록한다. 활성화 상태를 ON으로 해주고 Redirect URI를 등록해 준다. 3. 코드구현.envKAKAO_CLIENT_I.. 프로그래밍/Open API 2025. 3. 25.