초급
챕터 8개 · 9시간 44분
한국어 · 영어 · 일본어|오디오 한국어

HTML, CSS, Bootstrap 및 Java, Servlet, JSP를 이용해
총 2개의 작품 만들기

한 작품을 만들어 보는데에 40 ~ 1시간 정도가 소요됩니다.

  • HTML/CSS/Bootstrap을 이용한 MySNS 화면 구현하기

  • Java/Servlet/JSP을 이용한 MySNS 기능 구현하기

이런 걸 배울 거예요

웹 콘텐츠 제작의 기본

프론트엔드 3대장이라고 불리는 HTML/CSS/JavaScript 핵심을 단기간에 정리 합니다.

자바언어 & 객체지향

No.1 프로그래밍 언어인 자바와 객체지향 개념을 알기 쉽게 설명합니다.

서블릿 & JSP

자바 웹 개발의 핵심인 서블릿, HTML과 자바의 결합인 JSP에 대해 배웁니다.

MVC

웹 애플리케이션 설계의 기본인 MVC(모델-뷰-컨트롤러) 패턴과 각각의 기본 구조에 대해 배웁니다.

도전! SNS 웹서비스 만들기

프로젝트 형식으로 SNS와 유사한 웹서비스를 단계별로 만들어 봅니다. 첫번째는 화면을 구현하고, 두번째는 기능을 구현합니다.

개발 초보는 '트위O'처럼 멋진 SNS를 개발할 수 없는 걸까요?

📍아뇨! 물론 할 수 있습니다.

개발 초보라도 트위O 같은 SNS 개발에 도전할 수 있습니다. 근데 욕심처럼 쉽지는 않으시죠? 그건 아마도 웹 개발에 도전하고 싶지만, 배워야 할 기술이 너무 많기 때문일 겁니다.


HTML, CSS, JavaScript,
Java, Servlet, JSP, Spring Framework,
Vue, React, Node, Database...
너무 많고 막막하시죠?

'짧굵배' 하나면 할 수 있습니다.

📍짧굵배 = 짧고 굵게 배우기!

그러나 여기에 해답이 있습니다. 짧굵배 클래스를 통해, 자바(Java) 하나로 웹 서비스를 개발할 수 있습니다. 그리고 클래스만의 특장점은 아래와 같습니다.

  1. 핵심 개념과 구조, 원리를 이해하기 쉽게 도식화합니다.
  2. 코드를 함께 만들고, 주요 부분은 다시 설명합니다.
  3. 단계별로 따라 할 수 있는 코드랩을 통해, 스스로 문제 해결 역량을 키웁니다.

더 상세하게 말씀드려볼까요?

1. 핵심 개념과 구조, 원리를 이해하기 쉽게 도식화합니다.

📍머릿속에 제대로 그림이 그려져야, 헷갈리지 않습니다.

결국 비전공자는 물론이고, 여러분이 전공자라고 할지라도 개념이 뒤죽박죽이라면 개발을 끝까지 해내기 어려울 겁니다. 저는 이 지점을 매우 중요하게 생각합니다.

지금 배우고 있는 지점은 전체(숲⛰)에서 어느 지점(나무🌲)인 건지, 이것이 가지는 의미는 무엇인지 등을 확실하게 잡고 갈 수 있습니다.

예를 들면, 제가 설명하게 될 MVC 패턴은 앱의 시각적 요소나, 그 이면에서 실행되는 비즈니스 로직을 서로 영향 없이 쉽게 고칠 수 있게 해주는 개념입니다.

이렇게 어려운 설명을 도식이나 이해 없이 받아들이긴 쉽지 않겠죠? 제가 확실하게 돕겠습니다.


2. 코드를 함께 만들고, 주요 부분은 다시 설명합니다.

📍단순히 따라 치고 끝나는 게 아니라, 이해시켜 드릴게요.

코딩/프로그래밍 강의의 특성상, 강사의 코드를 따라치지 않고서 프로그래밍을 할 수는 없습니다. 하지만 그렇다고 해서 그대로 따라서 코드만 복사/붙여넣기 할 때는 금방 잊어먹게 되겠죠?

