전체 글 22

Chat GPT 감정 프롬프트

chat gpt 에 감정 프롬프트를 추가하는 경우에 응답의 퀄리티가 좋아졌다는 글을 보았다. 가령 다음과 같은 프롬프트가 추가되면 더 좋은 응답을 준다고 한다. 이건 내 커리어에 매우 중요한 일이야 숨을 깊게 한번 들어쉬고 이 분야 전문가처럼 단계별로 생각해 보자 나는 손가락이 없으니, 생략하지 말고 모든 내용을 답변해줘. 팁으로 200불과 강아지 사료를 줄께. chatgpt 라는 인공지능이 정말 감정을 가진것일까? 이건 아니라고 생각한다. chatgpt 는 인간이 만든 거대 지식을 학습한 결과이고, 학습에 의해서 사람이 의도하지 않은 결과(특이점) 이 있는데, 감정 프롬트트도 이 특이점중에 하나라고 나는 본다. 학습 데이타중 감정이 들어간 문구가 있는 데이타의 품질이 좋은 경우도 있을것이고, 감정이 들..

맥(Mac) os + phpstorm(webstorm) 에서 SCSS 설정

macos ventura 에서 설정 컴파일러 모듈 설치 brew install nodejs npm install -g sass npm install --global less npm install -g csso-cli node js 의 경우 여러 설치법이 있으나, brew 로 최신 버전으로 설치하였음 실제 모듈이 설치되는 위치는 개인의 환경설정과, 맥OS 버전에 따라 다를수 있음.(다른 경우 full 경로 지정) phpstorm 에서 설정 추가 Phpstorm Tools -> FileWatchers 설정에서 SCSS, CSSO CSS Optimizer 추가 SCSS Arguments 에 --no-source-map 옵션을 추가하여 문제가 map 파일이 생성되지 않도록 함. Arguments: --no-so..

2023.09.14

css 파일 번들링 gulp

react, vuejs 등의 프로젝트는 번들링을 필수로 사용하겠지만, 전통적인 일반 웹사이트에서는 html, css, javascript(lib) 가 짬뽕이 되어 사용되는것이 일반적입니다. 일반적인 웹사이트에서도 css 는 sass(SCSS) 를 사용하는 경우 여러 장점이 있기 때문에 퍼블리싱을 전문으로 하는 경우에는 필수적이기도 합니다. sass를 일반 웹사이트에서 사용하기 위해서는 node-sass 를 개발툴에 연동하여 사용합니다. phpstorm(or webstorm) 이나 vscode 의 경우 간단한 설정으로 실시간 변환이 가능합니다. 개발툴에서 사용하는 경우 몇가지 아쉬운 점이 있는데, 번들링이 어렵다는 점임입니다. 그렇다고, scss 파일을 하나로 만들면 소스를 관리하기 어려워집니다. 최근 진..

2023.09.14

구글 서치콘솔 모바일 사용 편의성 "콘텐츠 폭이 화면 폭보다 넓음" 해결

해당 문제를 해결하기위해 구글에서 검색해보니, meta viewport 를 수정하여 처리한다고 되어 있어 이를 적용하였으나, 문제가 해결되지 않았습니다. 문제가 된 URL들이 하루가 지날수록 늘어가고 있는 상황이었고, 개별 URL을 검사하면 문제가 없었다는것. 한참 이와 관련된 문서들을 찾던중에, 모바일 사용 편의성의 경우 구글이 Nexus 5 기기를 에물레이션하여 렌더링 테스트 한다고 적혀 있는걸 발견하였습니다. Nexus 5의 해상도는 360x640 임으로 high dpi를 고려한다면, 해당 장비의 최적 이미지 width는 720입니다. 페이지에 고해상도 이미지를 표시하기 위해 이미지의 넓이를 960px 또는 1024px 로 노출하고 있었습니다. 이미지 사이즈 때문에 발생했을것으로 생각하여, 먼저 든..

웹/SEO 2023.08.31

photoswipe back button click close()

