Typescript with Vue 실전 프로젝트

Typescript with Vue 실전 프로젝트

배우러가기

타입스크립트를 이용해서 한단계 업그레이드 된 Vue 어플리케이션을 개발할 수 있도록 도움을 주는 강좌입니다. 
Vue.js 기초 강좌와 ES6 또는 타입스크립트 입문자이신 개발자 분들께 이 강좌를 추천드립니다. 

최근, 구글의 Angular에서 타입스크립트를 공식 언어로 지정할 만큼 타입스크립트의 위상이 높아져가지만, 아직도 러닝커브때문에 도입을 꺼려하시는 분들이 많습니다.

이 강좌는 왜 타입스크립트를 선택해야하는지, 과연 나의 프로젝트에 타입스크립트를 도입하는것이 올바른지에 대한 선택을 도와드립니다. 또한, 이 강좌를 통해 Vue.js 어플리케이션에서 타입스크립트 스타일로 개발하는 방법을 배워나갈 수 있습니다.

이 강좌는 크게 4가지의 주제로 구성되어 있습니다.

1. Typescript 선택가이드 
2. Class-based 컴포넌트 만들기 
3. Typescript를 이용해 Vuex 설계하기 
4. 실전프로젝트 (Todo-list)

배우면 할 수 있는 것들

  • Vue.js와 Typescript를 이용해서 웹 어플리케이션을 개발할 수 있다.

수강 대상

  • Vue.js 에 타입스크립트를 사용하려는 개발자
  • Vue.js 의 프로젝트를 장기간 유지보수하는 실무자
  • Vue.js 로 규모가 큰 프로젝트 개발을 하고자하는 실무자

선수 지식

  • ES6의 문법을 알고있거나 typescript 초급
  • Vue.js 초급

지식공유자 소개

성도희

자바스크립트로 프론트엔드도 개발하고 백엔드도 개발하는 자바스크립트 개발자입니다. 😎
개발과 관련된 질문은 언제나 환영하오니 편하게 이메일로 연락주세요!

📌blog : https://seongdohee.github.io/
📌email : seong0420hei@gmail.com

배우러가기

Vue.js 시작하기 – Age of Vue.js

Vue.js 시작하기 – Age of Vue.js

“1000명이 넘는 분들의 성원과 피드백에 힘입어 새롭게 탄생한 Vue.js 입문 강좌입니다”

강좌소개

누구나 다루기 쉬운 Vue.js 입문의 리뉴얼 강좌입니다. 입문자 관점으로 더욱더 눈높이를 낮춰 프런트엔드 개발할 때 알고 있으면 좋은 지식들을 상세하게 설명하였습니다. Vue.js로 재밌게 웹 개발을 시작하실 수 있도록 알차게 내용을 구성하였으니 관심 있으신 분들은 90초 소개 영상을 꼭 확인해보시고 수강 신청해주세요 😁

강좌를 들으면서 Do it! Vue.js 입문 책도 함께 보시면 더 좋습니다. 미리 책을 보고 강의로 더 살을 붙이셔도 될 것 같아요. 책에는 없는 내용들도 많이 다뤘습니다 😁

누구에게 도움이 되나요?

1. 프런트엔드 개발에 입문하는 분 
2. 프런트엔드 개발자로 전향하고픈 퍼블리셔 
3. 프런트엔드 개발을 해보고 싶은 디자이너 
4. 프론트엔드 개발자로 취업을 희망하는 대학생 
5. jQuery에서 벗어나 프레임워크를 사용하고픈 백엔드 개발자
※ 다만 HTML, CSS, JS 의 기초는 알고 계셔야 합니다..! 😁

함께 실습해요!

추천 학습 로드맵

1. Vue.js 시작하기 
Age of Vue.js (현재강좌)

2. Vue.js 중급 강좌
웹앱 제작으로 배워보는 
Vue.js, ES6, Vuex 

3. 쉽게 배우는 Webpack
최신 프론트엔드 프레임워크
(React, Angular, Vue)에서 
필수로 사용되는 도구

4. Vue.js 고급 강좌
Vue.js 완벽 가이드

같이 공부하면 좋은 자료

vuejs

강좌를 들으면서, 입문 책도 함께 공부해보세요 🙂
vue.js의 기본 동작 원리부터 꼼꼼하게 설명하고, 
실제 서비스를 개발할 때 필요한 컴포넌트 기반 설계 방법과 
프로젝트 구조화 노하우까지 알차게 담았습니다.

배우면 할 수 있는 것들

  • Vue.js 개발
  • 화면 UI 개발
  • 프런트엔드 개발

수강 대상

  • 프런트엔드 입문 개발자
  • 대학생
  • 디자이너
  • 퍼블리셔
  • 백엔드 개발자
  • 프런트엔드 개발자

선수 지식

  • Javascript
  • CSS
  • HTML

지식공유자 소개

장기효 (캡틴판교)

  인프런이 만난 사람 #02 | 장기효님 인터뷰 보러가기

“강의 수익금으로 Vue.js 커뮤니티와 생활 코딩을 후원합니다 😁”

JAVA 개발자 취업부터 SPRING 개발자까지

