이것저것 공부노트

튜토리얼식 코딩학습 사이트 Web Development, Computer Languages, Tools, APIs, Data Analytics https://www.codecademy.com/learn/all http://learn.shayhowe.com/ CSS 레이아웃 코딩 학습 사이트 http://ko.learnlayout.com/ HTML, CSS, JavaScript 코딩학습 사이트 http://div.or.kr/ 웹서비스 만들기, 컴퓨터 언어, 클라이언트, 서버, 개발도구, 프로젝트 관리 학습 사이트 https://opentutorials.org/course/1 개발언어 루비 Ruby에 관한 문제를 풀어서 다음 스테이지로 나아가는 코딩학습 게임 사이트 https://www.bloc.io/rub..

HTML hypertext Markup Language - 웹 문서를 기술하기 위해 사용되는 국제 표준언어이다. - 마크업(Markup) 언어로서 태그(Tag)를 사용하여 데이터의 구조를 표현한다. - HTML 문서는 ASCII코드로 구성된 일반적인 텍스트 형태이다. - HTML 문서는 일반 에디터(메모장), 워드프로세서, 홈페이지 제작 도구를 통해 작성한다. - HTML 문서 확장명은 .htm 또는 .html이다. HTML 문서의 구조 - HTML 문서의 구조는 태그로 시작해서 태그로 종료한다. - html 문서 시작 - 머리(헤드)끝 -몸체(본문)시작 문서의 내용 - 몸체(본문)끝 -html 문서 끝 HTML 태그 태그의 사용 - 태그는 시작 태그와 종료 태그가 한 쌍을 이루어 사용된다. - 종료 태..

웹디자인 기본용어 정리 -Web Design Note - 인터렉션 디자인 - 사이트를 가능한 쉽고, 효과적이고, 즐겁게 사용자 인터페이스(UI)디자인 - 페이지의 기능적 구조와 사용자가 콘텐츠를 탐색하거나 작업을 수행하기 위해서 사용하는 단추, 링크, 메뉴와 같은 도구에 대해 집중적으로 다룸 사용자 경험 디자인 - 도널드 로먼: 제품에 대한 모든 측면에서 사용자 인터렉션을 포함해야 함. 웹사이트를 운영하는 조직적 브랜드와 사업 목적에 부합해야 함. 사용자 중심 디자인 - 사용자의 필요사랑, 요구사항, 제한사항을 잘 이해하여 디자인 와이어프레임다이어그램 - 웹페이지의 구조 사이트 다이어그램- 사이트 전체의 구조 스토리보드 - 사용자의 관점에서 사이트를 사용하는 과정 사용자 순서도 - 사이트나 응용프로그램에..