[25일차]ABC 부트캠프

 

1.web

웹(Web)은 인터넷에서 정보를 주고받을 수 있도록 만들어진 공간으로, 우리가 흔히 접하는 웹사이트들의 집합체를 말합니다. 하이퍼텍스트 링크를 통해 페이지와 페이지가 서로 연결되어 있어 필요한 정보를 쉽게 찾아갈 수 있으며, 뉴스, 쇼핑, 영상 시청 등 다양한 콘텐츠를 언제 어디서나 즐길 수 있게 합니다. 다시 말해, 우리가 인터넷을 활용하는 가장 대표적인 방식이 바로 웹인 셈입니다

2.pwa (Progressive Web App)

웹사이트를 마치 앱처럼 사용할 수 있게 해주는 기술로, 인터넷 브라우저에서 접속하는 웹이지만 홈 화면에 설치하여 앱처럼 실행할 수 있고 오프라인 환경에서도 일부 기능을 사용할 수 있습니다. 기존 앱처럼 무겁게 설치하지 않아도 되고, 웹의 접근성과 앱의 편리함을 동시에 제공한다는 점에서 사용자와 개발자 모두에게 효율적인 솔루션으로 주목받고 있습니다.

 

3.react native 기반

자바스크립트와 리액트를 기반으로 한 크로스 플랫폼 모바일 앱 개발 프레임워크로, 하나의 코드로 iOS와 안드로이드 앱을 동시에 개발할 수 있게 해줍니다. 웹 기술을 사용하면서도 네이티브 UI 컴포넌트를 활용하기 때문에 실제 앱처럼 빠르고 자연스럽게 동작하며, 개발 효율성과 유지보수 측면에서 큰 장점을 제공합니다. 인스타그램, 페이스북, 에어비앤비 등 다양한 글로벌 서비스에서도 React Native를 활용하고 있습니다.

 

공식사이트

https://reactnative.dev/

React Native · Learn once, write anywhere

https://expo.dev/

Expo

---

Auth, Storage, Database

 

Auth, Storage, Database는 각각 독립적인 역할을 하지만 서비스에서는 유기적으로 연결됩니다. Auth는 사용자의 신원을 확인해 고유한 ID를 부여하고, Database는 이 ID를 기준으로 회원 정보나 게시글 같은 구조화된 데이터를 관리합니다. Storage는 이미지나 영상 같은 큰 파일을 보관하고, 그 경로를 Database에 기록해 사용자와 연결합니다. 즉, 세 시스템은 “사용자 인증 → 데이터 관리 → 파일 보관”의 흐름으로 맞물려 작동하며, 함께 앱과 웹 서비스의 기반을 이룹니다.

 

 

 

supabase 

https://supabase.com/

Supabase | The Postgres Development Platform.

 

 

Supabase는 PostgreSQL 기반 데이터베이스를 제공하며, 접속 정보를 하나로 묶은 DATABASE_URL을 환경 변수로 저장해두면 Node.js, Python 등 다양한 백엔드 프레임워크에서 쉽게 불러와 바로 활용할 수 있습니다.

 

 

---

 

 

오늘은 마지막 날이기에 유클리드 소프트 측에서 예산을 지원해 주셔서 평소보다 더 좋은 환경에서 온라인 IDE를 활용할 수 있었습니다.
특히 이번에는 각 조마다 Replit을 기반으로 웹을 제작해 보았는데, 단순히 코드를 작성하는 것을 넘어 실제로 앱과 웹페이지를 손쉽게 구현할 수 있다는 점이 인상 깊었습니다.

Replit을 직접 사용해보면서 느낀 점은, 복잡한 개발 환경 설정 없이도 바로 결과물을 확인할 수 있다는 편리함이었고, 무엇보다도 질문을 더 구체적이고 깊이 있게 던질수록 더욱 발전된 결과물을 만들어낼 수 있다는 점이 흥미로웠습니다.
이 과정을 통해 단순한 실습을 넘어, 사고의 깊이에 따라 결과물이 달라진다는 경험을 할 수 있었던 것 같아 매우 의미 있었습니다.