전체 글417

• [Figma] 컴포넌트 특징 & 단축키 특징1. 마스터 컴포넌트 관련마스터 컴포넌트 수정 시 인스턴스 전부 같이 수정됨마스터 삭제했어도 인스턴스 우클릭 → Main component → Restore main component 클릭마스터 위치 찾을 땐 인스턴스 우클릭 → Go to main component 클릭레이어 이름에 / 넣으면 자동으로 폴더처럼 정리됨 (Icon/Heart 형태)레이어 이름 앞에 . 또는 _ 붙이면 해당 레이어 숨김 처리됨2. 인스턴스 관련인스턴스를 수정하면 마스터랑 연결 끊김. 이후 마스터 수정해도 해당 인스턴스에는 적용 안 됨다시 마스터와 연결하려면 인스턴스 우클릭 → Reset all changes 클릭인스턴스 복사해서 재사용 가능단축키 (Mac 기준)마스터 컴포넌트생성: Option + Command + K해제.. 응용소프트웨어/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 접속ht.. 프로그래밍/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.

• 

  창원 천마산 마금산 등산코스 (feat. 구름다리) 1. 주차장천주로1173번길 30 2공구주차장.    천마산&마금산을 잇는 구름다리 밑에도 간이? 주차장이 있다. 2. 등산코스마금산 온천 살짝 위에 공영주차장이 있다.   공영주차장에서 위로 쭉쭉 올라가면 아래 사진과 같이 계단이 보인다.  여기서 구름다리는 약 1km이다. 계단과 나무데크로 이루어져있어 힘들진않다.  10~20분 가다보면 나무데크가 보인다. 현위치로 적혀있는 곳이 나무데크가 시작되는 곳.  나무데크에서 10분 정도 올라가면 구름다리가 보이는데, 그 아래에 주차할 수 있는 공간이 있다. 마금힐이라는 카페 바로 옆에 구름다리로 가는 길이 있다.  내려가는 길로 보이지만 중간에 등산길이 있으니 일단 진입.  이 이정표가 가르키는 길로 진입하면 된다.  어느정도 올라오면 이 이정표가 보이는데.. 카테고리 없음 2025. 3. 25.

• 

  네이버 로그인 인증 API 사용하기 기본적으로 네이버 아이디는 있고 로그인은 했다는 가정하에... 1. 네이버 개발자 센터 진입먼저 네이버 개발자센터 URL 접속https://developers.naver.com/main/ 여러 가지 API가 있는데, 네이버 로그인을 클릭 네이버 로그인 API에서 "오픈 API 이용 신청" 버튼을 클릭  2. 애플리케이션 정보 입력  이름은 아래와 같이 최상단에 나오는 어플리케이션 이름이 된다.  현재는 로그인 API만 추가되어 있는데, 다양한 API도 같이 포함시킬 수 있다.API를 사용할 때 필요한 필수&선택데이터를 선택할 수 있다.  API를 사용하는 환경을 선택할 수 있다. 물론 여러 개 선택 가능하다.  PC 웹의 경우 서비스할 URL과 로그인 후 정보를 받을 Callback URL을 입력해 준다.. 프로그래밍/Open API 2025. 3. 24.

• 

  [이론] CRSF 공격 예제 1. CRSF란?CSRF(Cross-Site Request Forgery, 사이트 간 요청 위조)란 사용자가 인증된 권한의 데이터를 가지고 있는 상태에서 악의적인 웹사이트를 방문하면,공격자가 사용자의 권한을 도용하여 서버에 원치 않는 요청을 보내는 공격이다. 2. CRSF 공격 사이트 실습 사이트 생성2-1. bank사이트 생성mkdir csrf_bankcd csrf_banknpm init -ynpm install express cookie-parser body-parser 먼저 bank 사이트를 만든다. 이 bank는 농협, 옥션, 네이버 등 사용자가 회원가입을 하고 계좌에 대한 정보를 입력하는 유명한 플랫폼이 될 것이다. bank.js 생성const express = require('express').. 0. 이론 2025. 3. 16.

