본문 바로가기
맥북 자주 쓰는 앱 아이콘 변경하기 (튜토리얼+아이콘 추천) 안녕하세요 오랜만에 가벼운 글 하나 씁니당 맥 앱을 여러개 쓰다보면 애플리케이션 폴더 또는 메뉴 독의 아이콘들이 너무 중구난방쓰가 되어 버리더라구요. 저는 아이폰 앱들도 비슷한 기능별로, 또는 아이콘 색상 별로 정리해놓는것을 좋아하는 사람이라 도저히 참을 수가 없었어요. 다행히 요즘 일부 모바일 앱들은 앱 내에서 앱의 아이콘을 선택할 수 있는 옵션을 제공하기도 하지만요. 직접 아이콘들을 바꾸고 커스텀할 수 있다면 좋겠죠?! 이를 위해 만들어진 사이트가 하나 있습니다! 바로 macOSicons인데요. IBM 소속의 디자이너 Elias에 의해 개발되어 오픈소스 + 비영리적으로 운영되는 사이트입니다. 포럼과 아이콘 등록 기능을 갖추고 있고, 새로운 아이콘을 만들어 올리고 싶은 디자이너/개발자들을 위해 리소스도.. 2023. 10. 30.
Next.js 에센셜: Next.js 웹앱에서 Client Side Rendering을 추구하면 안되는걸까? Getting Started: React Essentials | Next.js An overview of essential React features for building Next.js Applications, including Server Components. Next.js로 애플리케이션을 빌드하려면 서버 컴포넌트와 같은 React의 최신 기능에 익숙해지는 것이 도움이 됩니다. 이 페이지에서는 서버 컴포넌트와 클라이언트 컴포넌트의 차이점, 사용 시기, 권장 패턴에 대해 설명합니다. React를 처음 사용한다면 React 문서를 참조하는 것도 좋습니다. 다음은 학습에 도움이 되는 몇 가지 훌륭한 리소스입니다: React 튜토리얼 React로 생각하기 React 배우기 서버 컴포넌트 서버 및 클라이언트 .. 2023. 5. 17.
Next.js의 CJK(한중일) 폰트 최적화 이슈, 오픈소스 생태계 Next.js 써보셨나요? 매우 진지하게 추천합니다... React는 대화형 사용자 인터페이스를 구축하기 위한 자바스크립트 라이브러리입니다. 여기서 사용자 인터페이스(UI)는 사용자가 화면에서 보고 상호작용하는 요소를 의미합니다. 라이브러리라는 UI를 구축하는 데 유용한 함수를 제공하지만 해당 함수를 어디에 사용할지는 개발자에게 맡긴다는 뜻입니다. React의 성공 요인 중 하나는 애플리케이션 구축의 다른 세세한 측면에 대해 상대적으로 의견이 분분하지 않아 자유도가 높다는 점입니다. 그 결과 서드파티 도구와 솔루션으로 구성된 생태계가 번성하게 되었습니다. 그러나 이는 또한 완벽한 React 애플리케이션을 처음부터 구축하려면 약간의 노력이 필요하다는 것을 의미합니다. 일반적인 웹 애플리케이션을 구축할 때 .. 2023. 5. 5.
[WSJ] AI와의 "어쩔 수 없는" 협업에 대한 조언 AI와의 협업을 위한 조언 - 월 스트리트 저널현재 AI 공동 작업자는 MidJourney 및 DALL-E와 같은 이미지 생성 도구, ChatGPT와 같은 텍스트 생성 도구(에세이부터 데이터 표까지 모든 것을 생성할 수 있으며 최신 모델인 GPT-4에 액세스하면 특히 강력함), Bing의 새로운 채팅 기반 웹 검색의 형태로 가장 쉽게 액세스할 수 있습니다. (OpenAI의 GPT는 Bing과 OpenAI의 ChatGPT의 내부에 있는 '대규모 언어 모델'입니다.) 또한 Microsoft와 Google은 생성 AI가 곧 Google 문서, Microsoft Word, Teams, Google Meet와 같은 도구에 탑재될 예정이며, 향후 몇 달 및 몇 년 내에 다른 많은 제품에 탑재될 것이라고 발표했습니다.. 2023. 4. 26.
리액트네이티브 개발경험 끌올 프로젝트: @rnx-kit Adam Foxman: 지난 몇 년 동안 리액트 네이티브는 Microsoft 전체에서 많이 사용되었습니다. 하지만 최근에야 리액트 네이티브의 개발자 경험과 커뮤니티가 얼마나 위태로운 상황에 처해 있는지 깨달았습니다. 그래서 가능한 가장 영향력 있는 방법으로 문제에 접근하기로 결정했습니다. 바로 소스로 직접 가보기로 했습니다! React Native 생태계에 뛰어든 마이크로소프트, 새로운 도구를 오픈소싱하고, 새로운 회사 간 그룹을 만들고, 심지어 핵심 코드베이스에서 Meta와 직접 협업하는 등 커뮤니티의 모든 사람의 삶을 개선하기 위해 어떤 노력을 기울이고 있는지 이 강연에 참여하여 들어보세요. 어떤 현명한 사람이 말한 "밀물이 모든 배를 띄운다"는 말이 있듯이, 저희는 조수를 일으키는 달이 되고 싶습니.. 2023. 4. 4.
[네트워크] 앞은 forward, 뒤는 reverse? 프록시는 대체 뭘 하는걸까? 비디오 요약 이 영상에서는 프록시 서버의 두 가지 유형인 포워드 프록시와 리버스 프록시에 대해 설명합니다. 포워드 프록시는 클라이언트와 인터넷 사이에 위치하며, 클라이언트 대신 웹 서버와 통신합니다. 이를 통해 클라이언트의 온라인 신원 보호와 브라우징 제한 우회, 특정 콘텐츠 차단 등의 이점을 제공합니다. 리버스 프록시는 인터넷과 웹 서버 사이에 위치하며, 웹 서버 대신 클라이언트와 통신합니다. 이를 통해 웹 사이트 보호 및 로드 밸런싱 기능을 제공합니다. 팩트 📝 포워드 프록시는 클라이언트와 인터넷 사이에 위치합니다. 📝 클라이언트 대신 웹 서버와 통신합니다. 📝 포워드 프록시를 사용하면 클라이언트의 온라인 신원이 보호됩니다. 📝 브라우징 제한 우회 및 특정 콘텐츠 차단 등의 이점을 제공합니다. 📝 리.. 2023. 3. 23.
안드로이드 최소 타겟 SDK 버전이 또 올랐다! 이번에는 33?! (안드로이드 13) 구글 플레이스토어로부터 안드로이드 버전 상향에 대한 최소 레벨 가이드를 보내왔습니다ㅠ 안녕하세요, 구글 플레이 개발자님들께 개발자 업데이트에 대한 안내사항을 보냅니다. 작년, 저희는 사용자들을 각종 위험으로부터 보호하기 위해 최신 개인정보 보호 및 보안 기능을 갖추지 못한 앱은 설치하지 않도록, 차츰 타겟 API 레벨 요구사항을 상향할 것을 발표했었습니다. 타겟 API 레벨의 업데이트 주기를 더욱 명확하게 하기 위해, 올해부터 매년 8월 31일에 업데이트하는 것으로 통일하겠습니다. 올해 8월 31일부터는 다음 사항이 적용됩니다: 신규 앱 및 기존 앱 업데이트는 Google Play에 제출하려면 API 레벨 33을 대상으로 해야 합니다. (Wear OS의 경우 API 30을 대상으로해야 함) 기존 앱 역시.. 2023. 3. 22.
리액트 네이티브 애플리케이션의 최적화 :: The Ultimate RN Guide Video Summary 이 비디오에서는 React Native를 최적화하는 방법에 대해 설명합니다. 이 비디오는 세 가지 유형의 최적화로 나뉘며, 첫 번째로 UI 리렌더링에 주의하는 방법을 설명합니다. React는 부모 컴포넌트가 업데이트 될 때 모든 자식을 리렌더링하거나, 컴포넌트 속성이 변경되었을 때 변경되지 않았더라도 리렌더링하는 경우가 있습니다. 이러한 불필요한 업데이트를 줄이는 방법으로는 컴포넌트를 메모이제이션하고, 가능한 경우 uncontrolled 컴포넌트를 사용하며, 전역 상태를 사용하는 것이 있습니다. Points 📱 React Native 최적화를 위해서는 UI re-rendering 문제를 이해해야 합니다. 🔄 불필요한 re-rendering은 메모리 사용량을 늘리거나 디바이스를 느.. 2023. 3. 22.
Flipper와 Hermes:: 리액트 네이티브 개발자의 성능 최적화 Video Summary React Native는 계속해서 기능과 도구를 발전시키고 있기 때문에, 항상 가능한 최신 버전(LTS)을 사용하고 업데이트하는 것이 중요하다. Flipper를 사용하여 디버깅 속도를 향상시키고 auto-linking을 사용하여 종속성 관리를 자동화하고, Hermes를 사용하여 Android 애플리케이션의 시작 시간을 최적화할 수 있다. Facts 🔧 항상 최신 React Native 버전을 사용하는 것이 좋다. 🐛 Flipper를 사용하면 더 빠르게 디버깅할 수 있다. 📦 Auto-linking으로 종속성 관리를 자동화할 수 있다. 📈 Hermes를 사용하여 Android 애플리케이션의 시작 시간을 최적화할 수 있다. 🐰 dongmin,yu React Native Pedomet.. 2023. 3. 21.
리눅스 명령어 정리 :: MS에 대한 모든 기억을 잃고 UNIX 세상으로 떨어진 건에 대하여🧐 주요 명령어 rm : 파일이나 디렉터리를 삭제합니다. 예) rm -rf test ls : 현재 디렉터리의 파일이나 디렉터리를 나열합니다. 예) ls -al cd : 현재 작업 디렉터리를 변경합니다. 예) cd /home pwd : 현재 작업 디렉터리의 절대 경로를 출력합니다. 예) pwd cp : 파일이나 디렉터리를 복사합니다. 예) cp file1 file2 mv : 파일이나 디렉터리의 이름을 바꾸거나 이동시킵니다. 예) mv file1 file2 cat : 파일의 내용을 출력하거나 연결합니다. 예) cat file1 file2 > file3 echo : 문자열을 출력하거나 변수에 값을 할당합니다. 예) echo "Hello" ps : 현재 실행 중인 프로세스들의 정보를 출력합니다. 예) ps -ef .. 2023. 3. 20.
Node.js 조코딩님 강의 요약 Video Summary 이 동영상에서는 Node.js 백엔드 기초에 대해 1시간 동안 강의합니다. Node.js의 개념, Python과 JavaScript의 차이, Node.js가 가진 장점, 전 세계적으로 Node.js가 사용되는 분야, Node.js에서의 모듈, npm 등에 대해 알아봅니다. Facts 🚀 Python과 달리 JavaScript를 컴퓨터나 서버에서 실행할 수 없는 이유는 브라우저에서만 동작하기 때문입니다. 🚀 Node.js는 JavaScript를 실행할 수 있게 해주는 백엔드 프레임워크입니다. 🚀 Node.js는 npm(Node Package Manager)을 통해 모듈을 쉽게 관리할 수 있습니다. 🚀 Node.js는 많은 분야에서 사용되고 있으며, Indeed.com에서의 Node.. 2023. 3. 19.
대세는 스벨트? - 니콜라스쌤 유튜브 요약 👨‍🏫 이 비디오에서는 Svelte에 대해 알아봅니다. Svelte는 인터랙티브 웹사이트를 구축하기 위한 도구로, 지난해 Stack Overflow 개발자 설문 조사에서 가장 사랑받은 웹 프레임워크로 선정되었습니다. React와는 다르게 컴파일러로서 동작하며, 사용자는 애플리케이션 로직과 함께 리액트 같은 라이브러리나 프레임워크를 다운로드할 필요가 없습니다. 설명 💻 Svelte는 인터랙티브 웹사이트를 만드는 도구입니다. 🆚 React와 달리, Svelte는 컴파일러입니다. 💾 React를 사용하여 웹 어플리케이션을 만들면, 사용자는 두 개의 코드를 다운로드해야 합니다: 우리가 작성한 코드와 React 코드. 🚀 Svelte은 코드를 일반적인 JavaScript 코드로 변환합니다. 이를 통해.. 2023. 3. 19.