react-native-voctor-icons를 설치했는데, 아이콘이 깨지는 현상이 발생했습니다. 해결 방법 알아봅시다. 😀 📝 해결 방법 https://github.com/oblador/react-native-vector-icons#android GitHub - oblador/react-native-vector-icons: Customizable Icons for React Native with support for image source and full styling. Customizable Icons for React Native with support for image source and full styling. - GitHub - oblador/react-native-vector-icons: C..

📌 웹 브라우저 주소창에 www.google.co.kr 을 입력하면 어떤 일이 일어나나요? 개발 직무 면접 시 자주 등장하는 질문입니다. 이는 웹 사이트가 사용자에게 보이기까지의 네트워크 과정을 알고 있는지 확인하는 질문입니다. 이 과정에서 웹 브라우저, PC의 운영 체제, 인터넷 서비스 제공업체, 웹 사이트를 호스팅 하는 서버, 해당 서버에서 실행되는 서비스에 대한 지식 등이 약간씩 필요합니다. 이 지식을 통해 웹 사이트 성능 문제의 위치를 파악하고 사용자에게 안전한 경험을 제공하고 있는지 확인하는 것이 중요합니다. 😎 📝요약 미리보기 1. 웹 브라우저에 URL을 입력하고 Enter 키를 누릅니다. 2. 웹 브라우저가 도메인의 IP 주소를 조회합니다. (먼저 캐시를 찾고, 그다음 DNS를 검색합니다.)..

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..