반응형
인기글
- [웹 디자인] 26일차: 갤러리 및 슬라이더 디자인 갤러리 및 슬라이더란?갤러리와 슬라이더는 웹사이트에서 이미지를 효과적으로 표시하는 방법입니다. 갤러리는 여러 이미지를 그리드 형태로 배열하여 사용자가 쉽게 볼 수 있게 하고, 슬라이더는 이미지를 슬라이드 형태로 전환하여 하나씩 표시합니다.갤러리 디자인HTML 구조 CSS 스타일body { font-family: Arial, sans-serif; display: flex; justify-content: center; align-items: center; height: 100vh; margin: 0; background-color: #f4f4f4;}.gallery { display: gri..
- [웹 디자인] 24일차: 네비게이션 바 디자인 네비게이션 바란?네비게이션 바(Navigation Bar)는 웹사이트에서 사용자가 주요 페이지나 섹션으로 쉽게 이동할 수 있도록 도와주는 메뉴입니다. 잘 설계된 네비게이션 바는 웹사이트의 가독성과 사용자 경험을 향상시킵니다.네비게이션 바의 기본 요소로고: 웹사이트의 로고를 표시합니다.메뉴 항목: 주요 페이지나 섹션으로 이동할 수 있는 링크입니다.검색 창: 검색 기능을 제공합니다.버튼: 로그인, 회원가입 등의 버튼입니다.네비게이션 바 디자인 예제HTML 구조 Logo Home About Services Contact Login Sign Up Home ..
- [Figma] Figma 주요 기능별 사용법 - 네비게이션 설계 이제 5단계인 네비게이션 설계를 진행하겠습니다. 이 단계에서는 링크를 설정하고 컴포넌트를 사용하는 방법을 배우게 됩니다.5. 네비게이션 설계5.1 링크 설정주요 기능:링크는 페이지 간 네비게이션을 가능하게 합니다.사용법:프로토타입 모드로 전환: 상단 메뉴에서 Prototype 탭을 클릭하여 프로토타입 모드로 전환합니다.링크 설정: 요소를 선택하고 링크 아이콘을 클릭하여 연결할 페이지나 프레임을 선택합니다.예시:네비게이션 바의 메뉴 항목에 링크를 설정합니다.실습:Prototype 탭에서 네비게이션 바의 메뉴 항목을 선택합니다.링크 아이콘을 클릭하여 다른 프레임이나 페이지로 연결합니다.실습 단계별 스크린샷:프로토타입 모드로 전환:피그마 상단 메뉴에서 Prototype 탭을 클릭합니다.링크 설정:네비게이션 바..
- [Figma] Figma 주요 기능별 사용법 - 아이콘 및 이미지 추가 이제 4단계인 아이콘 및 이미지 추가를 진행하겠습니다. 이 단계에서는 아이콘을 사용하고 이미지를 추가하는 방법을 배워보겠습니다.4. 아이콘 및 이미지4.1 아이콘 사용주요 기능:아이콘은 시각적 요소를 추가하여 디자인을 보완합니다.사용법:아이콘 라이브러리 검색: 피그마 커뮤니티에서 Components 탭을 클릭하고 Icons를 검색하여 무료 아이콘 라이브러리를 찾습니다.아이콘 추가: 원하는 아이콘을 선택하고 프로젝트에 추가합니다.예시:네비게이션 바에 사용할 아이콘을 추가합니다.실습:피그마 커뮤니티에서 Icons를 검색하여 무료 아이콘 세트를 찾습니다.원하는 아이콘을 선택하고 Homepage 프레임에 추가합니다.실습 단계별 스크린샷:아이콘 라이브러리 검색:피그마 상단 메뉴에서 Assets 탭을 클릭합니다.C..
- [문서작성법] 단계별 문서 작성법(개요) 웹 디자인이나 모바일 디자인 분야에서 문서 작성은 프로젝트의 성공적인 진행을 위해 매우 중요합니다. 이러한 문서들은 디자인 팀과 개발 팀, 그리고 클라이언트 간의 원활한 커뮤니케이션을 돕고 프로젝트 요구사항과 목표를 명확히 합니다. 웹 및 모바일 디자인 문서를 작성할 때는 다음과 같은 주요 문서 유형과 작성법을 참고할 수 있습니다.1. 프로젝트 개요서 (Project Brief)목적: 프로젝트의 전반적인 목적과 목표를 설명합니다.내용:프로젝트 개요타겟 사용자주요 목표성공 지표2. 요구사항 정의서 (Requirements Specification)목적: 프로젝트의 기능적 및 비기능적 요구사항을 명확히 합니다.내용:기능적 요구사항: 사용자가 수행할 수 있는 주요 기능들 (예: 사용자 등록, 로그인, 제품 검..
최신글
- [PCCP] Java - 자료구조 배열- 배열: 같은 자료형의 묶음. 크기가 고정- ArrayList: 같은 자료형의 묶음 크기가 동적 코드더보기배열/* 1차원 배열 */type[] arrName = new type[count]; // 배열 선언 및 0으로 초기화type[] arrName = {value1, ...}; // 배열 선언 및 초기화arrName[index]; // 배열값 조회arrName.length; // 배열의 길이Arrays.sort(arrName); // 배열의 데이터를 정렬Arrays.toString(arrName); // 배열의 모든 데이터를 String으로 변환/* 2차원 배열 */ type[][] arrName = new type[rows][columns]; // 배열 선언 및 0으로 초기화type[][] ar..
- [PCCP] Java - 기본문법 변수와 연산자변수와 자료형- 프리미티브 타입(Primitive Type): int, long, float, double- 레퍼런스 타입(Reference Type): Integer, Long, Float, Double- 레퍼런스 타입은 참조형 변수이기에 프리미티브 타입보다 연산속도가 느림- 정수형: short, int, long- 실수형: float, double- 논리형: boolean- 문자형: char더보기변수 선언type varName = value;변수 예시더보기int iVar = 10;long lVar = 10;float fVar = 10.0f;double dVar = 10.0;System.out.println(iVar);System.out.println(lVar);System.out.prin..
- [Java] 람다표현식 람다표현식람다표현식- 람다 표현식(lambda expression): Java8부터 도입된 함수형 프로그래밍 개념. 익명 함수를 작성하기 위한 한 줄짜리 표현식- 익명 함수: 메서드와 같이 동작(기능)을 나타내지만, 메서드와 달리 클래스에 종속되지 않는 함수. 이름 없이 사용 가능- 람다 표현식은 인터페이스에 선언한 추상 메서드의 매개변수 개수에 따라 달라짐 - 람다 표현식은 컴파일러가 알아서 타입을 추론하므로 변수의 타입을 명시적으로 정하지 않아도 됨. 인터페이스에 선언한 추상 메서드의 매개 변수 개수에 따라 모양이 달라짐- 람다 표현식은 추상 메서드가 한 개만 있는 함수형 인터페이스에서만 사용 가능. 추상 메서드의 매개변수 개수와 동일하게 맞춰야함- 람다 표현식을 이용하면 인터페이스의 구현체를 짧은 ..
- [Java] 예외처리 예외처리예외처리- 예외(exception): 잘못된 코드로 인해서 발생하는 문제. 예외 발생시 프로그램 종료- 예외 처리(exception handling): 의도하지 않은 상황에서 예외가 발생하는 상황을 대비한 코드를 미리 작성해두는 것- Java에서 발생하는 예외는 java.lang.Exception 패키지에 정의됨+) 예외발생시 파일을 닫아주거나 DB 연결을 끊어주어야 함- throws 키워드는 호출하는 쪽에서 예외 처리를 해주어야 함- throw 키워드는 예외 발생 예외(exception)은 사전에 방지할 수 있는 문제이고 에러(error)는 사전에 방지할 수 없는 문제더보기예외처리try { 예외가 발생할 가능성이 있는 코드;} catch (예외명 e) { 예외가 발생했을 때 실행할 코..
- [Java] 제네릭/Enum 제네릭Generic- Java는 강타입 언어로 모든 변수와 메서드의 리턴값은 타입을 가짐- 제네릭(generic): 클래스에서 사용할 타입을 바꿀 수 있게 하는 기능. 처음부터 타입을 지정하지 않고 클래스의 인스턴스를 생성하거나 인스턴스를 구현할 때 메서드에서 사용할 매개변수의 타입과 리턴 타입을 지정- 제네릭은 하나의 값이 여러 다른 타입을 가질 수 있게 함- 타입 매개변수는 제네릭을 이용하는 클래스나 인터페이스를 인스턴스할 때 개발자가 지정하는 타입을 받는 특수한 매개변수. 타입 매개변수를 통해 전달받은 타입을 인터페이스나 클래스 메서드에서 사용. 주로 와 같은 형태로 사용- 내장 인터페이스와 클래스에서 제네릭 사용: List와 Map+) 컬렉션 인터페이스는 Java에서 묶음을 다룰 때 사용하는 인터..
반응형