본문 바로가기

전체 글77

React Native 동작 원리와 개발 도구(Expo, React Native CLI) React Native 동작원리와 개발 도구 알아보기지난 포스팅에서는 크로스 플랫폼 앱 개발 도구는 무엇이고 네이티브 앱 개발과의 차이점은 무엇인지와 각 개발도구의 장단점은 무엇이 있는지 알아보았습니다. 저는 혼자서 간단하게 앱의 기획부터 디자인, 서버 구축까지 할 것이기 때문에 네이티브 앱 개발 방식을 통해 IOS와 안드로이드 모두 개발하기에는 역부족으로 크로스 플랫폼 앱 개발을 통해 개발해 보려고 하며, 비교적 사용할 수 있는 언어인 JavaScript를 이용한 React Native 도구를 이용해 개발해보고자 합니다. 그렇다면 오늘은 본격적인 앱 개발에 앞서 React Native의 동작 원리는 무엇이고 React Native를 개발하기 위해 필요한 도구는 무엇인지 알아보겠습니다. 1.React N.. 2024. 5. 15.
Expo SDK 51 버전 업데이트로 인해 변경된 점 알아보기(프로젝트 생성) 오늘은 Expo 앱 만들기를 공부하기 위해 두 번째 프로젝트를 생성하면서 알게 된 것에 대해 작성해 보겠습니다.불과 1주일 전만 해도 분명히 문제없이 사용했던 아래 명령어를 동일하게 입력해 프로젝트를 생성했는데 평소에는 볼 수 없던 전혀 다른 프로젝트가 생성되었습니다. 프로젝트 생성 명령어 : “npx create-expo-app 프로젝트이름” 너무 당황스러워 Expo 공식 홈페이지를 들어갔지만 여전히 초기 프로젝트 생성 명령어는 동일했습니다. 혹시나 싶어 다시 생성해 봤지만 여전히 예전에 보던 프로젝트가 아닌 다른 유형의 프로젝트가 생성되었습니다. 프로젝트가 생성되는 속도도 오래 걸렸고 내부 파일들도 전혀 다른 파일들이 생성되었습니다. 너무 당황스러웠지만 공식 홈페이지를 천천히 읽어보니 SDK 51버전.. 2024. 5. 13.
웹 개발 프레임워크 종류 및 특징 웹 개발 프레임워크는 개발자들이 웹 애플리케이션을 구축할 때 필요한 일반적인 작업들을 표준화하고 단순화할 수 있도록 도와주는 구조화 틀입니다. 예를 들어 프레임워크를 사용해 웹을 개발하면 데이터베이스 관리, 사용자 인증, URL 라우팅, 템플릿 시스템, 보안 등과 같은 기능들을 개발자가 처음부터 구현할 필요 없이 쉽게 사용할 수 있도록 해줍니다. 또한 프레임워크에 대한 이해는 웹 애플리케이션을 최적화하고 유지보수 하는 것을 도와주며 새로운 기술과 도구를 적용하고 확장하는 것에 도움을 주기 때문에 웹 개발 프레임워크를 이해하는 것은 개발자에게 매우 중요합니다. 오늘은 이렇게 웹 개발에 있어 필수적인 요소인 웹 개발 프레임워크에 대해 자세히 알아보려고 합니다. 1.웹 프레임워크란? 웹 개발 프레임워크는 웹 .. 2024. 5. 12.
프로그레시브 웹 앱(Progressive Web Application) 개념 및 장단점 프로그레시브 웹 앱(Progressive Web Application) 이란?Progressive Web Application 즉, PWA는 최근 웹 개발의 중요한 트렌드로 떠오르고 있는 기술로 전통적인 웹 앱과 네이티브 앱의 장점을 결합하여 사용자에게 웹에서 네이티브 앱과 유사한 경험을 제공할 수 있습니다. PWA는 네이티브 앱과 같이 오프라인에서도 작동하며, 푸시 알림을 제공하고, 홈 화면에 아이콘 역시 추가할 수 있습니다. 또한 반응형 디자인을 통해 다양한 디바이스에서 일관된 사용자 경험을 제공할 수 있습니다. 오늘은 이렇듯 사용자들에게는 네이티브 앱 수준에서의 경험을 제공하고 개발자에게는 동일하 코드베이스로 여러 플랫폼에서 앱을 배포하여 개발 생산성 역시 높여줄 수 있는 PWA에 대해 보다 자세히.. 2024. 5. 9.

티스토리툴바