이레

자바스크립트의 삼항 연산자에 대해 알아보겠습니다. if 문을 간략하게 표현할 때 사용합니다. 참, 거짓 중 하나를 선택할 수 있는 조건문으로 '조건 연산자'라고도 합니다. ✨ 삼항 연산자 표현법 (조건) ? value1 : value2 조건이 참인 경우 첫번째 value1이 실행되고 거짓인경우 마지막 value2가 실행됩니다. ✨ 삼항 연산자 예시 //if문 사용 if(a > b){ c = "hi"; }else{ c = "bye"; } //삼항연산자 사용 (a > b) ? c = "hi" : c = "bye";

Swiper Slider 와 같이 자주 사용되는 Slick slider 사용법입니다. 반응형 웹을 지원하는 슬라이더 라이브러리 입니다 :) 제일 먼저 할 일은 슬릭 슬라이드 홈페이지에서 css, js 파일을 다운로드 하는것입니다. 1. 사이트 접속 후 필요한 파일 다운로드하기 http://kenwheeler.github.io/slick/ slick - the last carousel you'll ever need slick is a responsive carousel jQuery plugin that supports multiple breakpoints, CSS3 transitions, touch events/swiping & much more! kenwheeler.github.io 2. 코드 작업란에 ..

scrollLeft를 이용해 특정 위치로 이동시키는 이벤트를 주는 경우가 있습니다. 그럴 때 간혹 딱딱 끊기는 느낌이 들 때가 있는데 그걸 방지하고 부드러운 이동 효과를 원한다면, scrollLeft를 사용하는 영역에 ( 임시로 scrollBox라고 정함) .scrollBox {scroll-behavior: smooth;} 해당 css를 추가해주세요.

자바스크립트에서 연산자는 계산을 돕는 기호를 의미합니다. ✨ 산술 연산자 (Arithmetic Operators) 수식을 계산하도록 도와주는 연산자입니다. 사칙연산과 나머지, 증가, 감소 연산이 있습니다. 연산자 이름 사용법 + 덧셈 a + b - 뺄셈 a - b * 곱셈 a * b / 나누기 (몫) a / b % 나누기 (나머지) a % b ++ 증가 ( +1) a++ -- 감소 ( -1) a-- ✨ 대입 연산자 연산자 이름 사용법 a = b 할당 a = b a += b 더하고 할당 a= a + b a -= b 빼고 할당 a = a - b a *= b 곱하고 할당 a = a * b a /= b 나누고 할당 a = a / b a %= b 나눈 나머지 할당 a= a % b ✨ 비교 연산자 (Comparis..

자바를 실행했을 때 Error occurred during initialization of boot layer라는 오류가 뜬 경우 아래와 같은 오류 내용을 확인 할 수 있습니다. 이러한 경우 modul-info.java 라는 파일 때문인데, 이 파일을 삭제해 주시면 됩니다. 프로젝트를 생성할 때 modul-info.java 파일을 생성하도록 체크되어 있어서 그렇습니다. 자바 모듈 시스템 때문에 발생한 오류입니다.

배열(Array)은 연관된 데이터를 모아서 관리하기 위해 사용합니다. 변수가 하나의 데이터를 저장하기 위한 것이라면, 배열은 여러 개의 데이터를 저장하기 위한 것입니다. ✨ 배열 생성하기 public static void main(String[] args) { String[] testGroup = {"test1", "test2", "test3", "test4"}; } ✨ 값 가져오기 컴퓨터는 숫자를 카운팅 할 때 0부터 하는 특성이 있습니다. 아래의 배열에서 3번째 원소의 값을 가져오려면, public static void main(String[] args) { String[] testGroup = {"test1", "test2", "test3", "test4"}; } System.out.println(..

$('[id$=Form]'); //Form 으로 끝나는 id 찾기 $('[id^=Form]'); //Form 으로 시작하는 id 찾기

✨ 형 변환이란? 모든 변수와 리터럴에는 타입이 있습니다. 작업을 할 때 같은 타입뿐 아니라 서로 다른 타입 간의 연산을 해야 할 경우가 있는데, 이럴 땐 연산 전에 타입을 맞춰줘야 합니다. 변수나 리터럴 타입을 다른 타입으로 바꿔주는 것을 형 변환이라고 합니다. ✨ 형 변환 방법 변환하고자 하는 변수나 리터럴의 앞에 변환 타입을 괄호와 함께 붙여줍니다. double sample = 95.1; int code = (int)sample; //double 타입의 변수 sample을 int 타입으로 변환 * double, float => int로 형 변환 시 소수점 이하 값은 버림으로 처리됩니다. 기본형에서 boolean을 제외한 나머지들은 서로 형 변환이 가능합니다. 기본형과 참 조형 간의 변환은 불가능합니..

✨ 변수 (variable) 값을 저장할 수 있는 메모리상의 공간을 의미합니다. 하나의 변수에 하나의 값만 저장할 수 있기 때문에 새로운 값을 지정하려면 기존의 값은 삭제해야 합니다. ✨ 변수의 선언과 초기화 변수를 사용하기 전에 처음으로 값을 지정하는 것을 초기화라고 합니다. int month; //int형 변수 month 선언 int month2 = 6; //int형 변수 month2를 선언하고 6으로 초기화 ✨ 두 변수의 값 교환하기 두 변수 x, y의 값을 서로 바꾸려면 어떻게 해야 할까요? int x = 10; int y = 30; 변수를 하나 더 선언해서 임시 저장소로 이용합니다. 1, 변수 x의 값을 변수 z에 저장 2, 변수 y의 값을 변수 x에 저장 3, 변수 z의 값을 변수 y에 저장 ..

웹사이트의 레이아웃을 제작할 때 화면의 해상도를 고려해서 제작을 해야 합니다. 요즘은 스마트기기 사용이 많아져 해상도에 따라 배치를 변경하며 가독성을 높이게 됩니다. 이러한 작업을 반응형 작업이라고 합니다. 반응형 작업을 하기 전에 head 태그 안에 meta 태그를 추가해줍니다. css에는 @media 쿼리를 이용합니다. ✨ 모바일 우선일 때 작은 폭을 먼저 작성합니다. @media ( min-width: 768px ) { 768 이상일때 스타일 } @media ( min-width: 1024px ) { 1024 이상일때 스타일 } ✨ 데스크톱 우선일 때 큰 폭부터 먼저 작성합니다. @media ( max-width: 1024px ) { 1024 이하일때 스타일 } @media ( max-width: ..