[PHP] PHP 환경 PDO 사용하기
·
📃 ETC
앞선 포스팅에서 PHP를 설치하였는데, PHP에서 데이터베이스를 사용할 때 PDO를 사용한다고 하여 가이드 문서를 남긴다. [PHP] Windows 환경에 PHP 설치하기간단한 웹 프로그램을 구현하기 위해 php를 설치하였고, 그 과정을 기술한다. 먼저 php 공식 사이트에 접속한다. PHPPHP is a popular general-purpose scripting language that powers everything from your blog to the most popuidox.tistory.com PHP에서 데이터베이스에 접근하는 방법총 3가지가 있는데, PDO를 사용하는 방법은 그 중 하나이다.mysql_connect() → PHP 7.0에서 삭제mysqli_connect()PDO PDO란?P..
[PHP] Windows 환경에 PHP 설치하기
·
📃 ETC
간단한 웹 프로그램을 구현하기 위해 php를 설치하였고, 그 과정을 기술한다. 먼저 php 공식 사이트에 접속한다. PHPPHP is a popular general-purpose scripting language that powers everything from your blog to the most popular websites in the world.www.php.net 상단에 보이는 Download 버튼을 클릭하여 다운로드 페이지로 이동한다. Windows가 선택된 상태에서 가장 최신 버전의 Zip 파일을 다운로드한다. 다운로드한 파일은 Path 설정을 위해 php-8.5.0과 같이 간단한 이름으로 변경해 주고, 원하는 경로에 위치시킨다. 시스템 환경 변수를 추가해 준다. 수동 설치의 제일 귀찮은..
[Tools] Windows 환경 FFmpeg 설치 및 사용법
·
📃 ETC
웹사이트에 업로드되는 이미지 용량 최적화 및 성능 개선을 위해 gif → webm 파일 변환에 사용되는 ffmpeg 설치 방법을 기록한다. 먼저, 아래 사이트로 이동하여 Windows용 파일을 다운로드 해야 함! Download FFmpegIf you find FFmpeg useful, you are welcome to contribute by donating. More downloading options Git Repositories Since FFmpeg is developed with Git, multiple repositories from developers and groups of developers are available. Release Verification All FFmpeffmpeg.o..
[Cursor] 웹 개발에 유용한 MCP 적용 방법 (Browser tools)
·
🤖 AI
Cursor 이용 중 MCP(Model Context Protocol)라는 것에 대해 알게 되었고, 적용하고자 어떤 MCP가 있는지 알아보던 중 유용한 MCP를 찾아 포스팅하게 되었다. MCP는 Cursor에 붙여 쓰는 라이브러리 정도로 받아들이면 된다. Browser tools란?Browser tools는 Cursor와 웹 브라우저를 연결하여 자동화를 가능하게 하는 MCP로, AI Agent가 브라우저 작업을 제어할 수 있게 해 준다. 스크린샷 촬영, 페이지 탐색, 양식 작성, 데이터 스크래핑 등이 가능하여 반복적인 브라우저 작업을 자동화하거나 실시간 웹 데이터를 가져와 코딩을 해 프론트엔드 개발에 유용하다고 한다. Browser tools를 사용하기 위한 환경 설정Node.js 16버전 이상이 설치되..
[Linux] VI, VIM 편집기 명령어(단축키) 모음
·
🌌 OS/Linux-리눅스
리눅스의 대표 에디터인 vi(vim) 편집기의 명령어들을 정리한다.vim은 Vi IMproved의 약자로, vi 에디터를 업그레이드 시킨 버전이다. vi는 텍스트 편집에 필요한 최소한의 기능만 가지고 있어(문법 강조 기능도 없음) 불편하지만, vim은 조금 더 많은 기능이 추가되어 있고 대부분의 터미널에서 지원한다. 모드명령 모드 : vi를 실행시키면 가장 먼저 접하는 기본 모드로, 커서 이동/수정/삭제/복사/붙여넣기/탐색 등이 가능하다. 입력 모드 전환 키(i, a, o, I, A, O)를 입력하면 입력 모드로 전환이 가능하다.입력 모드 (편집 모드) : 글자를 입력하여 문서를 만드는 모드로, 화면 아래에 -- INSERT -- 가 표시되어 있다. Esc 키를 눌러 다시 명령 모드로 전환할 수 있다...
[STT/Kaldi] 발음사전(Lexicon), 언어모델(LM)이란?
·
🤖 AI
STT 모델을 구성하기 위한 요소인 언어모델과 발음사전에 대해 알아보았다. 한국어는 영어와 음소 체계, 어절 구성 등이 달라 모델 적용법도 다르므로 조금 더 복잡한 경향이 있다. 발음사전(Lexicon)단어(Word)를 음소(Phoneme)로 매핑하는 표(Table) 역할로, 단어 사전이자 발음 규칙을 정의한다.Kaldi에서 음향모델은 음소 레벨까지 학습 및 출력하기 때문에 단어 변환에 밀접한 관계가 있다. 같은 단어라도 여러 발음이 존재할 수 있으므로, 한 단어에 여러 발음을 등록할 수도 있다. (= multi-pronunciation) 구성 요소음소 집합 (phones.txt) : 발음에 사용할 전체 음소 리스트기본 단어 외에 (silence, 무음), (unknown, 알 수 없음) 등 특수 ..
[E] Blocked aria-hidden on an element because its descendant retained focus
·
💻 Language/JavaScript : 자바스크립트
JavaScript + BootStrap 사용 환경에서 모달 창을 닫을 때 브라우저 도구에 다음과 같은 오류가 발생하는 것이 확인되었다. 기능 동작에는 문제가 없지만, 지속적으로 경고가 뜨는 모습에 해결이 필요할 것 같아 찾아본 내용을 정리한다.Blocked aria-hidden on an element because its descendant retained focus. The focus must not be hidden from assistive technology users. Avoid using aria-hidden on a focused element or its ancestor. Consider using the inert attribute instead, which will also prev..
[IntelliJ] 검색 시 특정 파일/폴더 제외하는 방법
·
🌐 Environment/IDE : 통합개발환경
인텔리제이에서 Ctrl + E 탐색기나, Ctrl + F, Ctrl + Shift + F 단축키로 검색을 자주 이용하는데 대형 프로젝트의 경우 내가 원하지 않는 범위까지 검색에 포함되어서 (특히 로그 파일) 정작 필요한 파일을 찾기 어려울 때가 있다. 이럴 때 유용한! 특정 파일 패턴이나 폴더명을 이용하여 검색 제외 대상을 설정할 수 있는 방법에 대한 글이다. 설정 방법 여기에 검색 시 제외할 파일 또는 폴더의 패턴을 Add 하면 된다.나는 로그 파일을 먼저 제외하고 싶어서 이렇게 작성했음. 이후 다시 Ctrl + Shift + F 단축키를 눌러 전체 프로젝트/모듈 검색 창에서 특정 검색어를 입력하면, Ignored Files and Folders에 추가된 제외할 파일 패턴에 걸리는 모든 파일들을 ..