제작
-
[WebPage] 실전 웹 프로젝트 구축 !!(Client Part 3) - 웹 페이지 제작 강좌Web/WebPage 2015. 7. 11. 16:22
연결된 강좌이므로 아래 링크대로 따라주시면 이해가 더 쉬우실 것 입니다. =========================================== 1. 개발환경설정 2. CSS & Bootstrap 3. CSS 선택자(Selector) 4. CSS 요소(Element) 5. Bootstrap Part. 1 6. Bootstrap Part. 2 7. 실전 예제 - 개인용 포트폴리오 페이지 제작 8. Python & Django 9. Django 10. 장고(Django) 프로젝트 11. JavaScript & jQuery 12. 실전 웹 프로젝트(예제) 13. 실전 웹 프로젝트(Timeline) Server Part.114. 실전 웹 프로젝트(Timeline) Server Part.215. 실전 웹 ..
-
[WebPage] 실전 웹 프로젝트 구축 !!(Client Part 1) - 웹 페이지 제작 강좌Web/WebPage 2015. 7. 9. 14:48
이제 클라이언트(Client)를 개발할 차례입니다. 연결된 강좌이므로 아래 링크대로 따라주시면 이해가 더 쉬우실 것 입니다. =========================================== 1. 개발환경설정 2. CSS & Bootstrap 3. CSS 선택자(Selector) 4. CSS 요소(Element) 5. Bootstrap Part. 1 6. Bootstrap Part. 2 7. 실전 예제 - 개인용 포트폴리오 페이지 제작 8. Python & Django 9. Django 10. 장고(Django) 프로젝트 11. JavaScript & jQuery 12. 실전 웹 프로젝트(예제) 13. 실전 웹 프로젝트(Timeline) Server Part.114. 실전 웹 프로젝트(Tim..
-
[WebPage] 실전 웹 프로젝트 구축 !!(Server Part 2) - 웹 페이지 제작 강좌Web/WebPage 2015. 7. 9. 11:37
이전 장에 이어서 계속해서 api를 구현하도록 하겠습니다. 연결된 강좌이므로 아래 링크대로 따라주시면 이해가 더 쉬우실 것 입니다. =========================================== 1. 개발환경설정 2. CSS & Bootstrap 3. CSS 선택자(Selector) 4. CSS 요소(Element) 5. Bootstrap Part. 1 6. Bootstrap Part. 2 7. 실전 예제 - 개인용 포트폴리오 페이지 제작 8. Python & Django 9. Django 10. 장고(Django) 프로젝트 11. JavaScript & jQuery 12. 실전 웹 프로젝트(예제) 13. 실전 웹 프로젝트(Timeline) Server Part.114. 실전 웹 프로젝트..
-
[WebPage] 실전 웹 프로젝트 구축 !!(Server Part 1) - 웹 페이지 제작 강좌Web/WebPage 2015. 7. 8. 14:22
이전 장에서의 예제를 뒤로하고 타임라인 서비스를 개발해보도록 하겠습니다. 연결된 강좌이므로 아래 링크대로 따라주시면 이해가 더 쉬우실 것 입니다. =========================================== 1. 개발환경설정 2. CSS & Bootstrap 3. CSS 선택자(Selector) 4. CSS 요소(Element) 5. Bootstrap Part. 1 6. Bootstrap Part. 2 7. 실전 예제 - 개인용 포트폴리오 페이지 제작 8. Python & Django 9. Django 10. 장고(Django) 프로젝트 11. JavaScript & jQuery 12. 실전 웹 프로젝트(예제) 13. 실전 웹 프로젝트(Timeline) Server Part.114. 실..
-
[WebPage] 실전 웹 프로젝트 구축 !!(실전 예제) - 웹 페이지 제작 강좌Web/WebPage 2015. 7. 7. 14:32
마지막 장으로 지금까지 배워온 기술들을 토대로 실전 프로젝트를 진행해보도록 하겠습니다. 먼저 실전 예제를 통해 몸을 풀어봅시다. 클라이언트 페이지를 생성할 것입니다. 1. 먼저 Aptana Studio에서 프로젝트를 생성합니다. 프로젝트 명은 ClientExample 로 지정합니다. 2. BootStrap 모듈을 프로젝트에 끌어다 놓습니다. 3. 프로젝트 오른쪽 클릭하여 html 파일을 생성합니다. (example.html) 4. 생성된 html 파일에 아래와 같이 기본 틀 코드를 입력합니다. 1234567891011 Client Example Colored by Color Scriptercs 5. 다음으로 bootstrap과 jquery를 추가해줘야 합니다. 123456789101112131415161..
-
[WebPage] 4. 웹 프로그래밍의 필수요소, JavaScript와 jQuery - 웹 페이지 제작 강좌Web/WebPage 2015. 7. 7. 11:44
4.1 웹 스크립트 언어, JavaScript 자바스크립트는 웹 프로그래밍을 위해서는 반드시 알아야할 언어입니다. HTML 만으로는 페이지를 표현하는 것 밖에 할 수 없기 때문에, 다양한 기능을 적용한 웹을 위해서 자바스크립트를 사용하기 때문입니다. 문법도 어렵지 않고, 바로바로 실행해 볼 수 있어서 쉬운 편에 속하는 언어입니다. 이 장에서는 자바스크립트의 문법과 활용을 알아보겠습니다. 4.1.1 자바스크립트란? - 자바스크립트(JavaScript)는 HTML, CSS와 함께 브라우저가 서버나 컴파일러 등의 다른 외부 모듈 없이 직접 해석 할 수 있는 객체 기반 스크립트 언어 입니다. 객체기반이라는 말이 어려울 수 있으나 자바스크립트의 모든 것은 객체로 이루어져 있다는 것이고, 지금 어렵다해도 프로그래밍..
-
[WebPage] 3-3. 장고 프로젝트 시작 - 웹 페이지 제작 강좌Web/WebPage 2015. 6. 26. 13:54
3.3.3 장고 프로젝트를 시작해 보자 먼저 각종 장고 개발 연습을 할 연습용 폴더를 만들도록 하겠습니다. 폴더를 생성했으면 아래 명령을 입력합니다. django-admin.py startproject newproject django-admin.py는 장고를 설치할 때 같이 설치된 장고 프로젝트 관리 프로그램입니다. 이 프로그램을 이용해서 장고 프로젝트를 설정하는 것입니다. 아래 명령어를 입력하여 새로 만든 프로젝트를 구동시켜 봅시다. cd newproject manage.py runserver 아래와 같이 localhost:8000을 입력하여 뜬다면 성공한 것 입니다. 1. 장고 설정 장고의 설정은 프로젝트 이름과 같은 폴더(newproject)안에 있는 settings.py와 urls.py 파일을 설..
-
[WebPage] 3-3. 서버개발을 빠르게, 웹 프레임워크 DjangoWeb/WebPage 2015. 6. 26. 10:50
3.3.1 장고(Django)란 ? 장고는 파이썬으로 작성된 오픈소스 웹 어플리케이션 프레임워크입니다. 간단한 사용법과 수많은 내장 기능 덕분에 쉽고 빠르게 고품질의 홈페이지를 만들 수 있게 도와주는 프레임워크입니다. 웹 어플리케이션을 만들 때 자주 반복하는 많은 귀찮은 일을 모아서 함수나 클래스 등으로 만들어 놓았기 때문에 사용자들은 필요할 때 그 기능을 쓰면됩니다. 3.3.2 장고 시작 해 보기 본격적으로 장고를 이용한 개발에 대해 배워보기 위해 먼저 장고를 이용하여 아주 간단한 예제를 통해 장고를 알아보겠습니다. 간단한 예제를 실행해 보고 장고에 대한 설명에 본격적으로 들어가도록 하겠습니다. 1. 프로젝트 만들고 설정하기 1) 콘솔에서 장고 프로젝트 생성하기 - cmd 창을 열고 원하는 장고 프로젝..