PHP74 클로드 AI를 이용해 만들어 본 이미지 번역 브라우저 확장앱 최근 AI 툴들을 써보면서 아예 처음부터 만들어 볼 수 있을까? 싶어서 클로드를 이용해 만들어보기로 했다. 위의 이미지처럼 처음에는 그냥 브라우저 확장앱을 만들어보고 싶었다.그래서 프롬프트도 자세하게 지정하지 않고 그냥 생각나는대로 적어보았다.그랬더니 google vision과 traslation API를 이용하는 확장앱을 간단하게 만들어주었다. 그리고 몇 번의 에러 수정과 개선을 통해 그럭저럭 만족할 만한 앱이 만들어졌다.여기서 내가 한 것이라고는 클로드에 프롬프트를 주고 구글에서 API를 키를 받아온 것 밖에는 없다. 위는 UI를 조금 개선하고 원본 텍스트도 나오게끔 수정한 버전이다.이미지에 마우스를 갖다대기만 하면 팝업창이 떠서 실시간으로 번역해준다.영어, 일본어 상관없다.심지어 한글도 원본 그.. 2025. 3. 12. (팁) 그누보드 게시판 첨부파일 용량 조정하기 그누보드 관리자 모드에 보면 최대가 32메가까지 첨부파일 용량이 정해져 있다. 직접 서버를 운영하면 php.ini 파일을 건드리면 되지만 보통은 호스팅을 받으므로 쉽지 않다.그래도 방법은 있는데 간단하게 .htaccess 파일을 root에 추가해주면 끝난다. 그누보드 - 파일 업로드 용량 마음대로 조절 하는 법 > 그누4 팁자료실 (sir.kr) SIR" data-og-description="서버를 직접 운영 하지 않는 분들(호스팅계정이용자)이 대부분 많으십니다. 호스팅 계정을 이용하는 분들은 php.ini에 접근할 수 없기 때문에 용량제한을 할수가 없습니다. 더군다나 호스" data-og-host="sir.kr" data-og-source-url="https://sir.kr/g4_tiptech/3288.. 2024. 5. 29. (팁) 그누보드 새로운 폴더에 index.php 추가하기 그누보드 사용 중 잊어버릴 듯한 팁을 모아두면 좋을 것 같아 카테고리를 만들었다. 그누보드를 거의 사용해보지 않아 뭔가 해보려고 하면 찾기도 힘들고. 그누보드 폴더 말고 새로운 폴더를 생성 후에 그 안에 index.php 넣는다면 어떻게 출력하게 할까? 그누보드 QA - 최신글 관련 문의드립니다. (sir.kr)./ (${DOCUMENT_ROOT})├── common.php├── index.php└── test ├── _common.php └── index.php test 디렉토리의 소스는 다음과 같이 구성되어야 합니다. test/_common.php test/index.php 2024. 5. 29. 프론트엔드 성능 최적화 가이드 프론트엔드 성능 최적화 가이드 수강생 2천 명이 선택한 인프런 인기 강의 다년간의 컨설팅과 강의 노하우를 담았다! 4가지 실전 서비스로 배우는 웹 성능 최적화 기법 '웹 성능 최적화'는 프론트엔드 개발자라면 반드시 고민해야 하는 이슈다. 서비스 환경과 상황에 따라 필요한 최적화 포인트가 다르고, 기법도 매우 다양하기에 개발 중인 서비스 특성에 맞게 커스터마이징하는 능력이 중요하다. 저자는 수많은 기업의 웹 서비스 성능을 컨설팅하고, 삼성 SSAFY, 프로그래머스, 인프런, 스터디파이 등 강의 플랫폼에서 최적화 및 개발 강의를 진행한 경험을 책에 고스란히 녹여 냈다. '성능 최적화' 주제를 효과적으로 배우는 데 이론보다는 실습이 중요함을 강조하며 현장감 있게 구성했다. 이 책은 실생활에서 흔히 개발하는 4.. 2023. 1. 11. LG 유플러스 결제창이 iframe이 아닌 별도의 윈도우로 뜰 때 크롬으로 결제 테스트를 했을 때는 아무런 문제없이 iframe 삽입 방식으로 결제창이 떴는데 IE로 실행하기만 하면 별도의 윈도우 탭으로 결제창이 하나 또는 두 개씩이나 뜨고 결제까지는 성공해도 제대로 부모창으로 돌아가지 못해 최종적인 결과화면을 볼 수 없어 제대로 처리가 되지 않는 문제가 발생했다. 고객센터 기술지원팀과 이것저것 테스트해보았으나 샘플 코드 페이지는 정상적으로 실행이 되고 있었다. 웃기는건 별도의 윈도우 탭으로 결제창이 떴을 때 닫고 난 뒤 부모창에서 리프레시를 하고 다시 결제창을 띄워보면 부모창 안에서 결제창이 정상적으로 뜬다는 것이었다. (정상적으로 실행이 되었을 때의 화면) 결국 소스코드에 이상이 있어서 그럴 수 밖에 없다. 첫 번째로 찾아낸 것은 iframe 이라는 파라미터.. 2016. 5. 10. sublimelinter를 사용해 실시간으로 문법 오류 체크하기 linter는 실시간으로 문법을 체크해준다.sublimelinter를 사용하게 되면 PHP 뿐 아니라 CSS, JS, Python 등도 가능하다. sublimelinter는 서브라임 텍스트의 패키지 컨트롤을 통해서 설치한다.sublimelinter-php 도 마찬가지. css나 js 를 위해서는 nodejs가 필요하니 nodejs 에서 최신 버전을 설치해준다.sublimelinter-csslint 나 sublimelinter-jshint 같은 경우에는 패키지 컨트롤을 이용해서 설치도 가능하지만, nodejs 를 설치했으므로 npm 을 이용해서 설치해 보자. 커맨드창을 열고 npm install -g jshint 와 npm install -g csslint 를 각각 실행한다. 그리고 커맨드창에서 where.. 2016. 3. 31. LG 유플러스 전자결제(PG) 사용하기 몇 년 전 처음으로 독립형 쇼핑몰 솔루션에 카드결제를 붙여달라고 해서 LG uplus의 xpay 전자결제 모듈을 이용한 적이 있다.이번에도 독립형 쇼핑몰 작업을 하면서 한번 해본 적이 있는 LG 유플러스가 편할 것 같아서 선택했다. 처음에 PG사의 모듈을 사용할 때 매뉴얼이 암호처럼 보여서 고생을 했는데, 역시나 이번에도 쉽지 않았다.(나만 그런가? 문제가 생겼을 때 인터넷 검색을 해봐도 별다른 방법이 없다.) 이번에 고생을 한 문제는 다름이 아니라 너무 조심스럽게 사용했다고나 할까?로컬에서 PHP 옵션에 display errors를 해놓고 실행하다보면 에러를 뿜어내는데 이것을 잡아보겠다고 변수에 빈 값이 들어있는 것을 체크하려다 발생했다. isset() 함수를 if()문에서 사용해야 하는데 로컬에서 에.. 2016. 2. 29. 로컬에서 MySQL 한글이 깨질 때 로컬에서 MySQL 돌릴 때 제일 귀찮은 부분...한글이 깨지는거.ini 파일 수정해 주면 되지만 매번 셋팅하기도 귀찮으니 여기에 올려놔야겠다. 아랫 부분만 수정해도 DB에서 한글이 깨져서 출력이 된다거나 하는 일은 없겠다. # Example MySQL config file for medium systems.## This is for a system with little memory (32M - 64M) where MySQL plays# an important part, or systems up to 128M where MySQL is used together with# other programs (such as a web server)## You can copy this file to# /etc/my... 2016. 2. 29. 로컬호스트로 여러 개의 가상서버 돌리기 사이트를 여러 개를 관리하면서 개발하다보니 매번 서버에 업로드해서 작업하기도 힘들고 해서 로컬호스트로 돌리고 있는데, 각 폴더별로 사이트를 만들어서 하다보니 http://localhost/abc, http://localhost/def 이런 식으로 접속을 하는데 종종 루트디렉토리를 못찾아서 에러가 나는 경우가 있다. 이럴 때, 각각의 디렉토리를 루트로 인식시켜주려면 가상호스트를 이용하면 된다. 우선 C:\Windows\System32\drivers\etc에 있는 hosts 파일을 다른 폴더로 복사한다. (바로 이 폴더에서 작업한 후 저장하면 관리자권한 에러가 나서 저장이 안되니 다른 폴더에서 작업 후 복사하는게 낫다.) hosts 파일을 수정하지 않으면 DNS 에러가 난다. hosts 파일을 열어 127... 2016. 2. 16. 이전 1 2 3 4 ··· 9 다음
