filter - blur : 요소의 흐림효과 조절 - brightness : 요소의 밝기 조절 - contrast : 요소의 명도 대비 조절 - grayscale : 요소의 흑백 지정 - hue-rotate : 요소의 색상 단계를 조절 - invert : 요소의 색상 반전 단계 조절 - saturate : 요소의 채도 조절 - sepia : 요소의 갈색톤 단계 조절 /* blur - 값이 커질수록 blur 효과가 커짐 */ div img:nth-of-type(2){ filter: blur(3px); } /* brightness - 1보다 작아지면 어두워지고 커지면 밝아짐 */ div img:nth-of-type(3){ filter: brightness(0.5); } /* contrast - 100%에서 ..

▶ 조건문 : 특정 조건마다의 분기를 생성해서 코드흐름에 변화를 줌 if(조건식){ 조건식이 참이면 이곳의 구문이 실행되고 종료 조건식이 거짓이면 이곳의 구문이 무시되고 다음 조건식 동작 } else if(조건식2{ 조건식2가 참이면 이곳의 구문이 실행되고 종료 조건식2가 거짓이면 이곳의 구문이 무시되고 다음 조건식 동작 }) else{ 위의 조건들이 모두 거짓일 때 무조건 이곳의 구문을 실행하고 종료 } 현재 시간 구하는 법 new Date(); 전체시간 new Date().getFullYear(); 년도 new Date().getMonth(); 월 new Date().getDate(); 일 new Date().getHours(); 시간 new Date().getMinutes(); 분 new Date(..

자료형 (Data Type) 원시형 자료 (primitive type) - 특정 값이 바로 메모리에 저장 (값만 있음) 1. 문자열 (string) 2. 숫자 (number) 3. 불린 (boolean) true, false 4. undefined (undefined) 변수를 생성하고 값을 할당하지 않으면 해당자료형에 대신 저장됨 참조형 자료 (reference type) - 값의 위치값만 메모리에 참조 (관련 내장함수까지 같이 참조) 6. 배열 (object) 성격이 비슷한 연관된 값들을 그룹으로 묶을 때 사용 7. 객체 (object) 성격이 다른 값들을 키값에 대입해서 그룹으로 묶을 때 사용 자동형변환 - 숫자, 변수를 따옴표로 감싸게 되면 강제로 문자열로 변환 - 숫자와 문자를 연산처리 할 경우 ..

연산자 : 특정값을 도출하기 위해 연산을 처리하는 식별자 산술연산자 : 수학적인 연산을 처리 (+, -, *, /, %, ++, --, **) 대입연산자 : 특정값을 대입하기 위한 연산 (=, +=, -=, *=, /=) 비교연산자 : 두 개 이상의 값을 서로 비교하기 위한 연산 (특정 결과값을 반환, true / false) var result; result : 3 + 2; //5 result : 3 - 2; //1 result : 3 * 2; //6 result : 3 / 2; //1.5 result : 11 % 3; //2 나누고 남은 값 result : 3**2; //9 제곱 -ES6 var num1 = 3; // num1 = num + 1; //4 // num1 += 1; //4 num1 ++;..

▶ 변수 : 특정 데이터 값을 임시로 저장하는 공간 ▶ 변수를 쓰는 이유 : 1. 여러 요소에서 활용되는 특정 값을 변수로 공유(편의상의 이점) 2. 한번 저장한 데이터를 반복해서 재활용하기 위함(성능상의 이점) ▶ 변수를 만드는 방법 : var 변수명 = 대입할 값; ▶ ES5 vs ES6 :2015년도를 기점으로 ES5에서 ES6로 넘어갈 때 문법적인 변화가 많이 일어남 ECMA Script ---> javascript ECMA Script2015 --> ES6 es6방식의 변수 생성 let : 특정 변수에 저장이 값이 자주 바뀔때 const : 값이 바뀌면 안될때 현업에서는 아직 ES5를 이용해 만든 사이트들을 많이 사용하기 때문에 유지보수를 하려면 ES5도 할 줄 알아야함 ▶ 변수명 작성시 주의점..

심플하고 깔끔하게 만드는 게 최고 색조합 나쁘지않음 안배운건 넣지 않기 -> 어차피 나중에 다 배울거고 다시 만들어야함 아마추어느낌X 과한것보다 무난한것이 낫다 박스쉐도우,엠보싱,360도회전 금지 메뉴색깔이 밝다면 이미지는 어두운 이미지로 적용하기 이미지 속에도 밝고, 어두운 명도가 대비되는 색이 섞여있다면 어울리기 어려움 노력이 보이게끔 다른 디자인시안들 찾아서 추가해봤는데 정말 조화롭지 못하다..ㅎㅎ...... 어울리는 디자인 찾는 것도 일인 것 같다 ㅠㅠ