이 튜토리얼에서는 ChatGPT를 사용하여 간단하면서도 기능적인 할 일 목록 앱을 만드는 방법을 보여드리겠습니다. 백엔드에는 Back4App을, 프론트엔드에는 React를, 스타일링에는 Material-UI를 사용할 것입니다. 주요 목표는 일련의 프롬프트와 안내를 통해 코딩 지식이 거의 없거나 전혀 없는 사람들이 ChatGPT의 강력한 기능을 사용하여 애플리케이션을 구축할 수 있도록 돕는 것입니다.
Read MoreParse를 사용한 웹 API 인증 마스터하기 – Javascript SDK 및 GraphQL 버전
많은 애플리케이션, 특히 웹사이트는 콘텐츠에 대한 액세스를 제한해야 하며, 이를 위해 해당 사용자와 관련된 정보만 안전하게 표시하는 사용자 계정을 만드는 것이 가장 많이 사용되는 방법입니다.
오늘은 기존 HTML 페이지에 로그인 기능을 구현하는 방법을 알아보고, 코드를 거의 작성하지 않고 Parse가 모든 작업을 대신 처리해 주며, 이를 위해 무료로 다운로드할 수 있는 로그인 양식 템플릿을 선택했습니다.
여기서는 두 가지 기술, 즉 Javascript SDK와 Javascript를 통한 GraphQL을 사용할 것입니다.
GraphQL은 방금 출시된 새롭고 멋진 기술이며, 동일한 작업을 수행하는 두 가지 방법을 비교하여 가장 마음에 드는 것을 선택할 수 있도록 하는 것이 저의 목표입니다.
스포일러 경고!!! GraphQL이 더 마음에 드실 거라고 확신합니다…
이미 파일을 시각적으로 표시하는 데 필요한 모든 파일을 가지고 있지만 기능이 부족하므로 추가할 예정입니다.
GraphQL: REST API의 ‘킬러’인가?
Parse에서 GraphQL 지원이 구현된 후 많은 사람들이 저에게 몇 가지 질문을 해왔고, 그 중 일부는 REST API의 미래에 대해 걱정했습니다.
GraphQL이 “죽일” 것인가요?
내 REST API 메서드는 어떻게 되나요? 코드를 다시 작성해야 하나요?
이 글에서는 이러한 질문에 대해 다룰 예정이지만, 간단히 답하자면 GraphQL이 REST API를 “죽이지”않기 때문에 걱정할 필요가 없으며 이미 작동 중인 REST API 메서드를 다시 작성할 필요도 없습니다.
서비스형 HIPAA 백엔드
HIPAA를 준수하는 서비스형 백엔드를 찾고 계신가요? 다음은 서비스형 백엔드를 사용하여 PHI 데이터를 처리할 때의 장점과 한계에 대해 설명하는 자세한 가이드입니다.
이 문서에서는 HIPAA와 그 요구 사항, 적용 대상, 클라우드 제공업체와의 필수 법적 계약에 대해 간략하게 설명합니다.
또한 보호 대상 건강 정보를 호스팅하고 처리하기 위해 BaaS(서비스형 백엔드) 솔루션을 사용할 때의 장점과 한계를 살펴봅니다.
Read More클라우드 코드 함수를 사용한 GraphQL 및 NodeJS 통합
GraphQL은 API 개발자에게 설탕과 양념, 그리고 모든 좋은 기능을 제공하지만 기본적으로 쿼리 언어이기 때문에 원하는 것을 지정할 수 있습니다.
애플리케이션에 이보다 더 많은 비즈니스 인텔리전스가 필요하다면 어떻게 해야 할까요?
로직이 함께 필요하다면 어떻게 해야 할까요?
깔끔한 NPM 모듈 모듈을 함께 사용하려면 어떻게 해야 할까요?
오늘은 아주 강력한 무언가를 보여드릴 테니 안전벨트를 단단히 매세요. 그리고 강력한 힘에는 엄청난… 음… 엄청난 시간 절약, 엄청난 가능성, 엄청난 많은 좋은 것들이 따라오기 마련입니다.
GraphQL iOS: Swift 앱에서 클라우드 함수 사용하기
SwiftUI와 GraphQL을 사용한 Instagram 클론
오늘은 Instagram과 유사한 애플리케이션인 나만의 소셜 네트워크를 구축하기 위해 여러 가지 멋진 도구를 사용하는 방법을 알려드리는 블로그 포스팅 시리즈를 시작하려고 합니다.
우리는 기술을 아끼지 않고 최신의 최고급 도구를 사용할 것입니다: Parse, GraphQL, 일부 NodeJS, 특히 (아직 출시되지 않은) 최신 Apple의 프레임워크 SwiftUI를 사용할 것입니다.
완전한 기능을 갖추려면 몇 번의 포스팅이 필요하겠지만, Back4app에서 아주 적은 노력으로 아이디어를 실행하는 것이 얼마나 간단한지 알게 될 것입니다.
더 나은 학습을 위해 소스 코드가 포함된 iOS Instagram 클론 프로젝트를 다운로드하세요.
자, 이제…
SwiftUI 및 GraphQL을 사용한 Instagram 클론 – 로그인
Instagram 클론 앱을 만드는 방법에 대한 이전 게시물에서는 XCode 11에서 SwiftUI를 실행하기 위해 모든 것을 구성하는 방법을 배웠고 GraphQL로 완벽하게 작동하는 Sing Up 보기를 만들었습니다.
오늘은 로그인 뷰를 생성하고 사용자가 로그아웃하도록 하는 방법을 배워보겠습니다.
이전 포스팅의 프로젝트가 필요하므로 그 포스팅을 따라 하지 않으셨다면 꼭 따라 해보시기 바랍니다.
안전벨트를 매고 출발하세요!
더 나은 학습을 위해 소스 코드가 포함된 iOS Instagram 클론 프로젝트를 다운로드하세요.
SwiftUI 및 GraphQL을 사용한 Instagram 클론 – ProfileView
오늘은 GraphQL을 사용한 Instagram 복제 앱의 3부에서는 프로필 보기를 구축하는 SwiftUI에 대해 자세히 알아보겠습니다.
SwiftUI에서 구조체를 재사용하는 방법을 배우고 몇 가지 컨트롤에 대해 알아보겠습니다: VStack, HStack, GeometryReader, 텍스트, 버튼, 스페이서, 이미지, 디바이더 등 몇 가지 컨트롤에 대해 설명합니다.
이전 글에서는 Instagram 클론 앱의 각 UI를 사용하여 사용자를 등록하는 방법과 로그인하는 방법을 배웠습니다. 오늘은 훨씬 더 멋지게 만들어 보겠습니다.
안전벨트를 단단히 매고 시작해 보세요!
더 나은 학습을 위해 소스 코드가 포함된 iOS Instagram 클론 프로젝트를 다운로드하세요.
SwiftUI 및 GraphQL을 사용한 Instagram 클론 앱 – HomeView
오늘은 GraphQL을 사용한 Instagram 클론 앱의 4부에서는 계속해서 SwiftUI를 배우고 홈 보기를 구축해 보겠습니다.
이전 글에서는 사용자를 등록하는 방법과 로그인하는 방법을 배웠고, Instagram 복제 앱에서 각각의 UI를 사용하여 프로필 보기를 만들었습니다. 오늘은 그 코드 중 일부를 재사용하여 많은 콘텐츠가 포함된 UIScrollView와 유사한 것을 만들어 보겠습니다.
안전벨트를 단단히 매고 시작해 봅시다!
더 나은 학습을 위해 소스 코드가 포함된 iOS Instagram 클론 프로젝트를 다운로드하세요.