kimyws

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

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

https://naver.me/5CWuGlXf ■ 4월 10일 - 1일차    Home Page BRAND Sub1-1 Sub1-2 Sub1-3 Sub1-4 ..

■ 전체화면 모든메뉴   로고 Menu1 sub1-1 sub1-2 sub1-3 Menu2 ..

■ 이미지■ 코드 강조 3 강조 2 강조 ..

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

https://naver.me/xl0eJ1vm    ■ 3월 13일 - 1일차 unknown printer took a galley of type simply random College in Virginia, looked up one of the the..

■ 3월 13일 - 1일차 ■ 웹디자인 시각적 요소● 웹디자인 이란? ◎ 웹디자인 웹디자인은 웹사이트의 구조와 시각적 언어를 만들어 사용자 경험을 최적화하는 창의적인 작업이 과정에서 디자이너는 시각적 요소뿐만 아니라 정보의 구조와 인터랙션 디자인까지고려하여 사용자가 웹사이트를 효율적으로 탐색하고 원하는 정보를 쉽게 찾을 수 있도록 설계하는 과정   ◎ 웹디자인 핵심요소 - 레이아웃(Layout): 페이지의 구조를 결정하며, 사용자의 눈길을 가장 중요한 정보에 끌어들이도록 도와줌.적절한 레이아웃은 정보의 흐름을 자연스럽게 만들고,사용자가 원하는 내용을 빠르게 찾을 수 있게 한다. - 컬러(Color): 색상은 브랜드 이미지를 전달하고, 감정을 자극하는 중요한 수단색상의 선택은 웹사이트의 톤과 분위기를 설정..

https://naver.me/GMmV9neA  ■  3월 11일■ 피그마기초○ 특징- 클라우드 기반으로 컴퓨터에 저장할 필요 없음- 윈도우 맥 OS 제약을 받지 않는다.- 팀원과 실시간 협업이 가능- 커뮤니티에서 다양한 에셋 과 플러그인을 제공- 기획 프로토타이핑 개발까지 최적의 툴임 ○ 인터페이스-  툴바- 레이어 패널- 캔버스- 계정, 공유, 프로토 타입- 속성 패널 ○ 주요 단축키- Ctrl + G : 그룹- Ctrl + Alt + G : 프레임으로 그룹- Ctrl + Shift + G : 그룹해제- Alt 드래그 : 복제- Ctrl + [, ] : 순서- Ctrl + Shift + [, ] : 한번에 순서 이동- Ctrl + D : 반복작업 ○ 많이 사용하는 plugin - Unsplash : ..

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

수업자료비주얼 스튜디오 다운로드C라이브러리   ■  2월 15일 - 1일차구조체 메모리 할당함수 사용시 마다 메모리를 할당 후 추가 되는 구조체 #include #include int ix = 0;typedef struct { int a; char* n;}s;s* f(s* a, int b, char* c) { s* n = malloc(sizeof(s) * (++ix)); for (int i = 0; i  추가 수정 삭제 가능한 구조체함수 사용시 마다 메모리를 할당 후 추가 되는 구조체 #include #include typedef struct { int number; int age; char name[10];}st;st z[3] = { {1,20,"홍길동"},{2,3..

수업자료실JDK 다운로드이클립스 다운로드코딩 그라운드   ■ 2월 14일 - 1일차file -> New Java ProjectProject name 작성New module-info = Don't CreateJava Main Class 작성New Java Classpackage 확인Name에 작성 첫자는 대문자를 추천public static void main(String[] args) 확인크기변경 Ctrl + +,-(숫자옆의 +-)한줄복제 Ctrl + Alt + 방향키 프로그램 기본 구조및 주석과 실행문프로그램 기본구조JDK (Java Development Kit) : 자바 개발도구자바언어를 활용하여 작성할 수 있도록 넣어주는 형태 JVM (Java Virture Machine) : 자바가상 머신운영체제마..

■ 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 따로 제공하는 방식도 있음. 그러나 기기의 유형의 다양해 짐에 따라 한계가 드러날 수 밖에 없음그로인해 사용하는 기기에 적절하게 맞춰지는 사이트를 개발 하는 것이 바람직해졌고가변성을 유지 ..