chatGPT가 화제이다. 지금은 베타 오픈 기간(?)이라 이것 저것 심심할 때 마다 질문을 하고있는데, 이번에는 한창 공부중인 리액트 네이티브 관련된 내용을 물어보았다. 질문은 다음과 같다. "react native에서 앱 실행시 로딩 화면 만드는 코드 알려줘" 아래는 chatGPT의 답변 그대로 옮겨왔다. React Native에서 앱 실행 시 로딩 화면을 만드는 가장 일반적인 방법은 앱이 시작할 때 첫 번째 화면으로 스플래시 스크린을 정의하고 이를 사용하는 것입니다. 스플래시 스크린은 일반적으로 앱의 로고와 같은 간단한 정보를 표시합니다. 스플래시 스크린을 정의하려면, 먼저 새로운 컴포넌트를 작성해야 합니다. 이 컴포넌트는 앱이 시작할 때 첫 번째로 보여질 화면입니다. 일반적으로 이 컴포넌트는 Sp..
1. Awesome ChatGPT Prompts (링크) 더보기 ChatGPT를 잘 활용하기 위한 프롬프트들 모음 Act as 리눅스 터미널, 자바스크립트 콘솔, 엑셀 시트, SQL 터미널 영어 번역기 및 개선자(Improver), 영어 발음 도우미 포지션 인터뷰어, 리크루터, 경력 카운셀러 여행 가이드 표절 검사기 영화/책 등의 캐릭터 광고주 스토리텔러, 작곡가, 소설가, 시인, 래퍼, 회계사, 철학 교사, 수학 교사, 치과의사, 의사, 축구 해설가, 스탠드업 코메디언 토론자, 토론 코치, 동기 부여 스피커, 철학자, 라이프 코치, 어원학자, 퍼스널 트레이너, 부동산 에이전트, 자동차 수리공 UX/UI 개발자, 사이버 보안 전문가, 웹디자인 컨설턴트, DR 컨설턴트, IT Architect 회계 분석가..
1. CSS로 표현한 포켓몬 홀로그램 카드 (링크) 더보기 수집용 포켓몬 카드의 홀로그램 효과를 실제처럼 보이게 만드는 다양한 CSS 효과들을 적용 → 3d transforms, filters, blend modes, css gradients 마우스 위치에서 flare/glare 이펙트 처리 Holofoil 카드들을 표현하기 위해 Vertical Beam 효과 주기 Galaxy Holofoil / Radiant Holofoil 효과등 2. Charts.css - CSS 데이터 시각화 프레임워크 (링크) 더보기 같은 HTML 엘리먼트들을 이용하여 차트를 표현해주는 CSS 유틸리티 클래스 미디어쿼리 이용한 반응형 마크업 내에 직접 데이터가 있어서 접근성 지원 JS를 사용하지 않으며, 의존성 없음 다양한 차트..
1. Papanasi - 여러 프레임워크에서 사용 가능한 프론트엔드 UI 라이브러리 (링크) 더보기 Angular, React, Solid, Svelte, Vue 및 Web Components 에서 사용가능한 컴포넌트 세트들 미니멈 스타일 & CSS로 확장 가능 사용하기 쉬운 추가 테마들 제공 StoryBook 과 호환 2. 만화로 보는 GIT 탄생 이야기 (링크) 더보기 리누스 토발즈는 리눅스 커널 개발을 시작하고 거의 10년 동안 CVS나 서브버전(SVN)과 같은 소스 관리 소프트웨어를 사용하지 않음. 대신 타볼(tarball)과 패치(patch)를 사용 CVS의 문제는 파일 단위로만 변경이 추적 가능해서, single revision 단위로 큰 패치를 인식할 수 없음. CVS는 모든 작업이 서버에 ..
1. 90년대 Cursor 효과들 (링크) 더보기 마우스 커서를 따라다니면서 보여주던 다양한 효과들을 최신 자바스크립트 기술로 재구현 JS 라이브러리로 제공되어 자신의 사이트에 쉽게 추가 가능 무지개가 따라다니는 Rainbow 시계가 따라와서 고정되는 Clock 마우스 잔상을 남기는 Ghost 와 Trailing 눈송이가 떨어지는 Snowflakes 공기방울이 위로 올라가는 Bubbles 이모지가 비처럼 떨어지는 Emoji Rain 2. 어느 40년 차 프로그래머의 회고 (링크) 더보기 노아 깁스라는 프로그래머가 남긴 회고록에서 인상깊었던 8가지 내용만 추려봤습니다. 소프트웨어 개발은 아직 젊다 -> 경험이 많은 첼로 연주자의 경력보다 소프트웨어 개발의 역사가 더 짧습니다. 우리가 일하고 있는 분야는 아..