kimyws

Web 1 25-02

■ HTML이란?○ HTML : HyperText Markup Language- HyperText : 하이퍼 링크(참조)를 통해 어떤 문서에서 다른 문서로 접근할 수 있는 텍스트- Markup : 표시 (콘텐츠를)- Language : 언어> 하이퍼 텍스트와 콘텐츠를 표시해주는 언어> 웹브라우저를 통해 표시되는 웹페이지의 콘텐츠를 정의하기 위해 사용하는 언어 ○ HTML은 콘텐츠를 정의- 개발자는 HTML 코드로 웹페이지에 어떤 내용이 표시될 지를 정의함- 완성된 HTML코드를 웹브라우저에 로딩하면 웹페이지가 만들어진다.- HTML코드가 웹브라우저를 통해 해석되고 표현되는 과정을 렌더링이라 한다. ○ HTML 문서 : 확장자가 HTML- 텍스트 편집기 : Brackets, VScode- 웹 브라우저 : ..

■ 2월 13일 - 1일차■ 피그마 설치○ 피그마 사이트 ○ 피그마 로그인(구글과 연계) ○  피그마 다운로드  ■ 피그마 실행 / 주요 툴 ○  새 파일 만들기- 단축키 Ctrl + N- 위 메뉴에서 Design file 누르기  ○  이름변경- 위의 이름을 클릭하면 이름을 변경할 수 있다.  ○  확대 축소-  Ctrl + 마우스 휠- +, - 키- Ctrl + 0 : 100% 크기- 크기 수치조정  ○  이동과 크기- Move : 단축키 V : 이동을할 수 있는 툴- Scale : 단축키 K : 오브젝트의 크기를 변경하는 툴  ○  Frame, Section, Slice- Section : 아트보드를 전체 관리하는 부분 단축키 Shift + S- Frame : 아트보드 영역, 하나의 화면을 의미 단..

- JS파일 만들어서 JQuery 적용 해도 됨내용 전체 복사 - JQuery 사용body에서 아래쪽에 사용 클래스 및 아이디로 된 태그들이 생성전에 실행됨.body밖에 사용해도 문제는 없음(아래쪽이면)      ■ JQuery 사용○ 기본 불러오기- document(문서가) ready(준비된후) / 간략하게 앞에를 삭제해도 됨- function(){} 작성이 안되면 하나의 동작 밖에 사용 못함.- $는 JQuery를 사용하고 있다는 것을 의미함$(document).ready(function(){ console.log("일반적 사용");});$(function(){ console.log("간략화"); console.log("두개이상");}); ○ JQuery 기본문법$..

■ 포트폴리오 기본

■ 12월 10일 - 1일차 ■ 반응형 웹 기본○ 반응형 웹 기본오늘날 다양한 기기와 해상도를 통해 웹 문서를 열람하고 있는데이로 인해 특정 기기, 브라우저에 국한 되지 않고다양한 환경에서 동일한 경험을 제공할 수 있는 웹 문서를 만들어야 한다.이것을 반응형 웹 이라고 함.  ○ 반응형 웹이란?다양한 기기나 브라우저의 크기에 맞게 구성이나 크기를 변경해 가며반응하는 웹문서 또는 이를 위해 사용하는 기법 스마트 모바일 기기 등장 및 태블릿 등장으로 웹문서 설계에 변화가 필요함모바일 전용 URL 제공, 데스크톱 전용 URL 따로 제공하는 방식도 있음. 그러나 기기의 유형의 다양해 짐에 따라 한계가 드러날 수 밖에 없음그로인해 사용하는 기기에 적절하게 맞춰지는 사이트를 개발 하는 것이 바람직해졌고가변성을 유지..

■ 12월 10일 - 1일차■ 반응형 웹 기본○ 반응형 웹 기본오늘날 다양한 기기와 해상도를 통해 웹 문서를 열람하고 있는데이로 인해 특정 기기, 브라우저에 국한 되지 않고다양한 환경에서 동일한 경험을 제공할 수 있는 웹 문서를 만들어야 한다.이것을 반응형 웹 이라고 함.  ○ 반응형 웹이란?다양한 기기나 브라우저의 크기에 맞게 구성이나 크기를 변경해 가며반응하는 웹문서 또는 이를 위해 사용하는 기법 스마트 모바일 기기 등장 및 태블릿 등장으로 웹문서 설계에 변화가 필요함모바일 전용 URL 제공, 데스크톱 전용 URL 따로 제공하는 방식도 있음. 그러나 기기의 유형의 다양해 짐에 따라 한계가 드러날 수 밖에 없음그로인해 사용하는 기기에 적절하게 맞춰지는 사이트를 개발 하는 것이 바람직해졌고가변성을 유지 ..

■ UX/UI 1일차 11-161.1 UX/UI 개요1.1.1 디자인과 UX디자인디자인 이란?디자인은 우리가 사는 세계를 구성하는 필수적인 요소 중 하나로, 인간과 환경 간의 상호작용을 정의하는 데 중요한 역할을 한다.디자인은 다양한 맥락에서 다르게 정의되며, 그 범위는그래픽 디자인과 산업 디자인에서부터 서비스 디자인, UX/UI 디자인, 도시 계획에 이르기까지 다양함 디자인의 변화산업혁명 이전: 수공예 기반의 디자인중세와 르네상스 시대 디자인은 공예와 예술의 영역으로 확장예술가와 장인들은 건축, 가구, 도자기, 섬유 등 다양한 분야에서 인간의 창의성을 표현고딕 양식의 교회 건축이나 르네상스 시대의 대리석 조각 등은 기능성을 넘어 심미적 가치를 추구 산업혁명 시대: 기능성과 대량 생산의 강조산업혁명은 증..

a ■ 이전내용○ 메뉴바 및 레이아웃 구성    ○ 점 물결See the Pen 로딩 - 점 물결 by 게임게임즈 (@izhracej-the-bashful) on CodePen.   ○ 선 물결See the Pen 로딩 - 물결 바 by 게임게임즈 (@izhracej-the-bashful) on CodePen.   ○ 점 페이드 인아웃 See the Pen 로딩 - 점 페이드인아웃 by 게임게임즈 (@..

■ 이전 교육   English Content Content-1 Content-2 ..

자료 다운로드 ■ 레이아웃 설정○ A-1 유형 축제소개 Festival소개 행사장 안내 조직위원회 예약안..