• 

  아이패드 맥북 모니터로 사용하기 (feat. sidecar) 1. Sidecar란?Sidecar는 애플이 macOS Catalina(10.15)부터 지원하는 기능으로, 아이패드를 맥의 보조 디스플레이로 사용할 수 있도록 해주는 기능으로 서브모니터, Apple Pencil을 사용해 맥을 컨트롤, 터치바, 유&무선 연결 기능을 지원해준다.  2. Sidecar 지원 조건macOS Catalina(10.15) 이상iPadOS 13 이상MacBook 모델:MacBook (Early 2016 이후)MacBook Air (2018 이후)MacBook Pro (2016 이후)iMac (2017 이후)iMac Pro (2017)Mac mini (2018 이후)Mac Pro (2019 이후)무선 연결 조건같은 Apple ID로 로그인된 Mac과 iPadBluetooth, Wi-F.. 기타 2025. 3. 15.

• 

  [이론] 파일에서 Container와 Codec 관계 1. Container란?컨테이너는 단순히 파일을 저장하는 형식으로, 즉 코덱을 담는 그릇이다. 특정 컨테이너에는 지원하는 코덱이 정해져 있다. 예를 들어 찜기는 만두를 찌기 위한 전용 그릇이다.용도에 맞지 않게 밥을 올려 찔 수도 있다.그러나 액체류는 흘러버리기 때문에 찔 수가 없다. 이와 같은 이유로 MP4(.mp4)는 국제 표준 컨테이너이지만 스트리밍과 압축 효율을 고려해 설계되었고, 특정 코덱만 안정적으로 재생할 수 있도록 제한되어있다. 다양한 코덱을 지원하지만 H.264, H.265(HEVC), AAC 같은 특정 코덱만 포함 가능하다.MP3 같은 오래된 코덱이나 VP9, AV1 같은 특정 코덱은 MP4에 넣을 수 없다.   2. Codec이란?오디오/비디오 데이터를 압축하고 해석하는 기술이다.파.. 0. 이론 2025. 3. 12.

• 

  [이론] 디지털 오디오 (Samplate & Bit depth) 1. 디지털 오디오 파일디지털 오디오 파일은 아날로그 사운드의 파형의 근사값을 구하여 저장하는 방식이다. 이 디지털 오디오 파일은 Samplate와 Bit depth에 의해 품질이 결정된다. 막대를 무한히 촘촘히 쌓으면 그래프의 넓이를 구할 수 있는 적분과 비슷한 개념으로 보아도 된다.   2. SimplateSamplate는 샘플의 속도로 위 그래프로 보았을 때 x축을 담당한다. 1초에 몇개의 막대가 있는지 정하는 것이다.보통 디지털은 44.1kHz인데, 1초에 44100의 막대가 있다고 생각하면 된다. 3. Bit depthBit depth는 비트의 심도로 위 그래프로 보았을 때 y축을 담당한다. Simplate를 얼마나 정확하게 표현할 수 있냐이다.음량도 큰 음량, 작은 음량 또는 고주파, 저주파와.. 0. 이론 2025. 3. 12.

• 

  [php] phpMyAdmin count error 아래와 같은 에러가 계속 나와서 메시지를 일일이 닫아줘야했는데, 귀찮으니 수정하자   에러를 보면 613line, count()에서 에러가 난 걸 볼수가 있는데,실제로 코드를 보면  count 함수의 인자가 `$analyzed_sql_results['select_expr'] == 1`인걸 볼  수 있다. 아래의 코드와 같이 수정function PMA_isRememberSortingOrder($analyzed_sql_results){ return $GLOBALS['cfg']['RememberSorting'] && ! ($analyzed_sql_results['is_count'] || $analyzed_sql_results['is_export'] ||.. 프로그래밍 2025. 3. 9.

• 

  [이론] 동영상 구조 파악 1 (feat. ftyp) 먼저 샘플 mp4 파일을 업로드. binary viewer로는 Windows라면 HxD, Mac은 다 별로 ...0. Atom Box란?글에 들어가기에 앞서 파일 구조 규칙을 먼저 파악해야하는데,  Atom Box라는 것을 간략히 소개한다. Atom Box는 MP4 파일을 구성하는 기본적인 데이터 블록이다. 각각의 Box는 항상 크기 4byte 와 유형(type) 4byte 정보를 포함하며, 크기 - 8byte는 모두 데이터 영역이다.트리(Tree) 구조로 되어 있어 특정 정보를 쉽게 찾을 수 있다. 1. ftyp 란? - file type의 약자로 파일 형식을 나타내는 데이터 1-1. 실제 데이터 1-2. 구조OffsetHEXASCII (값)의미0x000000001C(28)ftyp Box 크기0x046.. 0. 이론 2025. 2. 28.