2017년 4월 19일 Vuetiful Korea 첫번째 밋업의 세번째 발표자료입니다.
Vue.js 한국어 사용자 모임에서 발표를 하게 된 디자이너, 그녀는 과연 Vue.js를 쓸 수 있을 것인가?
발표자료에서 소개되는 게임은 smilee.github.io/vuetiful-korea-170419 을 참고해 주시기 바랍니다.
spring.io 레퍼런스(sagan project)를 통해서 배우는 spring 개발사례에 대해서 발표하고 정리한 프레젠테이션입니다. 작년에 SpringOne에서 발표된 inside spring.io 내용과 저의 개인적인 분석을 통해서 내용을 정리했습니다.
'입문자' 분들을 대상으로 정리했기 때문에 가능한한 간결하고 직관적으로 내용들을 표현했으며 깊게 들어가는 내용들은 거의 생략을 하였습니다.
자세한 내용들을 원하시면 프레젠테이션 중간중간에 관련 link를 첨부하였으니 같이 보시면은 도움이 되실것 같습니다.
2017년 4월 19일 Vuetiful Korea 첫번째 밋업의 세번째 발표자료입니다.
Vue.js 한국어 사용자 모임에서 발표를 하게 된 디자이너, 그녀는 과연 Vue.js를 쓸 수 있을 것인가?
발표자료에서 소개되는 게임은 smilee.github.io/vuetiful-korea-170419 을 참고해 주시기 바랍니다.
spring.io 레퍼런스(sagan project)를 통해서 배우는 spring 개발사례에 대해서 발표하고 정리한 프레젠테이션입니다. 작년에 SpringOne에서 발표된 inside spring.io 내용과 저의 개인적인 분석을 통해서 내용을 정리했습니다.
'입문자' 분들을 대상으로 정리했기 때문에 가능한한 간결하고 직관적으로 내용들을 표현했으며 깊게 들어가는 내용들은 거의 생략을 하였습니다.
자세한 내용들을 원하시면 프레젠테이션 중간중간에 관련 link를 첨부하였으니 같이 보시면은 도움이 되실것 같습니다.
2015년 HTML5 기반 모바일 웹 어플리케이션 기술 개발 동향 정리 및 2016년 기술 변화 예측합니다. Ionic/Angularjs 기반 상용 앱 개발 사례도 상세하게 소개 합니다. 본 자료를 통해서 HTML5 기반 모바일 어플리케이션을 개발시 활용가능한 Framework 및 최적화 분야에 대해서 이해할수 있습니다.
한국 표준(?) 자바셋(Java 1.6+Spring 3.x+MyBatis)과 Monolithic 아키텍처를 사용하고 있었던 제 조직 내에서 기술적 변화를 이끌어가는 것에 관련된 내용입니다.
변화를 유도하기 위해서 어떻게 해야 하는지가 핵심이며,
Architecture, Frontend, Backend, 방법론/프로세스의 영역을 각각의 단계로 나누어서 Phase1을 수행한 것과 Phase2를 수행 중인 내용에 대해서도 다룹니다.
Phase1
- Architecture : Frontend / Backend 명시적 분리
- Frontend : Angular.js, Grunt, Bower 도입
- Backend : Java 1.7/Spring4, ORM 도입
- 방법론/프로세스 : Scrum, Git
Phase2
- Architecture : Micro-Service Architecture(MSA)
- Frontend : Content Router, E2E Test
- Backend : Polyglot, Multi-Framework
- 방법론/프로세스 : Scrum+JIRA, Git Branch Policy, Pair Programming, Code Workshop
AWS Elastic Beanstalk 활용하여 수 분만에 코드 배포하기 (최원근, AWS 솔루션즈 아키텍트) :: AWS DevDay2018Amazon Web Services Korea
AWS Elastic Beanstalk 활용하여 수 분만에 코드 배포하기
웹 어플리케이션과 웹 서비스를 몇번의 클릭만으로 빠르게 deploy하여 운영, 관리할 수 있는 ElasticBeanstalk를 소개합니다. 간단한 웹서비스를 배포를 시작으로 높은 수준의 SLA가 요구되는 고가용성 서비스로 확장하기 위한 고려 사항과 예제 어플리케이션을 실제로 배포하는 데모를 시연합니다.
Scala, Spring-Boot, JPA를 활용한 웹 애플리케이션 개발 과정에 대해 다룬다. Spring-Boot와 JPA 조합만으로도 생산성 있는 웹 애플리케이션 개발이 가능하다. 이 조합만으로도 충분히 의미가 있지만 여기에 Scala라는 약간은 불편한 듯 보이는 언어를 도입함으로써 얻을 수 있는 즐거움을 공유한다. Spring-Boot + JPA 조합에 Scala를 적용하면서의 좌충우돌 경험담을 전한다.
3. 2015 WePlanet Co., Ltd.
webframeworks.kr
다양하게 사용되는 프레임워크
http://stackshare.io
4. 2015 WePlanet Co., Ltd.
Webframeworks.kr
다양하게 일하고 있는 Front-End Developer(1)
(출처) 웹 Front-End 실무 이야기
http://www.slideshare.net/jinkwonlee52/frontend-46605098
5. 2015 WePlanet Co., Ltd.
Webframeworks.kr
다양하게 일하고 있는 Front-End Developer(2)
(출처) 웹 Front-End 실무 이야기
http://www.slideshare.net/jinkwonlee52/frontend-46605098
CSS, HTML, JS
Logic
UI Component
UI(CSS)
Framework
Javascript
Framework
6. 2015 WePlanet Co., Ltd.
프레임워크 적용의 현실/한계 : 새로운 프레임워크 적용에
대한 참고 자료 및 사례가 매우 제한적이기 때문에 많은
시행착오가 생겨남
“ 이번에 AngluarJS에서 관리자화면을 개발했는데 말이죠 … ”
7. 2015 WePlanet Co., Ltd.
조언도 들어봤습니다.
사실 그래도 고민은 계속 됩니다.
닭잡는데 쓰는 소잡는 칼?
닭을 잡다보면 소도 잡지 않을까?
나는 무엇을 알고 있을까?
HTML? CSS? jQuery?
나는 열심히 할건데,
다른 팀원도 그럴까?
(참고) Web Front-End 개발과정 살펴보기 – 윤지수
http://www.slideshare.net/jisuyoun/web-frontend
내가 생각하고 있는 웹은
어떤 모습일까?
이 프레임워크가 지향하는 바는?
12. 2015 WePlanet Co., Ltd.
Webframeworks.kr
프레임워크의 선택
(출처) 실무에 바로 적용하는 Node.js
1) 샘플 애플리케이션으로 어플리케이션 스타일과 패턴을 확인
2) 애플리케이션의 타입을 고려
- 프로토타입, 제품 애플리케이션, 최소 요건 제품, 프로젝트 사이즈 등
3) 익숙한 라이브러리와 프레임워크의 궁합 여부
4) 애플리케이션의 특성 고려
- 분리된 프론트엔드 클라이언트를 가진 REST API인지, 기존의 웹
애플리케이션인지 등
5) 특정 기능의 지원 여부
- 처음부터 웹소켓이 있는 Reactive 템플릿(ex: Meteor)의 지원이 필요한지 등
6) 인기도 확인
- GitHub이나 NPM 등에서 download 수, Star, Watch, Fork 등의 정보를
확인
7) 예제가 있는 훌룡한 API 문서, 또는 예제와 오픈 이슈나 버그들이 있는지
여부로 GitHub페이지, 그리고 프레임워크의 웹 사이트, NPM 등을 평가한다.
만약 오픈 이슈나 버그가 몇 백개 이상이라면, 좋은 사인이 아니다, 또한,
GitHub 저장소에 마지막으로 커밋한 날짜를 확인한다. 마지막으로 커밋한
날짜에서 6개월 이상 지났다면 좋은 사인이 아니다.