Development/Projects 14

최종 프로젝트 GAIA 소개

http://www.gaia.best by team seed 🌱 발표영상과 테스트영상을 확인해보세요 GAIA는 기존의 Project Management System들의 어려운 사용법과 높은 진입장벽을 해결하기 위해 기획되었습니다. 아래의 모듈들을 통해 프로젝트 관리와 개발자간의 협업을 돕습니다. 이슈 트래킹 ( Milestone, Issue ) 프로젝트 일정 관리 ( Calendar, Gantt ) 칸반 보드 위키 뉴스 인스턴트 메신저 프로젝트 통계 통합 검색 📚 Technology Stack 👩‍👩‍👦‍👦 Team members Shane(PL) Josh(DA) Eisen(TA) 🏆 Award 대덕인재개발원 해당 기수 최우수 프로젝트로 선정되었습니다.👏👏 Gaia 소개 1.Gaia Single Page..

Ajax 비동기 요청 발생시 로딩 이미지 (로딩 바) 만들기.

Ajax 비동기 요청 발생시 로딩 바 만들기. 지금 만들고 있는 프로젝트를 SPA(Single Page Application ) 으로 만들고 있습니다. 동기 방식의 페이지 이동을 하는 웹 어플리케이션을 만들었을때와는 다르게 세세히 신경써야 하는 부분이 굉장히 많은데요, 그 중에는 수업시간에서 따로 다룬 적 없는 부분도 종종 있었습니다. 몇가지 예를 들자면, 1. 페이지 이동시 url 변경 시키기 -> history.pushState 함수를 이용해 해결 했습니다. 2. 뒤로가기 이벤트 발생시 처리 -> pushState 발생시 data에 기록해둔 데이터를 바탕으로 $(window).bind("popstate", function(event){} 로 뒤로가기에 대한 바인딩을 해 해결 했습니다. 3. 페이지 이..

Github REST API 사용하기

어느 덧 한달의 시간이 흘러 프로젝트 수행 계획서를 작성할때 소설을 쓴다는 마음으로 작성했던, 'Github 저장소 연계 해 사용하기' 를 구현해야 할 시간이 왔습니다. 일단 Github의 REST API 관련 Documents 를 읽어 보았습니다. https://docs.github.com/en/rest GitHub REST API - GitHub Docs You can use the GitHub REST API to create calls to get the data you need to integrate with GitHub. REST API overview→ Learn about resources, libraries, previews and troubleshooting for GitHub's RE..

Development/Projects 2021.06.11 (1)

GAIA 알람 시스템을 만들기 위해 구축한 여러가지 모듈 소개와 과정

GAIA 알람 시스템을 만들기 위해 구축한 여러가지 모듈 소개와 과정 드디어 알람 시스템을 어느 정도 완성 했습니다. 사실 처음에는 Elastic search로 알람 기능을 구현 하려고 했지만, 이제 시간이 얼마 남지 않은 상태에서 팀 내 많은 이슈가 발생해서 쿼리부분에서 어느정도 막힌다 싶을때 급하게 Oracle 로 일단 턴 했습니다. Elastic Search를 사용하려고 elasticUtil 모듈을 만들어 Bean에 등록 했고, 그 유틸을 사용할 수 있는 나름의 Dao와 Service를 만들어서 했는데, 알람이 확인이 되면 모두 확인되었다는 update를 쳐야 하는데, '조회' 와 '등록' 단 두가지로 Elastic Search 활용을 준비하던 터라 거기에서 막혔습니다. 간단한 log 쌓기나 메시지..

Google Analytics 구글 애널리틱스 활용하기 - 웹 어플리케이션에 적용

https://shanepark.tistory.com/121 Google Analytics 구글 애널리틱스 활용하기 - 티스토리 연동 최종 프로젝트에서 Google Analytics 를 사용해 볼 예정입니다. 아직 프로젝트가 생성 중이니 저의 티스토리에 연동을 해 봄으로써 테스트를 해보았습니다. 구글 애널리틱스(GA)란 ? 더보기 Google Analyt shanepark.tistory.com 위에서는 티스토리 블로그에 있는 기본 기능으로 연동을 해 보았습니다. 기본 티스토리의 Google Analytics 는 과거의 버전으로, 최신에 제공하는 기술들을 사용할 수 없습니다. 아래에서 활용해볼 방법을 활용하면 티스토리를 포함한 본인의 어느 웹 사이트에서도 최신의 Google Analytics 분석을 활용 ..

Development/Projects 2021.05.23 (3)

Google Analytics 구글 애널리틱스 활용하기 - 티스토리 연동

최종 프로젝트에서 Google Analytics 를 사용해 볼 예정입니다. 아직 프로젝트가 생성 중이니 저의 티스토리에 연동을 해 봄으로써 테스트를 해보았습니다. 구글 애널리틱스(GA)란 ? 더보기 Google Analytics is a web analytics service offered by Google that tracks and reports website traffic, currently as a platform inside the Google Marketing Platform brand.[1] Google launched the service in November 2005 after acquiring Urchin. 구글이 제공하는 무료 웹 분석 툴 입니다. 구글의 통계 및 빅데이터 노하우를 바..

SaaS, IaaS, PaaS

셋 모두 as Service가 들어가는 것처럼, '서비스'를 제공하는 것입니다. (소유권을 갖는게 아닙니다) SaaS(Software as a Service, 서비스로서의 소프트웨어) : 싸-쓰 설치 없이 필요한 서비스를 웹에서 사용 예 : Gmail, Dropbox, Naver cloud, 보통의 협업 툴들, OTT, 등등 우리가 쉽게 접하는 대부분의 서비스 IaaS(Infrastructure as a Service, 서비스로서의 인프라스트럭처) : 이아-쓰 서드파티 업체가 제공하는 고도로 자동화되고 확장 가능한 IT 인프라를 의미합니다. 이 인프라에는 스토리지, 호스팅, 컴퓨팅, 네트워킹 등이 포함됩니다. 필요한 만큼, 그리고 원하는 만큼 컴퓨팅 인프라를 사용할 수 있습니다. 예 : AWS, GCP,..

Project Management Application 분석) 2. Redmine