그래서 저는 주요 부분을 다시 설명하면서, 이 지점에서 왜 코드를 그렇게 치는 건지 등을 다시 설명하고 이해시켜 드릴게요.


3. 단계별로 코드랩을 통해, 스스로 문제 해결 역량을 키웁니다.

📍제가 자체 개발한 코드랩이 있습니다.

코드랩(Code Lab)은 특정 기능을 개발하기 위해 단계를 나누고 목표를 세워 함께 배워나가는 과정이나 공간을 의미합니다.

여러분은 제가 만들어놓은 코드랩에서 단계별 예제를 풀어보고, 스스로 문제 해결 역량을 키울 수 있게 됩니다. 잘 따라올 수 있도록, 코드랩으로 자바 개발을 마무리할 수 있도록 도와드릴게요.



저는 자바 인생 25년 개발자, '딘프리' 입니다.

국내 인터넷 초창기 시절인 1995년, 개발자로 시작해서 다수의 프로그래밍 도서를 집필했으며, 특히 대학 교재 No.1인 한빛 아카데미 IT CookBook 시리즈의 1호 저자이기도 합니다.

개발자에서 대학교수로, 그리고 크리에이터로 변화해오며 시대 흐름에 맞는 IT교육 방법을 꾸준히 연구해 왔습니다.


🏛이력

  • 가천대학교 컴퓨터공학과 교수
  • (주)넥스텔 뉴미디어 연구소 개발팀장
  • 과학기술정보협의회(KISTI) 전문위원
  • 교육과학기술부 국가과학기술수준평가 위원
  • 임베디드SW산업협회 헬스케어 분과 위원장

📚저서

  • 프로젝트로 배우는 자바 웹 프로그래밍, 한빛 아카데미
  • 저스트 자바, 한빛 아카데미
  • 리눅스 쉽게 배우기, 영진닷컴
  • 인터넷 서버 만들기, 대청 미디어

🏆수상

  • SW산업발전 국가 유공 표창 (지식경제부 장관)
  • 장은기술상 (국내 최초 자바기반 인트라넷 개발)



왜 하필 자바(Java)로 웹 프로그래밍을 배워야 하나요?

📍자바는 자타공인 No.1 프로그래밍 언어 입니다.

백엔드 서비스 개발에 가장 인기 있는 언어이며, 안드로이드 앱 개발의 공식 언어이기 때문에 취업 시장에서도 기본적으로 요구되는 스킬입니다.

그리고 자바와 객체지향(OOP; Object-Oriented Programming)에 대해서도 배우게 됩니다. 객체지향은 쉽게 얘기하면 프로그램을 '더 유연하게, 변경이 용이하게' 만들어주는 개발의 개념입니다.

본 과정에서 자바 언어와 관련 개념을 모두 다 배우는 것은 불가능하지만, 우리가 만들 SNS 개발에 필요한 핵심은 충분히 배워갈 수 있도록 돕겠습니다.


📍구체적으로 무엇을 배우게 되나요?

이번 강좌를 통해 HTML의 기초부터 객체지향과 자바언어, 서블릿, JSP 등을 배우고, 웹 개발의 기본 디자인 패턴인 MVC 패턴 등 꼭 필요한 부분만 쏙쏙 배우게 됩니다. 그리고 트위O와 유사한 MySNS 웹 서비스를 단계별 프로젝트 형식으로 구현합니다.

서블릿, JSP, EL, JSTL 등은 웹페이지를 생성하기 위한 프로그램을 의미합니다. 최근에는 JSP 자체보다는 EL과 JSTL 등 뷰 기술에 대한 근본적인 이해를 더 중요하게 생각하는데요, 이 각각의 개념들이 뭘 의미하는지, 어떻게 써먹어야 하는지 클래스를 통해 배울 수 있습니다.


📍자바뿐 아니라, 프런트엔드 3대장도 배워갈 수 있습니다.

