fullstack-study

# clip-path, outline, calc, object-fit, mask, svg 속성설명참고clip-path요소의 클리핑 범위를 지정mdn Clip-Path Generator참고outline mdncalcCSS 속성의 값으로 계산식을 지정mdnobject-fit나 요소와 같은 대체 요소의 콘텐츠 크기를 조절mdnobject-position 대체 요소의 객체가 덮지 않은 부분은 요소의 배경이 보이게 됩니다mdnmask 이미지를 마스킹하거나 클리핑하여 요소를 숨김mdnsvg벡터 기반 그래픽mdn@impoertcss 처리mdn스타일 바로가기 1. clip-path 형식clip: clip-source|basic-shape|margin-box|border-box|padding-box|content-b..

table ,form 요소 1. table : 표를 생성하는 최상위 태그입니다.: 표의 제목을 정의합니다. 이 태그는 태그 내부에서 가장 먼저 나와야 합니다.: 표의 헤더 섹션을 정의합니다. 태그와 함께 사용됩니다.: 표의 본문 섹션을 정의합니다. 여러 개의 태그를 포함할 수 있습니다.: 표의 바닥글 섹션을 정의합니다. 요약 정보 등을 나타낼 때 사용됩니다.: 표의 행을 정의합니다. , , 내부에서 사용됩니다.: 표의 헤더 셀을 정의합니다. 태그 내부에서 사용되며, 기본적으로 굵은 글씨체와 가운데 정렬이 됩니다.: 표의 데이터 셀을 정의합니다. 태그 내부에서 사용됩니다. 표(table 요소, tr요소, th요소, td요소)표를 작성할 때는 블록 레벨 요소인 table요소를 사용요소이름설명표(..

포토샵 기초 1 새로운 캔버스 시작 : p20  Name : 새 창의 이름 지정Width : 작업창 너비와 너비 단위 선택Height : 작업창 높이와 높이 단위 선택Resolution : 이미지 해상도 지정Color Mode : 색상 모드 지정Background : Contents 바탕화면 색상 선택 이미지 확장자  : p25psd, gif , jpg , png 1. 인터페이스 색상변경[Edit]-[Preferences]-[Interface] 메뉴 선택 -> [Preferences]-[Appearance]에서 인터페이스 색상 변경  [Edit]-[Preferences]-[Workspace] -[open Documents as Tabs] [Edit]-[Preferences]-[Units & Rulers]..

Array ( 배열 ) , 메서드   배열이란 같은 형의 데이터를 여러 개 사용할 때 많은 변수를 사용하기보다는 배열을 사용하는 것이 효율적같은 형의 데이터를 하나의 자료구조에 저장할 수 있게 만든 것지정된 자료형과 개수만큼 메모리 공간을 나란히 확보개수의 변경이 불가능함 동일한 데이터 타입의 여러 값을 저장하는 데 사용되는 데이터 구조입니다. 배열은 인덱스(위치)를 사용하여 각 요소에 접근할 수 있습니다. 배열은 일반적으로 고정된 크기를 가지며, 한 번 생성되면 크기를 변경할 수 없습니다. 다른 프로그래밍 언어와 마찬가지로, Java에서도 배열은 참조 형식입니다.배열 변수는 실제로 배열이 저장된 메모리의 주소를 가리키는 참조를 갖습니다. 배열을 생성할 때는 배열의 데이터 타입과 크기를 지정합니다. 예를..

제어문  1. 조건문 : 조건에 따라 처리하는 명령을 달리하는 문장 2. 반복문 : 일정한 조건이 충족될 때까지 동일한 명령을 반복적으로 처리하는 문장3. 분기문 : 강제로 명령의 처리 순서를 바꾸는 문장 조건문if 문 if ~ else 문 if ~ else if ~ else 문 switch 문  반복문 for 문 while 문do ~ while 문  분기문 break continue  조건문1. if 문 형식if( 조건식 ) { 조건식이 참이면 실행되는 코드 }  예) Ex01public class Ex01 { public static void main(String[] args) { int num = 10; if (num > 15) { System.out.pr..

피그마 유용한 플러그인 # 플러그인 설명 플러그인은 피그마의 디자인 생산성을 높여주는 대표적은 부가 기능입니다. 아이콘, 브래드 로고, 컬러, 더미 텍스트, 이미지제공, 누끼 이미지(배경이미지 삭제), 엑셀 작업 등 다양한 플러그인이 있으며 디자인 작업 시 플러그인을 활용하면 작업시간을 많이 단축할 수 있어 일의 능률을 높여줍니다. 플러그인은 프로그램을 별도로 설치하지 않아도 웹에서 바로 사용가능하며 반복 작업이 많은 경우는 사용자 인터페이스에 저장하는 것을 추천합니다. # 플러그인 상단 도구 메뉴에서 Resources 메뉴를 선택합니다.탭 메뉴 중 중간에 있는 Plugins 탭을 선택합니다.Search all plugins의 검색창에 원하는 플러그인 명을 입력하고 검색을 합니다. 1. 이미..

오토 레이아웃 알아보기 오토레이아웃 정의오토 레이아웃은 각각의 요소를 프레임으로 묶어 요소 간의 일정한 간격을 자동으로 변경하는 피그마 기능입니다.오토 레이아웃을 설정하는 방법은 하나 또는 하나 이상의 요소를 선택한 후 마우스 오른쪽 버튼 클릭 [ Add auto layout ] 선택하거나 디자인 탭의 [ Auto layout ]에서 +를 클릭하면 됩니다. 오토 레이아웃은 프레임을 기반으로 작동하기 때문에 프레임이 아닌 일반 요소에 오토 레이아웃을 추가하면 자동으로 프레임이 생성됩니다. 오토 레이아웃은 각각의 요소를 프레임으로 묶어 요소 간의 간격을 자동 혹은 직접 수치 입력하여 변경합니다. 오토 레이아웃의 적용된 요소를 컴포넌트화 하면 디자인 작업물의 간격을 수정하거나 관리할 때 마스터 컴포넌트의 오토..

자바 프로그램 실행, 변수와 연산자  # 자바란? Java는 Sun Microsystems(현재는 Oracle Corporation의 일부)에서 개발한 객체 지향 프로그래밍 언어입니다. James Gosling이 이를 개발했으며, 처음에는 Oak라는 이름으로 시작되었습니다. Java는 강력한 이식성을 제공하는 특징을 가지고 있으며, 이는 한 번 작성된 Java 코드가 여러 플랫폼에서 실행될 수 있음을 의미합니다. 이는 Java가 자바 가상 머신(Java Virtual Machine, JVM) 위에서 동작하므로 가능합니다. 이 가상 머신은 각 플랫폼에 맞게 구현되어 있어 Java 프로그램이 다양한 운영 체제에서 실행될 수 있습니다. Java는 다양한 분야에서 사용되고 있습니다. 주로 웹 애플리케이션, 모바..

인텔리제이 프로그램 설치 및 설정 인텔리제이 설치 시 자바를 별도로 설치하지 않아도 됩니다.인텔리제이 안에서 자바 설치도 함께 진행합니다. 다운로드 https://www.jetbrains.com/ko-kr/idea/download 최고의 Java 및 Kotlin IDE인 IntelliJ IDEA를 다운로드하세요 www.jetbrains.com  https://www.jetbrains.com/ko-kr/idea/download/?section=windows 최고의 Java 및 Kotlin IDE인 IntelliJ IDEA를 다운로드하세요 www.jetbrains.com   무료 버전  IntelliJ IDEA Community Edition ( 무료 버전 )    다운로드 .exe 선택   1) 다운로드 ..

스타일 등록 및 편집 목차스타일 등록하기스타일 적용하기스타일 편집하기스타일 연결해제 스타일 등록 및 편집하기 스타일 등록이란? 스타일은 프로젝트에서 자주 사용하는 색상, 폰트, 효과, 그리드, 선 등을 등록해서 디자인 작업에 빠르게 적용하는 기능입니다. 색상이나 서체등을 스타일로 등록해 추후 수정 사항에 생겼을 때 등록된 스타일만 수정해서 스타일에 연결된 요소들이 한꺼번에 수정됩니다. - 컬러 스타일에 등록할 컬러 팔레트를 프레임에 준비합니다 1. 등록할 색상을 선택하고 아래 1번을 클릭합니다.2. 컬러스타일 팝업창이 화면에 나타나면 아래 이미지의 2번을 클릭합니다.3. 스타일 이름을 작성합니다. 아래 이미지 3번 4. create style 버튼을 클릭합니다. - 스타일을 만들려면 오브젝트..