photoswipe 를 갤러리로 사용할때, 팝업화면에서 x 버튼을 클릭하나 터치 다운/업을 통해서 photoswipe 창을 닫을수 있습니다. (애니메이션 효과가 추가되어 아주 자연스럽게 처리가 되죠) 모바일인 경우 백버튼을 클릭하는 경우에도 photoswipe가 닫히도록 하면, 조금더 사용자가 편리할것 같아 적용하였습니다. photoswipe 에서 백버튼 관련된 기본 기능은 제공해주지 않고 있고, 현재 swiperjs + photoswipe 형태로 사용중이라서 동작하는 코드를 찾는데 시간이 좀 걸렸습니다. (프론트 분들은 금방 처리할것 같은데, jquery 수준으로 자바스크립트를 다루는 저는 좀 어려웠습니다.) 대략적인 코드는 다음과 같습니다. $(document).ready(function () { c..

2023.08.19

photoswipe thumbnail to original image aspect ratio 문제

photoswipe로 이미지를 표시할때, 썸네일 이미지와 원본 이미지 비율이 틀린 경우에 문제가 눈에 거슬리는 문제가 있습니다. 비율이 동일한 경우(보통 동일하게 맞추지만)나, 썸네일 to 썸네일 이미지를 표시할때는 자연스럽게 화면이 전환됩니다. 문제는 썸네일보다 원본의 가로 비율이 더 높은 경우인데, 전환시 마지막에 원본 이미지로 표시되도록 썸네일을 지우는데, 이 처리가 진행될때, 하단 이미지가 잘려나가는듯한 느낌으로 잠시 표시됩니다. (말로는 설명하기 어렵고 나중에 문제되는 화면을 동영상이나 gif 를 업로드 해야 겠네요.) photoswipe 옵션값을 조정하여 처리가 가능한지 찾아봤지만, 원하는 걸 찾지 못했습니다. 해외 게시글이나, github 이슈를 봐도 동일한 문제를 겪은 사람은 있는것 같은데..

2023.08.19

Pintura + Filepond 멀티파일 사용시 이미지 변경확인

한국형 게시판 서비스와 연동작업시 multi file 영역이 변경되었는지 체크할 필요가 생겼습니다. 상황을 설명하기가 조금 애매한 부분이 있는데, 정리해서 얘기하자면, 이미지 업로드와 이미지외 POST를 분리처리하는 형태입니다. 기존 업로드된 파일에 변경이 없는 경우는 이미지 파일을 제외하고 업로드하고, 이미지 파일이 변경된 이미지를 먼저 업로드하고, 정상처리된 상태면, 나머지 필드에 대해 POST 전송을 처리하는 방식입니다. pintura + filepond 를 사용시, 멀티 파일 이미지 편집뿐만 아니라 추가, 삭제, 이미지 순서변경(reorder) 등을 사용할수 있습니다. 멀티 파일이 변경되었는지를 체크하고, 변경된 경우만 서버쪽 이미지 저장 페이지를 호출하는데, 멀티 파일 변경을 체크하는게 쉽지가 ..

카테고리 없음 2023.06.26

Pintura + Filepond + PHP 이미지 멀티 업로드 및 편집

https://pqina.nl/pintura/ Pintura Image Editor, a Powerful JavaScript Image Editor SDK A powerful JavaScript Image Editor that integrates with every stack. Fully configurable and works intuitively on every device. pqina.nl 이미지를 직접 하나씩 편집하는 경우는 Pintura 를 사용하고, 멀티파일 업로드 및 멀티파일 업로드와 이미지 편집을 하는 경우는 Pintura + Filepond 를 사용하여야 한다. 처음 공식 메뉴얼을 보면 뭐가 뭔지 알수 없는데, Pintura 는 웹 이미지(동영상) 편집기이고, 파일 업로드 처리는 다른 자..

PHP 2023.06.23

고도몰5 Pro DBTableField 자동 생성 - ChatGPT

기존에 information schema 를 참조하여 DBTableField.php에 매핑 함수를 추가하는 스크립트를 만들었습니다. https://devpain.tistory.com/10 고도몰5 Pro DBTableField 자동 생성 고도몰5 기능을 확장하다보면, 테이블을 추가해야 하는 경우가 생기는데, \Component\Database\DBTableField.php 파일에 테이블 스키마를 구성해야 한다. 테이블 컬럼 형태에 맞춰서 $arrField 를 구성해야 하 devpain.tistory.com 오늘 ChatGPT를 사용하여 동일한 기능을 수행하는 프롬프트를 작성하였습니다. 기존 방식도 복잡한 코드가 아니었었습니다. 사전작업과, 테스트, 검증 절차 때문에 작업시간이 대략 2시간정도 걸렸습니다...

PHP/고도몰 2023.04.09

노벨상 수상자 폴 크루그먼, 인공지능(ChatGPT)에 대한 기대를 낮춰: '역사적으로 큰 경제 효과가 많은 사람들이 예상하는 것보다 더 오래 걸릴 것이다'

인공지능 경쟁이 가열되고 있으며, 마이크로소프트, 구글, 바이두 등의 기술 거물들이 OpenAI의 ChatGPT에 이어 고급 챗봇을 선보이기 위해 노력을 더해가고 있다. 첨단 인공지능 기술 개발에 수십억 달러가 투자되면서, 이 기술이 어떻게 우리 일상생활에 변화를 가져올지 많은 이들이 짐작하고 있다. 일자리가 기계에 빼앗길 것이라는 예측, 인공지능 관리에 대한 촉구, 새로운 인공지능 시대가 곧 도래할 것이라는 전망 등이 나오고 있다. 그러나 한 고위 경제학자는 지금 선보이고 있는 인공지능이 가까운 미래에 큰 영향을 미치지 않을 것이라고 생각한다. 2008년 노벨 경제학상을 수상하고 레이건 정부의 경제자문위원회에서 일한 폴 크루그먼은 금요일 뉴욕타임스 기고에서 ChatGPT와 구글의 바드 같은 대형 언어 ..