kimyws

■ 포트폴리오 기본

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

■ 12월 11일 - 2일차 HOMEPAGE HOME PRODUCT..

■ 예시1기본 정보:이름: 박지수연령: 22세 직업: 대학생(컴퓨터공학과) 거주지: 서울, 대한민국행동 패턴: 주로 모바일 기기로 정보를 검색. 강의 사이 짧은 시간 동안 웹페이지 탐색.목표: 실습 위주의 학습 자료를 통해 프로그래밍 스킬 향상. 개인 프로젝트에 바로 적용 가능한 코드 예제 찾기.문제점: 복잡한 UI 때문에 원하는 자료를 찾는 데 어려움. 정보의 신뢰도를 확인하기 어려움.기술 숙련도: 디지털 플랫폼에 익숙하며 다양한 기술 도구 활용 가능.시나리오: "지수는 30분의 휴식 시간 동안 JavaScript 강좌를 찾기 위해 웹사이트를 방문한다. 직관적인 검색 기능과 빠른 로딩 속도를 통해 자신에게 맞는 강좌를 신속히 발견하고 저장한다." ■ 예시2기본 정보: 이름: 김수진 연령: 35세 직업:..

■ 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소개 행사장 안내 조직위원회 예약안..

■ GSAP○ GSAP 이란?GreenSock Animation Platfrom 은 인터랙티브 웹을 위한 요소로화려한 애니메이션과 스크롤 이벤트를 쉽게 구현할 수 있도록 도와주는타임라인 기반의 JS 라이브러리임 ○ CDN 세팅  ■ GSAP 기초○ 기본 메서드- gsap.to()움직임의 끝나는 점을 지정하는 애니메이션원래 위치에서 해당 위치로 변경한다.gsap.to("대상",{속성:값, 속성:값},딜레이);gsap.to(".box1",{x:200, duration:2},3);// 클래스가 .box1인 대상을 x축으로 200으로 2초간 이동해줘 3초이후에 - gsap.from()애니메이션이 지정된 속성에서 시작하여현재 속성으로 이동gsap.from(".box", { duration: 2, x: -100, ..