전체 글

[MySQL] Workbench 데이터 1000개 제한 해제 방법

워크벤치는 기본적으로 Query Results Limit Rows가 설정되어 있습니다. 이 제한을 해제하는 방법을 짧게 알려드리겠습니다. 😀 📝 방법 ⦁ Settings 클릭 ⦁ Limit Rows 체크 해제 ⦁ 결과 확인 이상 미세한 팁이었습니다 ~ 참고 문헌 :

[API 테스트 툴] 포스트맨(Postman) 인증 토큰 설정하기

포스트맨이란? https://hyunki99.tistory.com/93 [API 테스트 툴] 포스트맨(Postman) 사용방법 정리 Postman은 API 개발 및 테스트를 위한 협업 도구입니다. 웹 개발할 때 유용하게 사용할 수 있습니다. 백엔드 코드 작성하고, 굳이 프론트에서 요청 코드 작성해서 테스트하지 않아도 되서 편리합니 hyunki99.tistory.com 토큰 인증이 필요한 API의 경우, 요청의 헤더에 토큰을 전달해야 합니다. 포스트맨의 Global Variable(전역 변수) 기능을 사용해서 간편하게 적용할 수 있는 방법을 소개하겠습니다. 😎 📝 포스트맨 설정 ⦁ 환경 설정 ✔ 환경을 추가한 후 Variable에 Bearer [토큰 값]을 추가합니다. ✔ 주의) 해당 환경이 선택되어 있어..

[React] Zustand란? 사용하는 이유! (상태 관리 라이브러리, 사용 방법 예시)

Zustand는 독일어로 '상태'라는 뜻으로 React 생태계에서 사용하는 상태 관리 라이브러리입니다. 현재 Redux가 압도적으로 많이 사용되고 있지만, 문법이 더러운 편이라 학습에 시간이 필요합니다. Post Redux로서 사용자가 빠르게 늘고 있는 힙한 곰돌이 친구 Zustand에 대해서 알아봅시다. 😎 📝 사용하는 이유 ⦁ React에서 데이터는 단방향 기본적으로 React의 데이터 흐름은 State & Props를 사용해 단방향으로 이루어져야 한다는 원칙이 있습니다. 이러한 데이터 흐름은 단순하고 예측 가능하며, 컴포넌트 간의 관계를 명확히 정의하기 때문에 유지 보수성을 향상시킵니다. ⦁ 음.. 컴포넌트가 너무 많으면? 하지만 데이터를 전달하는 과정에서 거쳐야 하는 컴포넌트가 너무 많은 상황이라..

[React Native] react-native-vector-icons 아이콘 깨짐 현상 해결방법 (엑박)

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

[네트워크] 브라우저 주소창에 URL을 입력 시 일어나는 일 정리 (DNS)

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

[ChatGPT] 챗지피티 API란? 사용방법 정리

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] 리액트 CSS 초기화란? (CSS Reset, 여백 제거)

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

[IT뉴스] ChatGPT에 대한 개발자들의 인식 통계 알아보기 (Stack Overflow)

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