본문 바로가기

728x90

tutorial8

[React Native] 실시간 채팅앱 만들어보기 2 - Websocket 이용하여 프론트 구현하기 (Build a real-time chatapp 1 - Implement frontend with websocket) 안녕하세요 Foma 입니다. 지난 글에 Node.js로 웹소켓 서버를 구현했는데요. 오늘은 React Native에서 해당 서버를 이용하여 실시간으로 채팅을 주고받는 기능을 구현해 보도록 하겠습니다. 바로 시작할게요~ (환경은 React Native CLI + Typescript 입니다.) Tutorial 실시간 채팅앱 만들어보기 1 - Websocket 이용하여 백엔드 구현하기 (feat. Websocket) (Build a real-time chatapp 1 - Implement backend with websocket) 실시간 채팅앱 만들어보기 2 - Websocket 이용하여 프론트 구현하기 (Build a real-time chatapp 1 - Implement frontend with webs.. 2022. 7. 28.

[Node.js] 실시간 채팅앱 만들어보기 1 - Websocket 이용하여 백엔드 구현하기 (feat. Websocket) (Build a real-time chatapp 1 - Implement backend with websocket) 안녕하세요 Foma 입니다. 오늘은 Node.js에서 Websocket을 이용하여 실시간 서버를 구현해 보려고 합니다. 바로 시작할게요~ (백엔드 서버를 초기화 하는 방법은 생략하고 진행합니다. 혹시 모르시는 분들은 여기 에서 확인해 주세요!) Tutorial 실시간 채팅앱 만들어보기 1 - Websocket 이용하여 백엔드 구현하기 (feat. Websocket) (Build a real-time chatapp 1 - Implement backend with websocket) 실시간 채팅앱 만들어보기 2 - Websocket 이용하여 프론트 구현하기 (Build a real-time chatapp 1 - Implement frontend with websocket) Install express 간단하.. 2022. 7. 28.

[React Native] React Native + Node.js + MySQL To do list 만들기 5 - Axios 이용하여 CRUD 구현하기 (Implementing a api with Axios) 안녕하세요 Foma 입니다. 이번 글은 React Native + Node.js + MySQL 튜토리얼의 마지막 단계인 Axios를 활용하여 CRUD를 구현해 실제 서버에 API를 요청하고 데이터베이스에서 데이터를 받아오고, 생성하고, 수정하고 ,삭제하는 방법에 대해 정리하도록 하겠습니다. 바로 시작할게요~ Tutorial React Native + Node.js + MySQL To do list 만들기 1 - 서버 초기 세팅하기 (Initialize server setting) React Native + Node.js + MySQL To do list 만들기 2 - MySQL 테이블 만들기 (Create a MySQL Table) React Native + Node.js + MySQL To do lis.. 2022. 7. 27.

[React Native] React Native + Node.js + MySQL To do list 만들기 3 - React Native 화면 구현하기 (Implement frontend) 안녕하세요 Foma 입니다! 오늘은 React Native + CLI + TS로 투 두 리스트 화면을 구현하는 방법에 대해 정리해 보도록 하겠습니다. 바로 시작할게요~ Tutorial React Native + Node.js + MySQL To do list 만들기 1 - 서버 초기 세팅하기 (Initialize server setting) React Native + Node.js + MySQL To do list 만들기 2 - MySQL 테이블 만들기 (Create a MySQL Table) React Native + Node.js + MySQL To do list 만들기 3 - React Native 화면 구현하기 (Implement frontend) React Native + Node.js + My.. 2022. 7. 26.

[MySQL] React Native + Node.js + MySQL To do list 만들기 2 - MySQL 테이블 만들기 (Create a MySQL Table) Install MySQL MySQL :: Download MySQL Installer Select Operating System: Select Operating System… Microsoft Windows Select OS Version: All Windows (x86, 32-bit) Windows (x86, 32-bit), MSI Installer 8.0.29 2.3M (mysql-installer-web-community-8.0.29.0.msi) MD5: 4f735569267527dec28d9e8d977f33d1 | Signatu dev.mysql.com MySQL Workbench MySQL :: Download MySQL Workbench Select Operating System: Select.. 2022. 7. 23.

[Node.js] React Native + Node.js + MySQL To do list 만들기 1 - 서버 초기 세팅하기 (Initialize server setting) 안녕하세요 Foma 입니다. 이번 글은 Node.js 서버 초기 세팅하는 방법에 대해 다뤄보도록 하겠습니다. 바로 시작할게요~ Tutorial React Native + Node.js + MySQL To do list 만들기 1 - 서버 초기 세팅하기 (Initialize server setting) React Native + Node.js + MySQL To do list 만들기 2 - MySQL 테이블 만들기 (Create a MySQL Table) React Native + Node.js + MySQL To do list 만들기 3 - React Native 화면 구현하기 (Implement frontend) React Native + Node.js + MySQL To do list 만들기 4 - .. 2022. 7. 23.

[RIBs] AddMemo 구현하기 (메모 추가하기) 안녕하세요 Foma 💻 입니다! 저번 시간엔 메모를 수정하고 삭제하는 것까지 구현했는데요. 오늘은 AddMemoViewController를 구현하고 메모를 추가하는 것을 구현해보도록 하겠습니다. 바로 시작할게요~ AddMemoRIB 스토리보드와 뷰컨트롤러를 포함한 AddMemoRIB을 만들어주세요. AddMemoViewController.storyboard AddMemoViewController는 숫자를 입력할 텍스트필드와 추가버튼을 눌러줍니다. 텍스트필드엔 숫자만 들어가야하므로 keyboard type을 numberPad로 만들어줍니다. StoryboardInstantiate 새로운 스토리보드 뷰인 AddMemoViewController를 enum에 추가해줍니다. enum Storyboard: Stri.. 2021. 8. 26.

[RIBs] Interactor로 비니지스 로직 처리해보기 (feat. 초기세팅) 안녕하세요 Foma 👟 입니다! 저번 글에서 RIBs 에 대한 이론을 다뤘는데요. (혹시 안보신 분들은 여기 에서 보고 와주세요~) 오늘은 Uber에서 직접 제공하는 튜토리얼을 한번 따라해보면서 구현해보려고 합니다! 바로 시작할게요~ 프로젝트 생성 가장 먼저 RIBs 튜토리얼을 따라할 프로젝트를 생성해줘야겠죠? 저는 RIBs Example로 이름 짓겠습니다. Pod init & install 저는 CocoaPod을 이용해서 RIBs를 설치하도록 하겠습니다. 터미널에서 프로젝트가 있는 경로로 이동해 pod init을 해주시면 pod file이 생길거에요. 팟파일에 아래 코드를 추가합니다. (버전은 바뀔 수 있으니 공식 깃헙에서 확인해주세요!) pod 'RIBs', '~> 0.9' 추가한 다음 pod ins.. 2021. 8. 18.

이전 1 다음

728x90

티스토리툴바