-
[Project] Twitter 앱 (Vue.js) 🐦
[Project] Toy 프로젝트 회고 🚝 🐦 Twitter 해당 서비스는 Twitter 를 클론한 프로젝트로 게시물을 생성 및 조회하며 원하는 게시물에 좋아요 기능을 통해 유저들의 반응을 확인할 수 있는 서비스 입니다. PipeLine 🔮 프로젝트 구성 🌱 프로젝트 기간 (7/3 ~ 7/7) Front-end Vue.js 프레임워크인 Quasar 로 웹 페이지 UI/UX 구성 Back-end firebase 의 Firestore 로 유저 및 게시물 DB 관리 기능소개 🔨 Home 탭과 About 탭으로 두 페이지를 라우팅 기능을 활용하여 구성했지만, 현재는 단일 페이지 구성으...
-
[Vue.js] Quasar 프레임워크로 프로젝트 초기 세팅하기 💘
개요 Quasar 은 Vue.js 기반의 프레임워크로, 다양한 플랫폼에서 애플리케이션을 개발할 수 있도록 구현되어있다. 해당 포스팅에서는, Quasar CLI 를 사용하여 Quasar 앱을 생성하는 과정을 정리하고자 한다. yarn yarn 으로 설치 할 경우 https://yarnpkg.com/ yarn global add @quasar/cli npm npm 으로 설치 할 경우 https://nodejs.org/en npm install -g @quasar/cli 두 패키지 매니저 중 하나를 선택하여 Quasar 명령어를 입력 받을 수 있도록 CLI 를 설치 해 준다. 나는...
-
[React-Native] Navigation Hook 사용 시 Prettier Extentions 주의사항 및 해결방법 💘
현재 구현한 모바일 화면이다 ✨ 하단의 다른 유저 정보가 담긴 Area 를 클릭 시, 추가로 생성 해 놓은 Chat Screen 으로 이동하게끔 onPress 함수를 사용하여 useNavigation 훅으로 기능을 구현할 계획이다 기본 구조를 갖춘 Chat Screen 이다 이 컴포넌트를 로그인이 된 경우에만 보여주어야 하기 때문에, 조건문이 들어있는 Stact Navigate 내부에 컴포넌트를 추가 해 준다 그리고, 버튼을 누른 경우 해당 컴포넌트를 보여주어야 하므로, Home Screen 에 비워져 있던 onPress 함수에 navigate 함수를 채워주었다 해당 기능을 사용하기 ...