Webpage
-
[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] 실전 웹 프로젝트 구축 !!(실전 예제) - 웹 페이지 제작 강좌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와 함께 브라우저가 서버나 컴파일러 등의 다른 외부 모듈 없이 직접 해석 할 수 있는 객체 기반 스크립트 언어 입니다. 객체기반이라는 말이 어려울 수 있으나 자바스크립트의 모든 것은 객체로 이루어져 있다는 것이고, 지금 어렵다해도 프로그래밍..