목록스크립트/JavaScript (6)
web sprit
퍼센트 구하기 포함값 / 전체값 * 100 ex) 어떠한 전체의 가로길이가 300 이고 그 안에 포함되는 값이 50일 경우 이것에 대한 50은 300 안에서 몇 퍼센트 일까요? 50 / 300 * 100 = 16.6666666....... % 값 구하기 포함 퍼센트 / 100%(전체 퍼센트) * 전체값 ex) 전체값은 300 이고 포함된 퍼센트는 20%라고 할때 20%의 값은 얼마일까요? 20 / 100 * 300 = 60 참고 javascript - 스크롤을 기반으로 이미지를 페이딩하는 수식이 필요합니다 현재 다음 공식을 사용하고 있습니다 : var scrollTop = $(this).scrollTop(); $('.item').css({opacity: 100 / scrollTop}); 그러나 내 웹 사..
스크립트로 pc와 mobile를 구분하여 어떤 환경이냐에 따라 다르게 적용하기위해 검색 중 Navigator을 사용하여 접속환경을 구분할 수 있었다. 다음과 같은 조건문을 적용하여 환경을 구분한다.1234567891011121314151617function device_check() { // 디바이스 종류 설정 var pc_device = "win16|win32|win64|mac|macintel"; // 접속한 디바이스 환경 var this_device = navigator.platform; if ( this_device ) { if ( pc_device.indexOf(navigator.platform.toLowerCase())
함수안의 함수를 호출하기 위해선몇가지의 방법이 있습니다. 1. 내부함수를 Object로 반환.12345678910111213141516171819202122232425262728function outF(){ console.log('상단 콘솔'); function inF() { console.log('in Function'); } function inF2() { console.log('in2 Function'); } console.log('하단 콘솔'); return { inF_Obj : inF, // inF 함수를 inF 객채에 담는다. in2_Obj : inF2 }} var moduleOut = outF();moduleOut.inF_Obj();moduleOut.in2_Obj(); /*//////////..
간단한 예를 들어character 라는 변수안에 라는 문자를 넣고 싶다면저 쌍따옴표는 어떻게 표현할 수 있을까요? javascript 문법에서는 이렇게 표현합니다. 1var character = "난 \"미키 마우스\" 입니다."cs 위처럼 홀따옴표나 쌍따옴표를 표현하려면 백슬래시(\) 다음에 사용하고자하는 따옴표를 넣으어console 창에 찍어보면 그대로 원하는 문자열로 출력되는 것을 확인할 수 있습니다. 반대로 홀따옴표로 표현하고 싶다면 아래와 같습니다.1var character = "난 \'미키 마우스\' 입니다."cs
1. 함수 정의1-1. basic 함수1234567 function funname() { // 내용 작성}; funname(); cs해석 : function 다음 함수이름(funname)이 나오며 소괄호 안에는 인자값이 들어갈 수 있다.인자는 함수를 호출할 때 함수 로직에 전달될 변수 이다. 인자는 생략할 수 있다.중괄호 안에는 함수를 호출 했을때 실행되어 지는 내용을 작성하면 된다. 1-2. 변수대입 함수1234567 var funname = function() { // 내용 작성}; funname(); cs해석 : 변수 funname 이라는 이름을 정해주고 그 안에 익명함수(이름이 정해지지 않은 함수)를 대입한다.마지막은 변수명으로 함수를 호출하고 있다. 1-3. 즉시실행 익명함수12345 (func..
자바스크립트의 연산자는 다음과 같은 형태의 연산자가 있습니다.대입 연산자비교 연산자산술 연산자비트단위 연산자논리 연산자문자열 연산자조건(삼항) 연산자콤마 연산자단항 연산자관계 연산자나는 천재가 아니다. 우선 많이 보았고 많이 사용한 연산자의 관하여 설명을 하고 추후 전체적이 설명을 업로드 할 예정입니다. ^^ 대입 연산자 이름 복합 대입 연산자 뜻 대입 연산 x = y x = y 덧셈 대입 x += y x = x + y 뺄셈 대입 x -= y x = x - y 곱셈 대입 x *= y x = x * y 나눗셈 대입 x /= y x = x / y 나머지 연산 대입 x %= y x = x % y 비교 연산자 연산자 설명 예제 ( true 반환 ) == (같은) 피연산자들의 값이 같으면 true 3 == var..