Expo CLI를 최신 버전(6.0.0 이상)으로 업데이트한 후, npx expo start 명령어로 프로젝트를 실행했을 때 기존의 Dev Tools 웹 UI가 열리지 않는 문제를 겪었습니다. 이 글에서는 문제의 원인과 해결 방법을 공유합니다.이전 버전의 Expo CL

React Native를 사용해 모바일 애플리케이션 개발을 시작할 때, 개발자는 두 가지 주요 CLI(명령줄 인터페이스) 도구 중 하나를 선택해야 합니다.Expo CLI와 React Native CLI가 그 주인공입니다. 두 CLI는 React Native 프로젝트 생

React Native는 iOS와 Android의 네이티브 앱을 JavaScript와 React를 기반으로 구축할 수 있는 강력한 프레임워크입니다. 특히, 웹 개발에서 사용하는 HTML과 유사한 JSX 문법을 활용해 네이티브 UI 컴포넌트를 구성하며, JavaScrip

React.js는 웹과 모바일 등 다양한 플랫폼에 적용될 수 있는 “플랫폼 독립성(platform-agnostic)”을 갖춘 프레임워크입니다. 일반적으로 한 플랫폼에서 개발된 애플리케이션을 다른 플랫폼으로 옮기는 일에는 추가 작업이 필요하지만, React.js는 그 자

프론트엔드 개발 중, styled-components를 사용하여 스타일을 작성하던 중, VSCode에서 styled-components를 자동완성할 때 import 대신 require 문법이 자동으로 입력되는 문제가 발생함. 기존에는 import 구문이 정상적으로 작동

탈조선 프로젝트를 본격적으로 시작하면서, 프론트엔드에 이어 백엔드 구현의 필요성을 느끼게 됐다. 하지만 1인 개발자로서 모든 것을 직접 구현하는 것은 생각보다 어려웠다. 특히 백엔드의 복잡성을 이해하고 이를 프로젝트에 적용하는 데는 많은 시간과 노력이 필요하다는 것을

나는 2024년 5월 17일부터 코드잇 프론트엔드 부트캠프 8기에 참여했다. 이 과정은 6개월 동안 진행될 예정이었고, 11월 14일에 종료될 계획이었다. 그러나 일본의 한 웹솔루션 업체에 첫 취업이 확정되면서, 부득이하게 8월 1일에 부트캠프를 중도하차하게 되었다.

React기반으로 next.js와 Styled-compoents를 사용해 사이드프로젝트를 진행하던 도중화면사이즈에따라 다른이미지를 보여줘야하는 경우가 생겼다.이를 구현하기위해 알아보다가 두가지 방법을 알게되었고, 이에 대해 정리해보고자한다.이 방법은 React의 use

이번에 공부한 문제는 2차원 평면 위의 점 N개가 주어졌을 때, 이를 특정 기준에 따라 정렬하는 프로그램을 작성하는 것입니다. 주어진 점들을 y좌표가 증가하는 순서로, y좌표가 같으면 x좌표가 증가하는 순서로 정렬하는 것입니다.점의 개수 N은 1 이상 100,000 이

이번에 공부한 문제는 N개의 수를 오름차순으로 정렬하는 프로그램을 작성하는 것입니다. 문제를 해결하기 위해 효율적인 정렬 알고리즘 중 하나인 병합 정렬(Merge Sort)을 사용해보았습니다.수의 개수 N은 1 이상 1,000,000 이하입니다.각 수는 절댓값이 1,0

이번에 공부한 문제는 N개의 수를 오름차순으로 정렬하는 프로그램을 작성하는 것이었습니다. 문제를 해결하기 위해 기본적인 정렬 알고리즘 중 하나인 버블 정렬을 사용해보았습니다.수의 개수 N은 1 이상 1,000 이하입니다.각 수는 절댓값이 1,000보다 작거나 같은 정수

주어진 문제는 문자열이 팰린드롬인지 확인하는 것입니다. 팰린드롬은 앞에서 읽으나 뒤에서 읽으나 동일한 문자열을 말합니다. 이 문제는 재귀적인 방법을 사용하여 해결해야 합니다.문자열의 길이는 최대 1000입니다.주어지는 문자열은 알파벳 대문자로만 구성됩니다.문자열이 팰린

피보나치 수열은 0과 1로 시작하며, 그 다음 수부터는 바로 앞 두 수의 합으로 이루어지는 수열입니다. 피보나치 수열은 다음과 같은 점화식으로 정의됩니다:( F_0 = 0 )( F_1 = 1 )( Fn = F{n-1} + F\_{n-2} ) (n ≥ 2)( n )은 4

주어진 문제는 정수 ( N )이 주어졌을 때, ( N )의 팩토리얼을 계산하는 프로그램을 작성하는 것입니다. 팩토리얼은 수학적으로 ( N! = N \\times (N-1) \\times (N-2) \\times \\cdots \\times 1 )로 정의됩니다. 단, 0

React 애플리케이션을 개발할 때, 코드의 유지보수성과 재사용성을 높이기 위해 다양한 디자인 패턴을 활용합니다. 그 중에서도 Presentational & Container 패턴은 컴포넌트를 역할에 따라 분리하는 데 효과적입니다. 이 글에서는 Presentationa

웹 개발의 발전과 함께 스타일링 방법도 점점 다양해지고 있습니다. 그 중 하나가 CSS-in-JS입니다. 이 글에서는 CSS-in-JS의 장점과 단점을 살펴보겠습니다.CSS-in-JS는 JavaScript 코드 안에서 CSS를 작성하는 방법입니다. React, Vue,

트럭 여러 대가 강을 가로지르는 일차선 다리를 정해진 순서대로 건너야 합니다. 모든 트럭이 다리를 건너려면 최소 몇 초가 걸리는지 알아내야 합니다. 다리에는 트럭이 최대 bridge_length대 올라갈 수 있으며, 다리는 weight 이하까지의 무게를 견딜 수 있습니

운영체제의 역할 중 하나는 컴퓨터 시스템의 자원을 효율적으로 관리하는 것입니다. 이 문제에서는 운영체제가 다음 규칙에 따라 프로세스를 관리할 경우 특정 프로세스가 몇 번째로 실행되는지 알아내면 됩니다.실행 대기 큐(Queue)에서 대기중인 프로세스 하나를 꺼냅니다.큐에

프로그래머스 팀에서는 기능 개선 작업을 수행 중입니다. 각 기능은 진도가 100%일 때 서비스에 반영할 수 있습니다. 각 기능의 개발 속도는 모두 다르기 때문에 뒤에 있는 기능이 앞에 있는 기능보다 먼저 개발될 수 있지만, 뒤에 있는 기능은 앞에 있는 기능이 배포될 때

React 프로젝트를 직접 생성하지 않고, 이미 만들어진 프로젝트를 다운받아 실행하려면 몇 가지 추가 작업이 필요합니다. 직접 생성한 프로젝트는 create-react-app이 자동으로 필요한 파일을 설치해주지만, 다운받은 프로젝트는 그렇지 않기 때문에 필요한 파일들을