HTML, CSS(1) 초기세팅 - 코알못에서 웹서비스 런칭까지: 온라인 제주 코딩 베이스캠프

코알못에서 웹서비스 런칭까지: 온라인 제주 코딩 베이스캠프

01
Intro

공지사항

Preview

소개영상

제코베 포트폴리오 템플릿

02
1. HTML5, CSS3

HTML, CSS(1) 초기세팅

Preview

HTML, CSS(2) 글자태그

HTML, CSS(3) 콘텐츠그룹태그

HTML, CSS(4) 미디어태그

HTML, CSS(5) form

HTML, CSS(6) table

HTML, CSS(7) CSS1

HTML, CSS(8) CSS2

HTML, CSS(9) CSS3

HTML, CSS(10) 콘텐츠그룹태그2

HTML, CSS(11) 기본 페이지 구성과 스타일 초기화

HTML, CSS(12) display와 1단컬럼레이아웃

HTML, CSS(13) 2단컬럼레이아웃: inline-block 이용하기

HTML, CSS(14) HTML, CSS(14)-2단컬럼레이아웃: float 이용하기

HTML, CSS(15) Flexbox 1

HTML, CSS(16) Flexbox 2

HTML, CSS(17) 프로젝트사이트 레이아웃 설명 1

HTML, CSS(18) 프로젝트사이트 레이아웃 설명 2

HTML, CSS(19) 프로젝트사이트 지도선택 구현 1

HTML, CSS(20) 프로젝트사이트 지도선택 구현 2

HTML, CSS(21) Position 1

HTML, CSS(22) Position 2

HTML, CSS(23) Position 3

03
2. JavaScript

JavaScript(1) 변수와 상수

JavaScript(2) 비교와 논리연산

JavaScript(3) 오브젝트 타입

JavaScript(4) 함수

JavaScript(5) 배열

JavaScript(6) 오브젝트

JavaScript(7) 조건문

JavaScript(8) switch문

JavaScript(9) 반복문

JavaScript(10) 프로젝트사이트 메뉴 동작 구현 1

JavaScript(11) 프로젝트사이트 메뉴 동작 구현 2

04
3. jQuery

jQuery(1) jQuery란

jQuery(2) jQuery 기본사용법

jQuery(3) jQuery 이벤트1

jQuery(4) selectors 1

jQuery(5) selectors 2

jQuery(6) 탐색

jQuery(7) 반복문 - each

jQuery(8) attr

jQuery(9) class 설정

jQuery(10) 엘리먼트 조작

jQuery(11) 애니메이션

jQuery(12) ajax

jQuery(13) 이미지갤러리 만들기

jQuery(14) 플러그인 사이트

05
4. Bootstrap

Bootstrap(1) 부트스트랩이란

Bootstrap(2) grid 시스템

Bootstrap(3) 컨텐츠

Bootstrap(4) alert

Bootstrap(5) card

Bootstrap(6) 캐러셀

Bootstrap(7) templates

06
5. Python

Python 설치 및 Editor 설정

Jupyter notebook 사용법

주석과 변수

입력과 출력

숫자 자료형

문자 자료형

문자 자료형 - 연산과 format

형변환

연산 - 산술연산과 비교연산

연산 - 논리연산

연산 - 비트연산, 할당연산, 식별연산, in 구문

함수 - 기본 개념

함수 - 지역변수와 전역변수

함수 - 재귀함수

리스트

리스트 - 다차원 리스트와 built-in function, range, list comprehension

튜플

딕셔너리

셋

조건문 - if, elif, else

반복문 - for, while, continue, pass, break, else

클래스 - 클래스 변수와 인스턴스 변수

클래스 - 상속

모듈과 패키지 - import

built-in functions

args, kwargs

lambda와 응용식

파일 입출력

이터레이터와 순회 가능한 객체 - iter, __next__, slice

제너레이터

factory 함수, 클로저

decorator

예외처리

07
6. Django MTV(21년 3월 리뉴얼)

Notion 링크 및 강의 자료 다운로드

Django

환경설정

django 세팅

django app 생성

url

template

요청 응답 처리

static file과 settings

template 상속과 폴더변경

model

admin

django 구조와 MTV

template language

ORM, Django Shell, QuerySet

database seeding

[심화] url 개선

[심화] simple 게시판(사용자 업로드 파일)

[심화] FBV와 CBV로(simple 게시판 구현)

[심화] 인증

[심화] Model(RDB, ERD, 1:N, N:M)

[심화] 안내 사항(챕터7, 8)

[심화] 배포를 위한 웹서버 연결

[심화] 커스텀 도메인

부록 : Django에서 Jupyter Notebook 사용해보기

08
7. (신)Django 3.2 (21년 8월 리뉴얼)

리뉴얼 강의 소개와 강의자료

장고소개

구름 IDE 환경설정

장고 프로젝트 생성

프로젝트 개요

메인 페이지

cafelist 페이지

모델 작성

cafedetails 페이지

이미지 넣기

댓글기능 추가하기

게시글 작성일과 수정일 추가

카페 위치 추가

모델에 정보 추가하기

템플릿 적용 및 검색 기능

카페 등록 페이지

서비스 배포

구글 맵 API

요약정리

09
8. (구)Django 2.x

Django(1) Django소개

Django(2) 세팅

Django(3) url

Django(4) 이미지 넣기

Django(5) 모델

Django(6) 카페 리스트 띄우기1

Django(7) 카페 리스트 띄우기2

Django(8) 이미지 업로드 구현

Django(9) 댓글 및 태그 기능 구현

Django(10) 템플릿 태그

Django(11) 템플릿 변수

Django(12) 템플릿 필터

Django(13) 템플릿 상속과 템플릿 입히기

Django(14) 메인 페이지 작성

Django(15) 배포

10
9. Ubuntu

Ubuntu(1) 리눅스에 대하여

Ubuntu(2) 기본명령어 폴더 및 이동파일 생성과 삭제

Ubuntu(3) 기본명령어 파일 읽기, 복사, 이동

11
10. Git

Git(1) 소스코드버전관리란

Git(2) Git설치하기와 기본사용방법

Git(3) Git의 기본개념과 서버에서 클론받기

Git(4) Branch

Git(5) Github를 이용한 Remote저장소 사용

Git(6) Atom에디터를 이용한 Git 사용

Git(7) Git과 관련된 여러기지 이야기

12
11. 웹사이트 기획하기

기획(1) 웹사이트 기획

기획(2) Freemind를 이용한 메뉴구조만들기

기획(3) Oven을 이용한 와이어프레임 만들기

13
(리뉴얼)30분 요약 시리즈(HTML, CSS, JS, Python)

HTML

CSS

JS 1부

JS 2부

JS 3부

Bootstrap

jQuery&Ajax - 라이브러리

jQuery&Ajax - jQuery의 필터

jQuery&Ajax - jQuery의 사용방법1

jQuery&Ajax - jQuery의 사용방법2

jQuery&Ajax - 이벤트

jQuery&Ajax - Ajax

Linux

Python 1부

Python 2부

HTML, CSS(1) 초기세팅

02 1. HTML5, CSS3

HTML, CSS(1) 초기세팅

Q&A