도리 도리

요즘에는 공부하다보면 유튜브의 자료를 참고하게 되는 경우가 많다. 특히, 다양한 세션들이 유튜브에 올라오는데 관심 세션만 해도 한 번에 수십개의 영상이 올라오기 때문에 다 보기에는 힘든 경우가 종종 있다. 특히 원어 영상인 경우 더 시간이 오래걸리기도 한다. 이 때 Chat GPT를 활용해보니 쉽게쉽게 요약된 정보를 얻을 수 있어서 팁을 공유한다. 꼭 개발 세션같은 영상일 필요는 없고 다양한 공부에 활용할 수 있다. 주의) - 모든 영상에 사용할 수는 없다. 스크립트가 없는 경우에는 할 수 없기 때문에. - 긴 영상인 경우 input limit 때문에 적당한 지점을 잡아 분할을 해야한다. 1. 영상 우측 하단의 점 세개버튼을 누른다. 2. 스크립트를 표시 버튼을 누른다. 3. 타임스태프를 제거한다. 4...

요약: 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..