Redmine 레드마인(Redmine)은 오픈 소스 프로그램으로 웹 기반의 프로젝트 관리 와 버그 추적 기능을 제공하는 도구이다. 화면기반의 프로젝트 관리에 도움이 되도록 달력과 간트 차트를 제공하고 일정관리 기능을 제공한다. 또한 레드마인은 통합된 프로젝트관리 기능과 이슈추적, 여러가지 형상 관리 기능을 제공한다. 레드마인의 디자인은 비슷한 기능을 가지는 오픈 소스 프로그램인 Trac에 영향을 많이 받았으며 루비 온 레일즈에 기반하여 작성되었고 멀티 플랫폼을 지원하며 여러가지 종류의 데이터베이스 및 34개의 언어를 지원한다. 특징 다중 프로젝트 지원 유연한 역할기반 접근제어 유연한 이슈추적 기능 간트 차트와 달력기능 제공 알림, 문서, 파일관리기능 제공 이메일 알람기능 프로젝트별 위키 페이지 제공 프로..

Team Collaboration Tool 분석) 2. Collabee

Collabee 콜라비는 국내 유일 원페이지 협업툴(Collaboration Software)이다. 실시간 동시 편집이 가능한 문서를 기반으로 할 일 및 일정 관리, 프로젝트 관리와 커뮤니케이션 모두 한 페이지에서 관리할 수 있다. 세부적인 기능으로는 한 페이지 안에서 팀원들과 함께 실시간 문서 작성 및 수정이 가능하고, 본문에서 '@'키를 이용해 할 일, 의사결정, 파일 공유, 동료 호출 등을 간단히 할 수 있다. 페이지 우측에는 댓글 스레드도 배치되어 있어 업무를 하면서 댓글을 통해 커뮤니케이션 할 수 있다. 원페이지 협업툴과 연동된 콜라비 메신저는 중요한 대화를 클릭만으로 콜라비 내 페이지로 문서화할 수 있다. 대화 내역을 쉽게 문서화함으로써 메신저의 휘발성 한계를 보완하는 유일한 기업용 메신저로 ..

Project Management Application 분석) 1. Jira

Jira 지라(JIRA)는 아틀라시안이 개발한 사유 이슈 추적 제품이다. 버그 추적, 이슈 추적, 프로젝트 관리 기능을 제공하는 소프트웨어이다. 특징 Single Page Application Naming The product name is a truncation of Gojira, the Japanese word for Godzilla.The name originated from a nickname Atlassian developers used to refer to Bugzilla, which was previously used internally for bug-tracking. Description According to Atlassian, Jira is used for issue tracking a..

Team Collaboration Tool 분석) 1. Jandi

Jandi 토스랩에서 운영하는 대한민국 대표 업무용 협업툴 서비스. ㈜토스랩은 2014년 6월에 설립된 글로벌 IT 스타트업이다. 서울을 본사로 대만, 일본, 말레이시아, 베트남, 아랍에미리트(UAE)등 약 63개국의 기업고객을 보유중이며, 총 39명(본사 33명, 해외 6명)의 인원이 근무하고 있다. 잔디는 일을 잘 하게 도와주는 업무용 협업툴로 업무/팀별 그룹 채팅, 프로젝트 관리, 파일 공유 및 관리, 외부 서비스 연동 기능을 지원하는 클라우드 기반 협업 소프트웨어(SaaS)다. 2019년 12월 '제20회 소프트웨어(SW)산업인의 날'에서 서비스 우수성을 인정받아 SW산업발전유공 장관 표창을 수상한 바 있다. 2017년 3월 유료 버전 출시 이래 LG CNS, CJ, 아워홈, 무신사, 코스맥스, ..

Playddit 비밀번호 이중 암호화 적용기

Playddit 비밀번호 이중 암호화 적용기 🔐 AES256 Playddit에서는 AES256 방식으로 비밀번호를 암호화 하고 있었습니다. 이유는 단 한가지 학원에서 AES256를 이용한 암호화를 배웠기 때문이었습니다. public static String encryptAES256(String str, String key) throws UnsupportedEncodingException, NoSuchAlgorithmException, NoSuchPaddingException, InvalidKeyException, InvalidAlgorithmParameterException, IllegalBlockSizeException, BadPaddingException { String iv = key.substri..

Figma 사용해 UI, UX 디자인해보기

Figma 사용하기 ​ Figma는 UI/UX design 프로토타이핑 툴 입니다. 처음에는 sketch 무료 1개월 체험을 이용해 프로젝트를 진행해보려고 했습니다. 디자인이나 웹쪽에 전혀 지식이 없었어도 어렵지 않게 어느 정도 활용 할 수 있길래 sketch를 사용하려고 했지만 프로젝트 팀에서 혼자만 맥을 사용하다 보니, 협업에서 더 유리한 프로그램을 찾다 Figma를 선택하게 되었습니다. 일단 불과 한시간 정도의 분량이지만 sketch 에서 작업한 .sketch 파일을 바로 불러 올 수 있다는게 크게 매력적으로 다가왔습니다. 처음 가입을 하고 프로젝트를 생성하면 이런 화면이 나옵니다. Community에서 버튼이나 아이콘 등 다른 이용자들이 만들어 무료로 배표해둔 자료들을 손쉽게 이용할 수 있는것도 ..

반응형