도리 도리

원본 링크: https://io.google/2023/program/e282fcf3-5eaf-44ae-99d0-11175ec2ccfc/ Google I/O 2023 Tune in to watch the latest news and innovations from Google. Join I/O for livestreamed keynotes and helpful product updates on demand. io.google 위 세션은 Advanced web API들을 실제로 사용한 어플리케이션들과 사용된 API를 소개하고 있다. 구글의 Project Fugu에서는 Native App과 Web의 간극을 줄이기 위해 2018년도 부터 노력하고 있다고 한다. 이로 인해 Chromium 기반 브라우저에서 사용할 ..

원본 링크: https://io.google/2023/program/cafbe05a-c19e-4fe5-9e25-61c5c0c2f6cf/ Google I/O 2023 Tune in to watch the latest news and innovations from Google. Join I/O for livestreamed keynotes and helpful product updates on demand. io.google 구글 I/O 두번째로 본 세션. 웹 개발에 새로 추가된 기능들, 특히 메이저 브라우저들에서 최신 2버전 지원을 하는 기능들에 대해 소개하고 있다. (최신 2버전 정도는 돼야 프로덕션에서 사용을 고려할 수 있는 수준이라고 생각해서 그렇게 선정했다고 한다.) 발표자분도 영상 초반에 언급하셨..

원본 링크: https://io.google/2023/program/dcece33d-7fc9-490c-8a6d-cc7f83fc0d1f/ Google I/O 2023 Tune in to watch the latest news and innovations from Google. Join I/O for livestreamed keynotes and helpful product updates on demand. io.google 2023 Google I/O가 진행되었고, Web 관련된 세션들도 정말 많이 발표되었다. 그 중 재미있는 몇 가지를 간단히 요약해보려한다. 첫 번째로 정리해볼 세션은 위 링크에 있다. 제목에 ML로 앱을 향상시킨다는 내용이 있어 궁금해서 바로 봤다. 내용 정리는 ChatGPT에게 시켰다..

익스텐션 설치 링크: https://chrome.google.com/webstore/detail/talk-with-gpt-extensions/galockpmkiembebpfcnnalaomfglknkf Talk with GPT Extensions Extension to talk with GPT chrome.google.com 요새 일하면서도 지피티를 자주 활용하고 있다. 특히 내가 잘 모르는 파트에서 도움을 구하면, 어떤 대답이든 해주기 때문에 완벽하진 않더라도 실마리 정도는 주는 것 같다. 조금씩 하고 있던 영어 말하기 공부에도 활용하면 좋겠다 싶어서 크롬 익스텐션으로 한 번 만들어 봤다. 말하기의 가장 어려운 점은 말을 할 곳이 없다는 것이기 때문에 그런 부분을 조금은 해소할 수 있을 것 같다. 사용법..

홈페이지: https://www.midjourney.com/home/?callbackUrl=%2Fapp%2F text 기반 입력을 통해 그림을 그려주는 AI 서비스. 디스코드를 통해 무료로 쉽게 이용이 가능하다. 아래 링크를 통해 discord에 들어갈 수 있다. https://discord.gg/midjourney 디스코드 계정이 있으면 바로 사용할 수 있다. 없으면 가입해야한다. 예시 명령어를 통해 여자친구와 제주도 여행을 간 삼성맨을 그려달라고 했을 때 나온 결과물 꽤나 사람같이 잘 그려주는 것을 볼 수 있다. 사용법 가이드 문서 https://docs.midjourney.com/docs/quick-start Midjourney 디스코드에 들어간다. 좌측 목록에서 newbies-# 채널로 들어간다...

요약: ChatGPT를 CodeGPT라는 VScode extension으로 IDE안에서 사용할 수 있다. 1. Code GPT 소개 이 전 포스트에서 ChatGPT를 통해 리액트 컴포넌트를 만드는 것을 테스트해봤다. https://blue-tang.tistory.com/33 Chat GPT로 리액트 컴포넌트 작성해보기 요즘 유행하는 ChatGPT로 리액트 간단한 리액트 컴포넌트를 작성해보았다. ChatGPT를 써 본 소감은 계속 ChatGPT와 티키타카를 해나가야 괜찮은 결과가 나온다는 것이다. 내가 해본 예시는 아래와 같 blue-tang.tistory.com 요새 이런게 이슈기도 하고, 실제로 써보니 재미도 있어서 이것저것 해보는 와중에 CodeGPT라는 것을 알게 되었다. CodeGPT는 VScod..

요즘 유행하는 ChatGPT로 리액트 간단한 리액트 컴포넌트를 작성해보았다. ChatGPT를 써 본 소감은 계속 ChatGPT와 티키타카를 해나가야 괜찮은 결과가 나온다는 것이다. 내가 해본 예시는 아래와 같다. (영어는 생각나는대로 했기 때문에 많이 틀렸을테지만 양해 바람) 1. 대화 시작 및 첫 스펙 제시 리액트 + 타입스크립트를 사용하여 인풋필드와 서밋 버튼이 있는 컴포넌트 작성 요청. 제출 목록은 인풋 아래에 있고, 제출 버튼을 누르면 목록이 업데이트 되어야함. Q. Create an React Typescript code. It should contain an input field and a submit button. when you click submit, the submitted list i..

Announcing TypeScript 5.0 Beta Announcing TypeScript 5.0 Beta Today we’re excited to announce our beta release of TypeScript 5.0! This release brings many new features, while aiming to make TypeScript, smaller, simpler, and faster. We’ve implemented the new decorators standard, functionality to better support ESM devblogs.microsoft.com 참고 내용 - 마이크로소프트 타입스크립트 블로그. 위 글에 각 내용들이 상세하게 정리되어 있으니 상세설명은 ..