JAVA 개발자 취업부터 SPRING 개발자까지

과정 소개

현업에서 프로그래밍 언어로 가장 많이 쓰이고 있는 JAVA
대부분의 대규모 IT 기업에서 적극적으로 사용하는 개발언어이기 떄문에 그만큼 일자리의 문이 넓은 언어 입니다. 본 러닝패스는 쌩초보를 위한 프로그래밍 개념부터 JAVA 언어 문법, 웹에서 JAVA 를 사용하게 도와주는 JSP, 규모있는 서비스를 만들 수 있도록 도와주는 SPRING 프레임웍까지 모두 배울 수 있는 강좌들을 엮어서 구성했습니다. 본 과정의 JSP-Spring 을 학습할때 HTML-CSS 에 대한 지식이 도움이 됩니다.
다음 링크에서 배울 수 있습니다. → 웹프론트 개발자 과정 바로가기  

도움이 되는 분들

프로그래밍에 대해 전혀 아는게 없는 분

입문자에게 가장 어려운일은 어떻게, 뭘 공부해야 될지 모른다는 거죠. 이 과정은 프로그래밍의 중요한 기초 개념(프로그래밍의 의미, 통신, 객체지향, 상속, 추상화) 부터 실제 현업에서 쓰이고 있는 개발 스킬까지 전반적 꼼꼼하게 다루고 있습니다. 백지상태로 이 과정을 충실히 익힌다면 제몫을 톡톡히 하는 개발자가 될 수 있습니다.

취업은 했지만 기초가 부족해 발전이 없는 분

실제 현업에서 프로그래머로 취업은 했지만, 원리를 모르고 반복적인 스킬만 사용하다 개발전선에서 이탈하는 사람들이 많습니다. 이 과정을 통해 탄탄한 개념을 쌓으면 훨씬 더 쉽고, 빠르게 더 높은 기술적 성장을 이룰 수 있습니다.

학교가 싫은 컴공 전공생

전공수업마다 내가 누구, 여긴 어디? 싶은 컴공, 공대 학생들. (다 이해합니다. 정상이에요.ㅠㅠ)이 과정을 통해 학교에서의 자아를 찾을 수 있습니다.

 

해내면 얻게 되는 것들

로드맵

완전 초보 부터 개발자 취업까지!! 실전 JAVA 강좌(ver.2018)

실전 자바 강좌 입니다. JAVA, JSP, SPRING 시리즈 강좌의 첫번째 순서로 자바의 기본에서부터 실전까지 자바 개발자로서 필요한 지식과 개념을 총 망라해 강의를 제공합니다.

신입 프로그래머를 위한 실전 JSP 강좌(ver.2018)

JSP (Java Server Page)는 자바서버 페이지의 약자로서 우리가 흔히 사용하는 웹 환경에서 작동되는 웹 어플리케션을 개발 할수 있는 도구입니다. 실전 JSP 강좌 는 아무것도 모르는 초보자 상태라 하더라도 이 강좌에서 제공하는 설명과 예제를 충실히 따라가면 누구나 JSP 프로그래머로서 웹 애플리케이션을 제작할 수 있게끔 충실히 제작 되었습니다.

신입 프로그래머를 위한 자바 Spring 프레임워크(ver.2018)

스프링 프레임워크의 기본에서부터 실전 사용법까지 충실하고 폭넓은 설명으로 현장에 바로 투입되어 활약할 수 있게끔 도와줍니다. 프로그래머로서 구직을 원하는 사람들에게도 큰 도움이 될것입니다.

스프링 프레임워크 핵심 기술

스프링 핵심 기술을 이해한다면, 스프링이 제공하는 JDBC, 테스트, MVC 관련 기능 뿐 아니라, 스프링 부트와 스프링 데이터 JPA와 같은 여러 다른 스프링 프로젝트도 빠르고 정확히 이해할 수 있습니다.
스프링 기반 REST API 개발

스프링 기반 REST API 개발

배우러 가기

1. 스프링 기반 REST API 개발

이 강좌에서는 다양한 스프링 기술을 사용하여 Self-Describtive Message와 HATEOAS(Hypermedia as the engine of application state)를 만족하는 REST API를 개발합니다.

2017년 네이버가 주관한 Deview라는 개발자 컨퍼런스에서 이응준님께서 ‘그런 REST API로 괜찮은가’라는 발표를 했습니다. 발표의 핵심은 이러합니다. 현재 REST API로 불리는 대부분의 API가 실제로는 로이 필딩이 정의한 REST를 따르고 있지 않으며, 그중에서도 특히 Self-Describtive Message와 HATEOAS가 지켜지지 않음을 지적했고, 그에 대한 대안을 제시했습니다.

이번 강좌는 해당 발표에 영감을 받아 만들었으며, KSUG에서 동일한 이름으로 2018년 11월 세미나를 진행한 경험이 있습니다. 4시간이라는 짧지 않은 발표였지만, 준비한 내용에 비해 시간이 부족할 수 있었기 때문에 진행을 빨리하느라 충분히 설명하지 못하고 넘어갔던 부분이 있었습니다. 모자란 부분을 보충하고, 또 해결하려는 문제에 대한 여러 선택지를 제공하는 것이 좋을 것 같아 이 강좌를 만들었습니다. 그리고 코딩하는 중에 제가 주로 사용하는 인텔리J 단축키도 설명합니다.

