전체 글121 프론트엔드 개발자의 TIL #008 TIL #008 191111 월 오늘 배운 점 1. ListTile - 이 주의 위젯 간단하게 리스트 내의 개체들을 예쁘게 배치해주는 위젯이다. 팔로잉/팔로워 목록 구현에 활용될 예정이다. ListTile( leading: CircleAvatar( backgroundImage: NetworkImage(imageUrl), ), title: Text('follwer id'), subtitle: Text('follower info'), trailing: Icon(Icons.keyboard_arrow_right), dense: true, //텍스트 크기 줄여서 더 많은 리스트 목록 한번에 볼 수 있음 selected: true, //선택된 타일 색이 primary theme color로 바뀜 onTap: (){.. 2019. 11. 11. 프론트엔드 개발자의 TIL #007 TIL #007 191110 일 오늘 배운 점 1. Firebase를 통한 Google 소셜 로그인 성공 - GradleException 에러 해결 Firebase SDK를 도입하는 과정에서 build.gradle을 수정해야 하는데, 분명 Firebase에서 시키는 대로 코드를 입력했는데 cannot resolve symbol ~ 관련 GradleException 에러가 발생한다. 이럴 때는 프로젝트 전체를 한번 깨끗하게 밀어야(?) 한다. 이렇게 안드로이드 스튜디오에서 File > Invalidate Caches / Restart를 눌러서 프로젝트 관련 모든 캐시를 무효화(삭제)하고 재빌드하는 방법이다. 만병통치약이라는 이 방법도 해결되지 않아 찾아본 방법은 GradleException을 FileNot.. 2019. 11. 10. NodeJS와 MongoDB로 SNS 만들어보기 - 데이터 스키마 구조 현재 MongoDB (NoSql)를 사용하고 있지만 Mongoose를 활용해 데이터 스키마를 정의해 데이터를 생성하고 접근하고 있습니다. 다음은 SNS 기능 구현을 위해 현재까지 작성한 데이터 스키마들과 데이터 스키마들 간의 관계를 표현한 것입니다. 이미지는 Cloudinary (클라우드 기반 이미지 및 비디오 관리 서비스 제공)를 활용하고 있기 때문에 cloudUrl과 imageId값을 저장해 관리합니다. 나중에 이미지 저장을 다른 웹 클라우드 서버를 활용하게 된다면 NodeJS 코드랑 데이터 스키마가 해당 서버 사용에 맞게 바뀌어야 할 것입니다. UserScheme : 유저들의 정보를 담는 스키마 PostSchem : 게시글 정보를 담는 스키마 UpmentSchema : 댓글 정보를 담는 스키마 Do.. 2019. 11. 10. NodeJs 와 MongoDB로 SNS 만들어보기 - 개발 환경 ☆새로오신 백엔드☆ 분과 금요일에 짧게 인수인계하면서 느꼈는데 지금까지 제가 NodeJs랑 MongoDB로 작업해온 코드들을 말로 설명드리는게 한계가 있는 것 같아서(...) 간략하게 이미지와 같이 글로도 설명을 남겨보려합니다 ㅎㅎ;;; 근데 사실... 저도 Unity로 게임만 만들어보다 8월 중순에 NodeJS랑 mongoDB 처음 접한거라... 이렇게 하면 된다 보다는 이렇게 하고 있다 라는 느낌으로 봐주시면 좋을 것 같아요 ㅎㅎㅠ 일단은 NodeJs와 MongoDB로 SNS 기능들을 구현하고 있는데, 코드 편집은 VScode를 활용하고 있고 mongoDB 상의 데이터들은 mongoDB Compass라는 GUI 툴을 활용해 확인하고 있습니다. NodeJs와 MongoDB 라는 키워드로 추천 프로그램들.. 2019. 11. 10. 프론트엔드 개발자의 TIL #006 TIL #006 191109 토 오늘 배운 점 1. 가장 중요한 소셜로그인을 다시 정리해보았다. (Firebase 활용) 소셜로그인은 7할이 설정이다. 우선은 dependency에 필요한 플러그인들을 설치해준다. //pubspec.yaml dependencies: firebase_auth: google_sign_in: 그리고 AndroidX compatibility 관련 설정을 해준다. dart 파일에 필요한 패키지를 import 해준다. import 'package:flutter/material.dart'; import 'package:firebase_auth/firebase_auth.dart'; import 'package:google_sign_in/google_sign_in.dart'; 대략적인 s.. 2019. 11. 9. 프론트엔드 개발자의 TIL #005 TIL #005 191108 금 오늘 배운 점 1. 대댓글 조회 기능 구현 부모댓글 ID를 받아와서 대댓글 목록 불러오기 (댓글 조회와 거의 유사한 방식으로 진행돼서 수월하게 구현할 수 있었다.) 2. 북마크 버튼 및 북마크 목록 구현 Bookmark.dart 파일을 만들어 사용자가 게시물을 북마크할 수 있도록 버튼을 만들었고, 프로필 화면에서 북마크한 게시물을 모아볼 수 있도록 리스트를 구현하였다. 내일 배울 점 1. 소셜로그인 2. 주말에 백엔드 협업할 내용 아이디 중복 체크 회원가입 폼 북마크 삭제 게시글/댓글 작성 더보기 - TIL 작성을 시작한지 1주일이 되었다. 주 4회 작성 목표를 달성해서 기쁘다 :) - 주석을 열심히 달아야겠다..! 2019. 11. 8. 이전 1 ··· 15 16 17 18 19 20 21 다음
