Side Projects

'글마디'는 책이나 노래에서 발견한 인상적인 문구나 가사를 기록하고, 서로 공유하는 웹서비스입니다. 책을 읽거나 노래를 듣다가 감명깊은 구절을 발견했나요? 마음에만 담아두다 잊혀질까 아쉬운 구절을 기록해보세요 그리고 주변의 소중한 사람들에게 예쁜 사진으로도 공유해보세요

시작하며 ES6 자바스크립트를 활용하여 진행중인 개인 토이프로젝트에 Google Firebase Authentication을 적용하여 이메일/비밀번호 기반 계정생성, 로그인, 로그아웃 기능을 구현한 회고입니다. Firebase 인증을 선택한 이유 Firebase는 인

글마디 프로젝트의 주 기능 중 하나인 '글마디 추가(C)/로드(R)/수정(U)/삭제(D)' 기능을 Firebase Realtime Database를 활용하여 구현한 회고입니다.지난번 Firebase Auth를 사용한 이유와 비슷합니다. Firebase에서 DB 서비스를

글마디 프로젝트에 아래와 같은 카테고리별로 글마디를 렌더링하는 기능과, 특정 분류기준과 키워드로 글마디를 검색하는 기능을 구현한 회고입니다.최근 : 가장 최근에 등록된 글마디 순으로 렌더링인기 : 좋아요 수가 많은 글마디 순으로 렌더링내 글마디 : 현재 유저가 등록한

Mixin을 사용하면 미디어쿼리 분기점을 변수처럼 설정해둘 수 있어서 css 작성 시 분기점 픽셀을 매번 직접 지정하지 않아도 된다.mixin 코드가 들어갈 scss 파일 하나를 만든다. 아래와 같이 작성하고 scss 파일 내에서 @include 변수명 { 내용 } 형

글마디 프로젝트를 기획하면서 유저가 자신이 기록해 두고 싶은 구절을 업로드하는 것 뿐만 아니라 카드 형태의 사진으로 저장하기도 하고, 주변 사람들에게 공유하기도 할 수 있다면 좋을 것 같다는 생각을 했습니다. 이 글은 자바스크립트의 blob과 html-to-image,

글마디 웹사이트를 데스크탑뿐만 아니라 태블릿, 모바일 환경에서도 쾌적하게 사용할 수 있도록 반응형 UI를 구현한 회고입니다.지금까지 글마디 프로젝트는 데스크탑 환경을 기준으로 UI를 설계하고 작업해왔습니다.처음부터 css flexbox와 rem 단위를 적극적으로 활용하

PHP와 OracleDB를 연동하여 간단한 온라인 도서대출 서비스를 구현한 과정 정리

Flutter의 기초 중의 기초만 배운 상태에서 원터치 학교 자가진단 제출 애플리케이션을 개발해봄

Flutter + Firebase Realtime Database 사용하여 학과별로 게시판이 분류된 대학생 커뮤니티 앱 만들어보기