ChatGPT는 Open AI가 만든 딥러닝 프로그램으로 대화형 인공지능 챗봇입니다. Open AI는 2023년 3월에 ChatGPT API라는 새로운 서비스를 출시했습니다. 이 서비스를 사용하면 챗GPT를 나의 앱이나 제품에 쉽게 통합할 수 있습니다. 다만, API 사용은 유료이며 대화에 사용된 토큰의 크기에 따라 과금됩니다. 어떻게 사용하는 건지 함께 알아봅시다.😀 📝API Key 얻기 https://platform.openai.com/overview OpenAI Platform Explore developer resources, tutorials, API docs, and dynamic examples to get the most out of OpenAI's platform. platform.ope..

React 프로젝트를 생성하면 기본적으로 Padding, Margin 등 CSS가 적용되어 있습니다. 또한, 브라우저마다 태그를 렌더링 하는 기본 스타일이 다릅니다. 따라서 원하는 디자인을 구현하기 위해 기본적인 CSS를 초기화 시켜주는 작업이 필요합니다. 😀 📝CSS 초기화 방법 https://meyerweb.com/eric/tools/css/reset/index.html CSS Tools: Reset CSS CSS Tools: Reset CSS The goal of a reset stylesheet is to reduce browser inconsistencies in things like default line heights, margins and font sizes of headings, and ..

지난 3월에 ChatGPT에 대한 소개를 포스팅했습니다. 저는 그때부터 지금까지 꾸준히 ChatGPT를 사용하고 있습니다. 사용해 본 결과, ChatGPT는 개발뿐만이 아니라 다양한 영역에서 아주 요긴하게 활용할 수 있는 훌륭한 도구라는 생각이 들었습니다. 😀 하지만, 순식간에 코드를 작성해 주는 편리함과 동시에 개발자를 포함한 많은 직업들이 대체되는 것은 아니냐 하는 불안의 목소리도 여전히 공존합니다. 이번 포스팅에서는 개발자들이 AI에 대해 어떤 생각을 가지고 있는지 Stack Overflow Developer Survey 2023를 통해서 알아보겠습니다. 📝AI에 대한 개발자들의 인식 https://stackoverflow.co/labs/developer-sentiment-ai-ml/ Develop..

... # JRE version: (17.0+35) (build ) # Java VM: OpenJDK 64-Bit Server VM (17+35-2724, mixed mode, sharing, tiered, compressed oops, compressed class ptrs, g1 gc, windows-amd64) # Problematic frame: # V [jvm.dll+0x2c0c2e]# # No core dump will be written. Minidumps are not enabled by default on client versions of Windows ... 스프링 부트를 실행하니 자바 SDK 관련한 에러가 발생했습니다. 원인은 코드, 메모리, 자바 버전, 라이브러리 호환성 등 다양하다..

조건부 렌더링이란 특정 조건에 따라 다른 결과물을 렌더링 하는 것을 뜻합니다. 주로 React, Vue, Angular 등의 프론트엔드 프레임워크에서 사용되고, 각각 조건부 렌더링을 처리하는 특별한 문법이 제공됩니다. 그렇다면 어째서 조건부 렌더링이라는 개념이 등장하게 되었고, 왜 필요한 건지 알아봅시다. 😎 📝조건부 렌더링 사용방법 ⦁ 웹 개발 초기 환영합니다! 사실 조건부 렌더링은 초기 웹 개발부터 존재한 개념입니다. React와 같은 프론트엔드 라이브러리의 등장 이후 점점 더 많이 사용되기 시작한 개념이지만, 웹 개발에서 조건부 렌더링을 사용하는 것은 이전부터 일반적인 방법 중 하나였습니다. 당시에는 동적인 UI를 구현하기 위해 JavaScript와 HTML을 활용했습니다. ⦁ 프론트엔드 프레임워크..

Vue.js는 공식 문서에 대문짝만 하게 쓰여있듯이 프로그레시브 자바스크립트 프레임워크입니다. 이는 애플리케이션을 단계적으로 개발하고 향상시킬 수 있으며, 개발하려는 웹 사이트의 규모와 요구사항에 따라 추가적인 기능과 기술을 적용할 수 있는 방식을 말합니다. 공식적인 내용은 위와 같고, 왜 Vue가 React와 Angular와 더불어 프론트엔드 프레임워크 3대장이 되었는지 알아보겠습니다. 😀 📝통계로 현황 살펴보기 ⦁ 2023 프로그래머스 개발자 설문조사 리포트 ✔ 국내 4,034명의 개발자가 참여한 온라인 설문조사 결과입니다. 주로 사용하는 웹 프레임워크에 대한 응답으로, 역시 국내에서는 React가 대장인 모습을 볼 수 있습니다. 하지만 그에 못지 않게 Vue.js도 많이 사용되고 있습니다. Angu..

Collecting mysqlclient==2.1.1 Downloading mysqlclient-2.1.1.tar.gz (88 kB) |████████████████████████████████| 88 kB 12.7 MB/s Preparing metadata (setup.py) ... error ERROR: Command errored out with exit status 1: command: /usr/bin/python3 -c 'import io, os, sys, setuptools, tokenize; sys.argv[0] = '"'"'/tmp/pip-install-zlofzpjl/mysqlclient_1493e3f2b2d44ad18f94ac30563e9c05/setup.py'"'"'; __file__..

생성한 RDS를 워크벤치에서 실행하기 위해서는 크게 2가지 조건이 만족되어야 합니다. 😀 ⦁ 퍼블릭 엑세스 허용 RDS를 생성할 때 퍼블릭 엑세스를 허용해야합니다. 생성한 후에도 수정이 가능합니다. ⦁ VPN 보안 그룹 인바운드 규칙 편집 연습용이기 때문에 Anywhere-IPv4, Anywhere-IPv6 소스를 모두 열었습니다. 하지만 이렇게 하면 모든 IP에서 DB에 접근할 수 있게 되기때문에 특정 IP에게만 개방하는 방식이 좋습니다. 여기까지의 해결 방법은 많은 블로그에서 포스팅하고 있습니다. 하지만 저는 저 2가지 설정을 아무리 해줘도 워크벤치에서 접속이 안되는 에러가 발생했습니다. 삽질 끝에 방법을 찾았습니다. 😥 📝에러 발생 및 해결 사탄 들린 것 같이 생긴 에러입니다. 😪 ⦁ 문제 퍼블릭 ..