티스토리

나의 작은 오렌지나무

검색하기

블로그 홈

나의 작은 오렌지나무

suno.tistory.com/m

느릿느릿 꾸준한 개발 블로그

구독자: 1

방명록 방문하기

주요 글 목록

최근 IT 업계의 대규모 구조조정, 권고사직 사례 IT 업계 구조조정 현황글로벌 IT 기업들이 경기침체와 AI 도입 가속화로 인해 내리막길을 걷고 있습니다.이들은 강도 높은 구조조정과 국내 시장 철수를 단행하고 있는데, 이는 AI에 전폭적인 투자를 하기 위한 비용 효율화 조치로 보입니다.지난해 전 세계 IT 기업에서 약 26만 명이 해고되었습니다.IT 기업의 인력 재배치주요 IT 기업들이 AI, 클라우드 등 핵심 기술 분야에 인력을 대거 채용하는 반면, 그 외 분야에서는 대규모 구조조정을 단행하고 있습니다.이는 기업들이 경쟁력과 기술력 확보를 위해 필요한 인력을 확보하는 동시에 비용 통제에 나선 것으로 보입니다.글로벌 IT 기업의 구조조정 사례Meta(페이스북)2022년 11월 11,000명 규모의 대규모 구조조정을 단행했습니다.메타는 과도한 팽창으로 .. 공감수 0 댓글수 0 2024. 6. 6.
SDK 개념, 특징, 활용 사례 (Software Development Kit) 안녕하세요. SDK(Software Development Kit)에 대해 자세히 알아보겠습니다.SDK(Software Development Kit)란?SDK는 소프트웨어 개발을 위한 도구 모음입니다. 특정 플랫폼이나 프로그래밍 언어에서 애플리케이션을 개발할 수 있도록 지원하는 일련의 소프트웨어 개발 도구들로 구성되어 있습니다. SDK에는 다음과 같은 요소들이 포함됩니다:API(Application Programming Interface): 특정 기능을 제어하거나 제공하는 인터페이스IDE(Integrated Development Environment): 코드 편집, 컴파일, 디버깅 등을 지원하는 통합 개발 환경라이브러리: 재사용 가능한 코드 모음문서: 개발자를 위한 사용 설명서 및 튜토리얼코드 샘플: 개발.. 공감수 0 댓글수 0 2024. 5. 28.
Flutter vs React Native 선택 방법. 뭐가 더 좋을까? 안녕하세요. Flutter와 React Native에 대해 자세히 알아보겠습니다.두 프레임워크 모두 크로스 플랫폼 모바일 앱 개발에 널리 사용되고 있지만, 각각의 장단점이 있습니다. Flutter와 React Native 비교Flutter의 장점크로스 플랫폼 개발: 하나의 코드베이스로 Android와 iOS 앱을 동시에 개발할 수 있습니다.빠른 개발 속도: 핫 리로드 기능으로 실시간 코드 변경이 가능해 개발 속도가 빠릅니다.우수한 성능: Dart 언어를 사용하여 네이티브 수준의 성능을 제공합니다.풍부한 위젯 라이브러리: 구글이 제공하는 다양한 UI 위젯을 활용할 수 있습니다.Flutter의 단점생태계 규모가 작음: React Native에 비해 Flutter의 생태계와 라이브러리가 상대적으로 작습니다.네.. 공감수 0 댓글수 0 2024. 5. 18.
챗지피티, 퍼플렉시티, 포 특징/장단점 비교 (Chat GPT, Perplexity, Poe) 퍼플렉시티, 포, 챗GPT 등 다양한 AI 채팅 서비스에 대해 자세히 알아보겠습니다.퍼플렉시티(Perplexity):퍼플렉시티는 AI 기반 검색 엔진으로, 사용자의 질문에 대해 신뢰할 수 있는 답변을 제공합니다. [1] [2] [3] [4]자체 개발한 대형 언어 모델(LLM)과 OpenAI의 GPT-4 등을 활용하여 정확하고 상세한 답변을 제공합니다.2024년 2월 SK텔레콤과 MWC에서 협력을 발표하며 주목받고 있습니다.장점최신 정보 제공높은 정확성다양한 질문에 대한 폭넓은 정보 제공단점인터넷 연결 필요실시간 검색으로 인해 응답 시간이 길어질 수 있음검색된 정보의 품질에 따라 답변의 품질이 달라질 수 있음.포(Poe):포는 GPT-3.5, GPT-4, Claude 등 최신 AI 기술을 활용하는 올인원 .. 공감수 1 댓글수 0 2024. 5. 18.
디자인 시스템의 필요성과 사례 디자인 시스템이란?디자인 시스템은 웹/모바일 인터페이스 디자인 시 반복되어 활용되는 컴포넌트, 스타일, 리소스 등을 모아 만든 일종의 가이드라인입니다. [2], [3]디자인 시스템에는 컬러, 타이포그래피, 아이콘, 버튼, 레이아웃 등의 디자인 요소와 이를 활용하는 원칙이 포함됩니다. [2], [4]디자인 시스템의 필요성일관된 사용자 경험 제공: 디자인 시스템을 통해 웹/모바일 서비스의 일관성 있는 디자인을 유지할 수 있습니다. [4]개발 효율성 향상: 디자인 시스템의 컴포넌트와 리소스를 재사용함으로써 개발 시간과 비용을 절감할 수 있습니다. [1], [4]협업 및 유지보수 용이: 디자인 시스템은 디자인과 개발 팀 간 원활한 협업을 가능하게 하며, 서비스 유지보수를 용이하게 합니다. [3], [4]기업들의.. 공감수 0 댓글수 0 2024. 5. 17.
GPT-4o (omni) 모델의 특징, 활용 방안 GPT-4 Omni 모델의 주요 특징멀티모달 기능 강화GPT-4 Omni 모델은 텍스트뿐만 아니라 이미지, 오디오, 비디오 등 다양한 입력 형태를 처리할 수 있습니다. [1], [3], [4]이를 통해 사용자는 자연스럽게 음성으로 질문하고, 모델은 텍스트, 이미지, 오디오 등으로 응답할 수 있습니다.언어 지원 범위 확대GPT-4 Omni 모델은 50개 이상의 언어를 지원하며, 특히 비영어권 언어의 성능과 토큰 효율이 크게 개선되었습니다. [2], [4]이를 통해 다국어 사용자들도 자연스럽게 모델과 소통할 수 있습니다.실시간 대화 및 해석 기능GPT-4 Omni 모델은 실시간 대화와 해석 기능을 제공합니다. [4]사용자의 말을 실시간으로 이해하고 해석하여 즉각적인 응답을 제공할 수 있습니다.다양한 입력 처.. 공감수 0 댓글수 0 2024. 5. 17.
[React Native Xcode에러] Command PhaseScriptExecution failed with a nonzero exit code 안녕하세요.React Native 프로젝트를 Xcode로 빌드 할 때 나타나는 'Command PhaseScriptExecution failed with a nonzero exit code' 에러에 대한 자세한 해결 방법을 알려드리겠습니다.1. 문제 상황Xcode 프로젝트 빌드 시 'Command PhaseScriptExecution failed with a nonzero exit code' 에러가 발생한다.이 에러는 일반적으로 빌드 스크립트 실행 중 문제가 발생했음을 나타낸다.2. 해결 방안이는 Xcode가 node 실행 파일을 찾지 못해 발생한 문제였을 가능성이 높다..xcode.env 파일의 NODE_BINARY 경로를 변경하여 해결할 수 있다.# as-isexport NODE_BINARY=$(co.. 공감수 0 댓글수 0 2024. 5. 7.
구글의 플러터 팀 해체와 프론트엔드의 미래 구글의 플러터 팀 해체 관련 내용💡 최근 구글이 플러터, 다트, 파이썬 팀의 인력을 감축했다는 보도가 있었습니다. 구체적인 내용은 다음과 같습니다:구글은 5월 연례 I/O 개발자 콘퍼런스를 앞두고 다수의 개발자들을 해고했다고 알려졌습니다.구글은 이를 조직개편 과정에서 진행된 것이라고 설명했지만, 구체적인 이유는 밝히지 않았습니다.플러터 팀의 PM은 레딧 게시물을 통해 이번 감축이 회사 전체적인 이니셔티브의 일환이며, 플러터 팀에 국한된 것은 아니라고 설명했습니다.구글은 이번 인력 감축에 대해 공식적으로 확인하지 않았지만, 일부 팀에서 실제 감축이 이루어진 것으로 보입니다.구글의 플러터 팀 해체 관련 분석💡 이번 구글의 인력 감축은 회사 전체적인 조직개편의 일환으로 보이며, 플러터 팀에 국한된 것은 아.. 공감수 0 댓글수 0 2024. 5. 3.
모듈 페더레이션이란? Module Federation 모듈 페더레이션이란?💡 모듈 페더레이션은 마이크로프론트엔드(Micro-Frontend) 아키텍처 중 하나로, 거대한 웹 애플리케이션을 독립적으로 배포하고 통합하는 방식입니다. 이는 마이크로서비스 아키텍처를 프론트엔드에 적용한 것으로, 독립적인 CI/CD를 진행하고 하나의 웹 페이지로 조립하는 통합 과정이 필요합니다. [1]모듈 페더레이션의 주요 특징독립적인 배포: 각 모듈을 독립적으로 배포할 수 있어 개발 효율성이 높아집니다.유연한 통합: 필요한 모듈만 선택적으로 통합할 수 있어 유연성이 높습니다.확장성: 새로운 모듈을 쉽게 추가할 수 있어 확장성이 뛰어납니다.독립적인 개발: 각 팀이 독립적으로 개발할 수 있어 생산성이 향상됩니다.모듈 페더레이션의 필요성마이크로서비스 아키텍처가 백엔드에서 널리 사용되면.. 공감수 0 댓글수 0 2024. 5. 3.
재미로 보는 백엔드, 프론트엔드 개발자에 잘 맞는 MBTI 백엔드 개발자와 프론트엔드 개발자의 특징 및 잘 맞는 MBTI 성향에 대해 자세히 살펴보겠습니다.백엔드 개발자의 특징 및 잘 맞는 MBTI 성향특징: 백엔드 개발자는 API를 제공하고 데이터베이스 등 외부 요소와 상호작용하는 역할을 합니다. 서비스 개발 전 과정에 참여하며 기획, 기술적 가능성 정의, 기술 자문 등을 담당합니다. [4]잘 맞는 MBTI 성향: 백엔드 개발자에게 잘 맞는 MBTI 성향은 INTP, INTJ, INFJ, INFP 등의 IN** 유형입니다. 이들은 내향적이며 직관적이고 논리적인 성향을 가지고 있어 백엔드 개발에 적합합니다. [2], [3]프론트엔드 개발자의 특징 및 잘 맞는 MBTI 성향특징: 프론트엔드 개발자는 사용자 인터페이스와 상호작용을 담당하며, 백엔드에서 제공하는 AP.. 공감수 0 댓글수 0 2024. 5. 2.
Content-Length can't be present with Transfer-Encoding 에러 원인 Content-Length와 Transfer-Encoding: chunked의 차이Content-Length: HTTP 응답 본문의 정확한 크기를 나타내는 헤더입니다. 서버는 응답 본문의 크기를 계산하여 이 헤더에 포함시킵니다.Transfer-Encoding: chunked: 응답 본문이 청크 단위로 전송됨을 나타내는 헤더입니다. 청크 크기는 각 청크의 시작 부분에 명시됩니다. 이 방식을 사용하면 응답 본문의 크기를 미리 알 필요가 없습니다.문제 발생 원인HTTP 1.1 명세에 따르면 Content-Length와 Transfer-Encoding: chunked 헤더가 동시에 존재하는 것은 허용되지 않습니다. [1]이는 서버가 응답을 보내는 방식이 명확하지 않아 클라이언트 입장에서 혼란을 겪을 수 있기 때.. 공감수 0 댓글수 1 2024. 5. 2.
CDN과 jsdelivr, 5월 2일 발생한 인증서 에러 jsdelivr란?jsdelivr는 무료로 사용할 수 있는 오픈소스 CDN(Content Delivery Network) 서비스입니다.CDN은 사용자와 가까운 서버에서 콘텐츠를 제공하여 웹사이트의 로딩 속도를 높이는 기술입니다.jsdelivr를 사용하면 GitHub 저장소에 있는 파일을 빠르게 전송받을 수 있습니다.2024년 5월 2일 SSL 인증서 만료 에러2024년 5월 2일에 jsdelivr의 SSL 인증서가 만료되면서 다음과 같은 문제가 발생했습니다:웹 폰트 로딩 오류npm 모듈 서명 문제다른 웹사이트에서도 관련 오류 발생이로 인해 jsdelivr 서비스를 사용하는 웹사이트에서 다양한 문제가 발생했습니다.사용자들은 cdn.jsdelivr.net 주소를 사용하지 않도록 주의해야 했습니다.jsdeli.. 공감수 0 댓글수 0 2024. 5. 2.
리액트 네이티브 웹뷰에 user agent를 추가하는 방법 안녕하세요. 리액트 네이티브 웹뷰에 user agent를 추가하는 방법에 대해 자세히 알아보겠습니다.요약리액트 네이티브 앱에서 웹뷰를 사용할 때, 사용자 에이전트(user agent) 정보를 변경하여 전송할 수 있습니다. 이는 특정 웹 서비스에서 발생할 수 있는 오류를 해결하는 데 도움이 될 수 있습니다.리액트 네이티브 웹뷰에 user agent 추가하기1. react-native-webview 패키지 설치리액트 네이티브 프로젝트에 react-native-webview 패키지를 설치합니다.npm install react-native-webview 또는 yarn add react-native-webview2. user agent 설정WebView 컴포넌트에 userAgent 속성을 추가하여 사용자 에이전트.. 공감수 0 댓글수 0 2024. 5. 2.
[Next.js] package.json 파일의 dev, build, start 스트립트 스크립트 살펴보기Next.js 프로젝트의 package.json 파일에는 일반적으로 다음과 같은 스크립트가 포함됩니다:dev: 개발 모드에서 Next.js 애플리케이션을 실행합니다.build: Next.js 애플리케이션을 프로덕션 빌드로 준비합니다.start: 프로덕션 빌드된 Next.js 애플리케이션을 실행합니다.dev 스크립트개발 모드에서 Next.js 애플리케이션을 실행합니다.코드 변경 시 자동으로 새로고침되어 즉시 반영됩니다.디버깅 및 개발 목적으로 사용됩니다.build 스크립트Next.js 애플리케이션을 프로덕션 빌드로 준비합니다.최적화된 HTML, CSS, JavaScript 파일을 생성합니다.정적 파일 및 서버 사이드 렌더링(SSR) 코드를 포함합니다.배포를 위해 애플리케이션을 준비하는 데 .. 공감수 0 댓글수 0 2024. 5. 2.
React Native와 Next.js로 웹뷰 개발하기 React Native와 Next.js를 사용하여 웹뷰를 개발할 때 고려해야 할 사항들을 자세히 살펴보겠습니다.요약React Native와 Next.js를 활용하여 웹뷰 기반 모바일 앱을 개발할 때는 각 프레임워크의 장단점을 잘 파악하고 적절히 활용해야 합니다. 성능, 배포, 개발 생산성 등 다양한 측면에서 고려사항이 있으며, 사용자 경험을 저해하지 않도록 주의해야 합니다.React Native와 Next.js로 웹뷰 개발하기1. React Native 웹뷰 개발React Native에는 내장된 WebView 컴포넌트를 사용하여 웹 콘텐츠를 앱에 임베딩할 수 있습니다.디바이스 호환성, 스타일링, 레이아웃 등 React Native 고유의 특성을 고려해야 합니다. [1]성능 및 사용성 문제를 방지하기 위한.. 공감수 0 댓글수 0 2024. 5. 2.
[Next.js] App Router와 Pages Router의 특징 요약Next.js 13에서 도입된 App Router는 기존의 Pages Router와 다른 새로운 라우팅 방식입니다.App Router는 React의 최신 기능을 활용하여 애플리케이션을 구축할 수 있도록 하며, 라우팅과 레이아웃 경험을 개선합니다.Pages Router정의: 이전 버전의 Next.js에서 사용되던 라우팅 방식특징:/pages 디렉토리에 페이지 컴포넌트를 배치파일 이름이 곧 URL 경로가 됨페이지 간 상태 공유가 어려움레이아웃 구현이 복잡함App Router정의: Next.js 13에서 도입된 새로운 라우팅 방식특징:/app 디렉토리에 라우팅 및 레이아웃 구현컴포넌트 간 상태 공유가 용이레이아웃 구현이 간단해짐Server Components 아키텍처 지원스트리밍 및 Suspense 기능 .. 공감수 0 댓글수 0 2024. 5. 2.
[Next.js] CSR, SSG, ISR, SSR의 차이점과 장단점 요약CSR(Client-Side Rendering), SSG(Static Site Generation), ISR(Incremental Static Regeneration), SSR(Server-Side Rendering)은 웹 애플리케이션의 렌더링 방식에 따라 구분되는 개념입니다.각각의 방식은 장단점이 있으며, 웹 애플리케이션의 특성에 따라 적절한 방식을 선택해야 합니다.CSR (Client-Side Rendering)정의: 클라이언트(브라우저)에서 JavaScript를 실행하여 HTML을 생성하는 방식장점:빠른 초기 로딩 속도서버 부하 감소동적인 UI 구현 용이단점:초기 로딩 시 JavaScript 파일 다운로드 필요SEO 최적화 어려움자바스크립트 의존성 높음보안 취약점 존재SSG (Static Sit.. 공감수 0 댓글수 0 2024. 5. 2.
[JavaScript] Strict Mode 엄격 모드 Use Strict use strict 지시자를 사용하면, ECMAScript5(ES5) 이후 추가된 새로운 기능과 변경사항이 활성화 된다. 등장 배경 자바스크립트는 다양한 브라우저에서 작동해야 하기 때문에 기존의 기능을 변경하지 않고 새로운 기능을 추가하며 호환성을 유지해왔다. 덕분에 옛날에 작성된 코드를 지금도 사용할 수 있다는 장점이 있지만, 업데이트 전 코드의 결함이 그대로 박제된다는 단점이 있다. ES5 이후에는 새로운 기능을 추가하면서 기존 기능 일부를 변경했기 때문에 하위 호환성 문제가 발생할 수 있다. 따라서 느슨한 모드(sloppy mode)를 기본으로 하되, use strict 지시자를 사용한 엄격 모드(strict mode)에서만 변경사항이 활성화되게 했다. Strict Mode가 에.. 공감수 0 댓글수 0 2022. 10. 27.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.