Web
-
[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 2) - 웹 페이지 제작 강좌Web/WebPage 2015. 7. 11. 15:13
이전 장에 이어서 이번 장에서는 타임라인(Timeline) 서비스에 대해 클라이언트를 구현하겠습니다. 연결된 강좌이므로 아래 링크대로 따라주시면 이해가 더 쉬우실 것 입니다. =========================================== 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) Se..
-
[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 파일을 설..