이 강좌에서는 다음의 다양한 스프링 기술을 사용하여 REST API를 개발합니다.

– 스프링 프레임워크
– 스프링 부트
– 스프링 데이터 JPA
– 스프링 HATEOAS
– 스프링 REST Docs
– 스프링 시큐리티 OAuth2

또한 개발은 테스트 주도 개발(TDD)로 진행하기 때문에 평소 테스트 또는 TDD에 관심 있는 개발자에게도 도움이 될 것으로 기대합니다.

2. 도움이 되는 분들

  • 다양한 스프링 기술을 활용하는 방법을 학습하고 싶은 개발자 또는 학생
  • REST API를 개발하는 방법을 학습하고 싶은 개발자 또는 학생
  • TDD에 익숙해지고 싶은 개발자 또는 학생

3. 학습 목표

  • Self-Describtive Message와 HATEOAS를 만족하는 REST API를 이해합니다.
  • 다양한 스프링 기술을 활용하여 REST API를 개발할 수 있습니다.
  • 스프링 HATEOAS와 스프링 REST Docs 프로젝트를 활용할 수 있습니다.
  • 테스트 주도 개발(TDD)에 익숙해집니다.

4. 사전 학습

5.  지식공유자 소개

백기선

현재 마이크로소프트에서 개발자로 재직 중입니다. 이전에 아마존과 네이버에서 일했습니다. 스프링 프레임워크와 하이버네이트(JPA)를 사용해서 개발하는 것을 좋아합니다. 온라인에서 강좌를 만들거나 유튜브에 코딩 관련 동영상을 올리며 학습하고 또 공유하고 있습니다.

배우러 가기

Bootstrap 4 & 3 Framework Tutorial

Bootstrap 4 & 3 Framework Tutorial

배우러 가기

1. Bootstrap 4 & 3 Framework Tutorial

트위터 서비스를 개발을 위해 만들어진 BootStrap은 오늘날 가장 많이 사용하는 HTML5 웹 프레임워크 라이브러리 입니다.상단 메뉴,버튼, 회전 목마 등 다양한 UI 요소들을 손쉽게 사용할 수 있도록 만들어져 있으며 개발자는 적절하게 태그를 배치하고 제공되는 css 클래스를적용하여 웹 애플리케이션 Front End를 손쉽게 개발할 수 있습니다.기본 UI 요소들만 사용해도 멋진 웹 애플리케이션을 개발할 수 있으며 100% CSS와 jQuery로 구성되어 있어 수정이나 확장이 용이합니다.

본 강좌는 최신 버전인 BootStrap 4를 중심으로 강의를 진행하고 있으나 현재까지도 많이 사용하고 있는 3버전도 같이 설명을 하고 있습니다.현재 프로젝트에 따라 3를 사용하는 경우도 있어 두 가지 버전을 모두 설명하고 있습니다.

2. 배우는 것들

Jumbotron
지정된 영역을 사각의 영역으로 만들어 줍니다.
Flex
Bootstrap에서 Flex 요소를 사용해
div 태그에 대한 배치를 다양하게 설정할 수 있다.

3. 학습 목표

  • 본 강좌를 마치면 바로 Front End 개발을 손쉽게 하실 수 있습니다.
  • 약간에 프로그래밍 만으로 멋진 웹 애플리케이션을 개발할 수 있습니다.

4. 도움이 되는 분들

  • 대학생, 일반인, 개발자 등 웹 애플리케이션 Front End 개발에 관심이 있는 사람이라면 누구나 대상이 될 수 있습니다.

    5. 참고 사항

    • 본 강좌는 Front End 웹 프레임워크 강좌로써 HTML5, CSS3, JavaScript, jQuery 를 필수적으로 학습해야 합니다.
    • jQuery 코드가 많이 나오는건 아니지만 가끔 사용하는 곳이 있어 기본적인 selector 문법 정도는 알아야 합니다.

      6. 지식공유자 소개

      윤재성

      국내 IT 초창기 모바일 콘텐츠 개발 부터 현재 안드로이드,아이폰 앱개발 및 다양한 애플리케이션에 대해서 개발 및 강의를 진행하고 있습니다.현재는 (주)소프트캠퍼스 개발 이사이사로 재직하고 있습니다.

      개발 경력

      – SKT “아일랜드 어드벤쳐” 모바일 콘텐츠 개발 런칭
      – KT ” 퀴즈사커” 모바일 콘텐츠 개발 런칭
      – SK “모바일 공인중개사” 런칭
      – 아이폰 “한자통” 앱개발
      – 아이폰 “헬스 트레이닝” 앱개발
      – KT/SK 데일즈 오브 코몬즈 콘텐츠 개발
      – KT 미니 게임(야금야금 땅따먹기, 알라딘의 요술램프,미스터리 블록탐정단,BUZZ and BUZZ)개발

배우러 가기