목록자바스크립트 (4)
web sprit

import 방법은 여러가지가 있지만 크게 두가지로 나누면 Named Import, Default Import 방법이 있습니다. 먼저 import 작성을 보면 이런식으로 3가지 방식으로 가져오는걸 본적이 있으실 겁니다. import 컴포넌트0 from './component.js'; import { 컴포넌트1, 컴포넌트2 } from './component.js'; import 컴포넌트0, { 컴포넌트1, 컴포넌트2 } from './component.js'; 왜 다 같은 컴포넌트인데 어떤건 대괄호 안에 넣어서 부르고 어떤건 그냥 써서 불러오고 하는걸까요? 아래의 Named Import, Default Import 보시면 왜 이렇게 불러오시는지 이해가 되실겁니다. 그밖의 나머지 불러오는 형식도 정리해 보..

퍼센트 구하기 포함값 / 전체값 * 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}); 그러나 내 웹 사..
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..