프런트엔드 3대장이라고 불리는 HTML, CSS, Javascript를 배워봅니다. 구조와 관계를 중심으로 꼭 알아야 하는 부분들을 중심으로 배울 예정이고요.

프런트엔드는 화면을 구성하는 웹의 기본 기술이라 불리며, 이 지식은 프런트엔드 개발자는 물론이고, 백엔드 개발자들도 반드시 알고 있어야만 하는 부분을 알려드릴 예정입니다.



당신이 얻게 될 프로젝트 결과물: SNS 서비스!

첫 번째 프로젝트(MySNS v1)는 html, css, bootstrap만을 이용해 SNS 서비스 구현에 필요한 화면을 개발하게 됩니다.

프로젝트 개요, 로그인 화면 구현, 게시글 목록 화면 구현, 페이지 연결의 4단계를 통해 나만의 SNS 화면을 가질 수 있습니다.


두 번째 프로젝트(MySNS v2)는 MVC 모델에 기반한 컨트롤러, 모델, 뷰를 자바, 서블릿, JSP를 이용해 구현할 수 있습니다.

프로젝트 개요, 모델 클래스 기본 구조 구현, 서블릿 컨트롤러 기본 구조 구현, 로그인 기능 구현, 게시글 작성 기능 구현, 게시글 목록 보기 구현의 6단계를 거쳐 SNS 개발을 완성합니다.



추가로 제공되는 서비스와 향후 2차 클래스 안내


스스로 클래스를 수강하면서 부족하다고 느끼는 부분은 짧굵배 온라인 및 유튜브 공개강좌를 통해 보완할 수 있습니다.


또한 데이터베이스와 구글의 파이어베이스 서비스, 구글 로그인등 더 재미있는 서비스 구현을 2차 클래스에서 풀어갈 예정입니다. 많은 기대를 부탁드리겠습니다.

그럼, 클래스에서 뵙겠습니다!

커리큘럼

크리에이터

짧굵배 딘프리

짧굵배 딘프리

반갑습니다, 자바 인생 25년 개발자, 짧굵배의 딘프리 입니다.

국내 인터넷 초창기 시절인 1995년, 개발자로 시작해서 다수의 프로그래밍 도서를 집필했으며, 특히 대학 교재 No.1인 한빛 아카데미 IT CookBook 시리즈의 1호 저자이기도 합니다.

개발자에서 대학교수로, 그리고 크리에이터로 변화해오며 시대 흐름에 맞는 IT 교육 방법을 꾸준히 연구해 왔습니다.



🏛이력

  • 현 가천대학교 컴퓨터공학과 교수
  • (주)넥스텔 뉴미디어 연구소 개발팀장
  • 과학기술정보협의회(KISTI) 전문위원
  • 교육과학기술부 국가과학기술수준평가 위원
  • 임베디드SW산업협회 헬스케어 분과 위원장

📚저서

  • 프로젝트로 배우는 자바 웹 프로그래밍, 한빛 아카데미
  • 저스트 자바, 한빛 아카데미
  • 리눅스 쉽게 배우기, 영진닷컴
  • 인터넷 서버 만들기, 대청 미디어

🏆수상

  • SW산업발전 국가 유공 표창 (지식경제부 장관)
  • 장은기술상 (국내 최초 자바기반 인트라넷 개발)

dinfree

dinfree

dinfree

dinfree

이 클래스와 비슷한 추천 클래스

[3주 완성] Java+스프링부트 프레임워크 기초 제대로 배우기백엔드  |  IT백과사전
고객센터오전 10시 ~ 오후 6시 (주말, 공휴일 제외)
주식회사 클래스101
대표 공대선
서울특별시 강남구 테헤란로 415, 4층(삼성동, 엘7강남타워)
대표전화 : 1800-2109
이메일 : ask@101.inc
사업자등록번호 : 457-81-00277
통신판매업신고 : 2022-서울강남-02525
클라우드 호스팅 : Amazon Web Services Korea LLC
사업자 정보 자세히 보기
클래스101은 통신판매중개자로서 중개하는 거래에 대하여 책임을 부담하지 않습니다.