본문 바로가기

전체 글

 (11)
[React] AWS Amplify Hosting을 이용한 손쉬운 배포 프론트 개발을 하면서 사용자에게 웹에서 멋지고 좋은 기능들을 제공하기 위해 노력하는 것에만 집중하면 좋지만 실제로 개발을 하다보면 화면 개발 이외에 서버 운영, 배포 정책 등 프론트 개발 이외에도 신경 써야 할 부분들이 많이 있습니다. AWS Amplify Hosting을 사용하면 비교적 쉽게 배포를 진행하실 수 있습니다. 또한 React에서 작업한 작업물을 메인 브런치에 머지할때마다 자동적으로 배포해주기 때문에 매번 운영서버에서 직접 빌드를 할 필요가 없어집니다. github와 AWS Amplify Hosting을 사용하여 배포를 하는 과정이 얼마나 편해지는지 소개해 보도록 하겠습니다. https://github.com/ GitHub: Where the world builds software GitHu..
오피스체크인 워크샵 (2021/11) 오피스체크인에서 워크샵을 다녀왔습니다! 작년 말부터 강화된 거리두기로 인해 불가능했는데 최근 완화된 덕에 즐겁게 다녀올수 있었습니다. 좋은 추억 많이 만들고 왔습니다~~ 잘 먹고 잘 놀았으니 다시 업무로 복귀입니다!
UX - 기기환경별 사용자 인터페이스 특성 해당 문서는 Desktop과 Mobile, Web과 App의 사용자 인터페이스 특성에 대한 설명입니다. 용어에 대한 자세한 내용이나 개발 고려사항 등 기술적인 설명은 다루지 않습니다. 목차 1. 개요 2. 데스크톱 웹 & 모바일 웹 3. 모바일 웹 & 모바일 앱, 그리고 반응형 웹 1. 개요 웹(Web)은 사용자가 인터넷을 통해 사진, 영상 등의 콘텐츠 및 서버에 저장되어있는 정보에 항상 접근할 수 있는 시스템으로, 거미줄처럼 수많은 웹 사이트가 엮인 공간을 나타냅니다. 앱(App)은 운영체제에서 실행되는 모든 소프트웨어를 뜻하며 웹 서비스를 이용할 수 있는 브라우저(IE, Chrome 등)와 오피스 프로그램인 워드 등도 앱에 속합니다. 우리는 웹 사이트를 통해 쇼핑도 하고, 검색도 하며, 영상을 찾아보..
오피스체크인 서비스 - 요구 분석 과정 해당 문서는 실제 오피스체크인에서 진행하는 방식에 초점을 두고 주관적으로 작성된 포스팅임을 알려 드립니다. 목차 1. 개요 2. 요구 분석 과정 3. 기능 정의서 작성을 해야 하는 이유 4. 요구사항을 전달하는 방법 5. 요구 분석 과정의 예시 1. 개요 막연하게 '어떤 기능이 들어갔으면 좋겠다.'라고 생각해서 개발이 이루어지는 것은 아닙니다. 개발자에게 기획안이 전달되는 과정까지 기능의 실현 가능성을 고찰하고 세부 동작과 필요한 데이터, 데이터의 활용 방법 등에 대한 파악이 필요합니다. 이러한 과정의 첫 단계가 '요구 분석 단계'입니다. '요구 분석’이란 새로운 시스템이나 기존 시스템에 기능 추가 및 개선을 위한 요구를 결정하는 작업 단계로, 개발자뿐만 아니라 관리자 외 내부 관계자, 사용자가 함께 의..
Codeigniter 4 버전 마이그레이션 기록 이번 포스팅에서는 Codeigniter 3.x 대비 4에서 달라진 점과 마이그레이션 history를 소개합니다. 1. 개발 초기 issue 오피스체크인 웹 개발 프로젝트를 시작할 때 PHP Framework로 Codeigniter 3 혹은 Laravel을 검토하였는데 당시 저희 개발팀 입장에서 다음과 같은 장/단점이 있었습니다. pros cons Codeigniter 3.x 검증된 framework 익숙한 개발 환경 개발 속도 빠름 namespace 지원 안함 php 최신 버전 지원 안될 수 있음 출시된지 오래된 major 버전 Laravel 가장 인기있는 framework 잘 번역된 방대한 문서 다양한 기능의 library 진입장벽 있음 개발 속도 느림 (비교적) 잦은 업데이트 (표에 나온 장/단점은 ..
구글 애널리틱스(GA) 기초 - 개요 및 용어 해당 문서는 ‘구글 애널리틱스’의 버전 중 GA4를 대상으로 작성된 포스팅임을 알려 드립니다. 목차 1. 구글 애널리틱스(GA) 개요 2. 구글 애널리틱스(GA)를 왜 사용하는가 3. 구글 애널리틱스(GA) 수집 정보 4. 주요 용어 ( 히트 / 세션 / 사용자) 5. 예시 1. 구글 애널리틱스(GA) 개요 '구글 애널리틱스(이하 “GA”)’는 웹&앱 등에서 데이터를 수집하고 분석할 수 있는 "종합적인 분석 툴"입니다. 대부분의 유용한 기능을 무료로 사용할 수 있으며 심층 분석이 필요한 경우에는 "애널리틱스 360" 이라는 유료 툴을 활용할 수도 있습니다. [애널리틱스 기능 비교표] 아래는 Google에서 제공하는 애널리틱스에 대한 설명입니다. 애널리틱스를 사용하면 내 사이트 및 앱의 사용자가 콘텐츠에 ..
Redmine 단독 서버 구축 (AWS EC2) 개요 이 문서에서는 Amazon AWS의 가상서버 EC2를 활용하여 Redmine 단독 서버를 구축하는 방법에 대해 설명합니다. 구축 환경 AWS EC2 instance, Docker, docker-compose 목차 1. AWS EC2 인스턴스 생성 2. Redmine (on docker) 설치 3. Redmine 메일 발송 설정 1. AWS EC2 인스턴스 생성 이 단원에서는 스크린샷 위주로 간단하게 설명하므로 AWS EC2에 대한 자세한 내용은 공식 문서를 참고하시기 바랍니다. 먼저 Amazon AWS에 가입된 계정으로 로그인합니다. (AWS 가입에는 결제 가능한 카드가 필요합니다.) [퍼블릭 IP 자동 할당]을 "활성화"로 해주셔야 외부에서 접근 가능한 공인 IP를 할당받을 수 있습니다. CPU ..
오피스체크인 모바일 앱 서비스 뜯어보기! 안녕하세요. 오늘은 오피스체크인의 전반적인 내용과 기능 단위로 내용을 작성하고 정리하였는데요, APP 화면 중 매물등록, 공실알림예약, 나의활동, 로그인필요 화면을 하나하나 뜯어보겠습니다! 우선 오피스체크인은 '업무용 부동산 마케팅 플랫폼'입니다. - 오피스체크인의 서비스는 2가지 상황에서 사용자를 모두 신경 써야 했는데요. 하나는 보유하고 있는 매물을 등록하여 빌려주고자 하는 사람(임대인)과 또 하나는 필요한 매물을 빌리고자 하는 사람(임차인)입니다. 이 둘중에서 서비스를 사용할 때 어려움을 느끼는 쪽은 임차인 보다는 임대인으로 여겨지는데요, '공실등록'이라는 아주 작지만 쉽지 않은 과정을 경험해야 하기 때문입니다. 우선 명확한 선택지를 두어 등록하는 사람(임대인)들이 길을 헤매지 않도록 하려 했습니다..
[iOS]하이브리드 앱을 위한 WKWebView 설정 방법 오피스 체크인 모바일 웹 개발 이후 팀 결정에 따라 앱으로 출시하게 되었습니다. 모바일 웹은 이미 하이브리드 앱을 염두에 두고 개발되었고 저희 팀은 안드로이드와, iOS 개발이 가능하여 Cordova 같은 모바일 개발 프레임워크를 이용하지 않고 직접 웹뷰를 사용하여 구현하였습니다. 하이브리드 앱을 개발 시 제가 생각하는 장단점을 정리해보겠습니다. 장점 웹 개발이 완료되어 있는 경우 개발 소요시간이 적다. 이미 웹으로 개발되어 있는 서비스를 앱으로 출시하기만 하면 되기 때문에 네이티브 앱에 비하여 좀 더 빠르게 제작할 수 있습니다. 모바일 웹에 푸시 알림, 위치기반 기능을 확장할 수 있다. 하이브리드로 제작된 앱은 네이티브와 마찬가지로 푸시 알림, 외부 앱 연동, 위치기반 기능을 구현할 수 있습니다. 업데..
레드마인(Redmine) 기초 사용법 프로젝트 기반 issue traking system인 redmine의 기초적인 사용법에 대한 문서입니다. issue 관리가 무엇인지 이해하고 redmine에 일감과 문서를 관리하는 방법을 설명합니다. 레드마인의 설치 방법은 다루지 않으며 비공개 프로젝트를 기준으로 작성하였습니다. issue 관리 시스템 전통적으로 Issue Tracker 이라 부르며 프로젝트의 진행에 있어 목표를 설정하고, 이를 이루기 위해 필요한 작업들을 등록합니다. 이 떄 시스템상에 등록하는 목표를 milestone이라 하며 보통 특정 버전(alpha, beta, 정식서비스 등)이 되고 개별 작업들을 issue 라고 합니다. issue 관리 시스템의 최대 장점은 작업 사항이나 문서, 소스코드가 작업되는걸 체계적으로 관리할 수 있어 무..

티스토리툴바