· 톺아보기

서비스/SW

Bing Chat, ChatGPT 사용해서 Next.js 대충대충 날림 웹개발(?) 해봤습니다.

BitLocker ·

조회 12,259 · 공감 2 · 댓글 11

C++ (MFC) 개발자라 HTML, JavaScript, CSS 문법은 모르는 상태에서 유튜브 Next.js 무료 강의 조금 (1시간 정도?) 시청하고 간단한 웹개발 도전 해봤습니다.

실제 개발은 대략 5일 정도 시간 투자 했고 기본적인 UI 구현은 잘 몰라서 동작만 되도록 만들었습니다.

?? ?? 2023-05-03 145011.png




NAS WebDAV 영상과 자막을 가져와 재생하는 간단한 구조입니다.

smi, srt, ass 자막은 vtt 변환 후 Video.js 에다가 넘겨주는 과정이 조금 힘들었습니다.

자막이 EUC-KR 인코딩이거나 문법이 틀리면 vtt 변환이 실패하고 내부 파일 읽어오는 코드 구현이 쉽지 않아 뻘짓 많이 했네요.



구글 검색은 이상한 파싱 사이트가 많아졌고, ChatGPT에게 물어보면 생기는 문제점은 21년 DB 기준입니다.

Next.js 13에서 바뀐 부분은 전혀 답변하지 못해서 Bing Chat에게 많이 물어보게 되었습니다.

Bing Chat 2000자 제한이 있지만 코드를 이어서 보낸다고 이야기하고 6000자 넘게 보내도 처리가 가능 했던 부분은 좋았습니다.

어느 정도 제한이 있어도 간단한 코드는 처리 가능한 범위라 생각합니다.


Bing Chat 문제점

대화 세션 한 차례에서 주고받을 수 있는 문답은 20회 제한입니다.

히스토리 기능이 없어서 별도 채팅 백업이 필요합니다.

가끔 급발진 후 혼자서 강제로 대화를 멈추거나 세션을 닫아버립니다.



최근 구글 검색 상태가 메롱해지고 GPT 도움을 많이 받아 취미로 개발 해보고 있습니다.

확실히 고오오오급 개발은 힘들지만 찍먹 수준이면 Bing Chat, ChatGPT 강력하게 추천하고 싶습니다.

댓글 11

  1. BitLocker ·
    @인생자전거타기님 반갑습니다!
  2. 공포 ·
    WebDav 이용해서 가지고 오는 방법 알 수 있을까요!
    NAS 에 영상이 올라오면 매번 URL에 연결해주는 업무를 보고 있는데 너무 귀찮은데 해당 방법을 이용하면 매일매일 루팡처럼 놀아도 될것같네요..
  3. BitLocker ·
    댓글 이미지
    @공포님
    https://github.com/perry-mitchell/webdav-client 라이브러리를 이용 했습니다.
    예제는 Bing Chat, ChatGPT 에게 요청하면 됩니다.

    생각보다 상세하게 알려줘서 좋았습니다.
    제가 분리하기에는 너무 헷갈려서 대략 이런 느낌으로 코드 작성 했습니다.
  4. BitLocker ·
    댓글 이미지
    @공포님 댓글에 코드 넣으니 클라우드플레어 보안에 걸리네요...
  5. 힘찬아빠 ·
    저도 세개 같이 써보고 있는데 구글 바드는 정말 안습 이네요
  6. BitLocker ·
    @힘찬아빠님 맞습니다. 수준 차이가 너무 심해요...
  7. 마이닝 ·
    @BitLocker님 아무래도 코드는 Github 인수한 마소 제품이 제일 압도적이려나요
  8. BitLocker ·
    @마이닝님 GitHub Copilot 에서 이미 앞서가기 시작 했으니 그럴 가능성이 높은거 같습니다.
  9. 민트휀더 ·
    레포나 공식문서 url던져주면 자기가 읽어오더라구요
    요거가지고 공식문서 학습시킬수 있을것같다고 생각했는데 될라나 모르겠네요
  10. 실버블렛. ·
    오~ 좋네요. 올해 여러 AI 나오고, 여러 AI들 사용 중인데 최근 업스케일링 AI로 영상 업스케일링 계속해서 4k, 8k 영상들 계속 모으고 있는데 용량의 한계로 결국 NAS 구매 고려 중인데 저도 취미로 NAS 구매하면 모든 영상들 웹사이트에 연동해서 자체 동영상 사이트를 만들어서 혼자 사용해야겠어요~ㅋㅋㅋ 검색, 분류, 썸네일, 태그 등 다 달아서 자체 보유 영상 관리하게 토이 프로젝트로 만들어서 사용해야겠네요. ChatGPT 나오고 난 후로 필요한 프로그램은 직접 만들어서 사용 중인데 또 만들게 생겼네요~ 좋네요. 좋은 아이디어 감사합니다~

사용기 최근 글

사용기 목록 더 보기