개발나라 스용공주

이번 글은 콜백함수에 대한 글이다.  [ 콜백함수 ]콜백함수는 자신이 아닌 함수에 인수로써 전달된 함수다.콜백함수는 중복되는 코드를 발생시키지 않으면서 일부 코드만 수정하여 비슷한 여러 코드를 생성 가능하게 한다. 아래 코드를 보면 sub()는 지금 당장 실행되는 것이 아닌 main()에 인수로 전달이 되어 main이 실행하도록 하므로 sub()가 콜백함수에 해당하게 된다.콜백함수는 메인 함수가 원하는 타이밍에 실행할 수 있다.function main(value) { value();}function sub() { console.log("sub");}main(sub);     [ 콜백 함수 예제 ]아래 코드를 보면 콜백함수 기능을 이용한 부분을 확인할 수 있다.같은 repeat()을 호출하지만 안에 내부 ..

이번 글은 함수 표현식에 대해 알아볼 것이다.  [ 함수표현식 ]아래 코드는 변수 varA 안에 함수 funcA()가 있는 구조다.이때 함수 funcA()는 함수 선언식이 아니라 변수의 값으로서 함수가 생성된 것이다.let varA = function funcA() { console.log("funcA");}  따라서 아래 코드와 같이 변수명을 이용하여 호출 시 아래 결과값 이미지와 같이 변수에 담긴 함수의 기능인 콘솔창에 "funcA"를 출력하는 것을 확인할 수 있다.varA();  하지만 아래 코드와 같이 변수의 값으로 담긴 함수를 일반적인 방법으로 선언된 함수를 호출하듯 함수명 자체로 호출하게 되면 오류가 발생하는 것을 확인 할 수 있다.funcA();  따라서 자바스크립트에서는 함수도 문자나..

이번 글은 함수를 작성할 때 작성을 간소화하는 방법인 화살표 함수에 대한 글이다.  [ 화살표 함수 ]화살표 함수란, 함수의 형태를 간략하게 하여 이전보다 더 빠르고 간결하게 생성되도록 도와주는 것이다. 아래 코드의 결과는 아래 이미지와 같다.let varB = function () { return 1;};console.log(varB());  위의 코드를 화살표 함수로 만들어주면 아래 코드와 같다.function 생략 후 () 뒤에 =>를 해줌반환값이 있을 경우 {}를 생략하고 반환값만 작성함let varB = () => 1;console.log(varB());  함수의 매개변수가 있을 경우 형태는 아래 코드와 같다.let varB = (plus) => plus + 1;console.log(var..

이번 글은 삼항 연산자에 대한 설명글이다.  [ 삼항 연산자 ]삼항 연산자는 항을 3개 사용하는 연산자이다.조건식을 이용해 참과 거짓에 따라 값이 다르게 반환되는 구조이다. 아래 코드는 변수 res에 var8의 값이 짝수이면 "짝수"를, 홀수이면 "홀수"를 반환한다.let var8 = 10;let res = var8 % 2 === 0 ? "짝수" : "홀수"; 위의 코드는 아래 이미지와 같이 ?를 기준 앞에 위치한 1번 위치에 해당하는 것이 조건식이고 해당 조건식이 true면 :을 기준으로 앞에 있는 2번 위치의 값을 반환하고 false면 3번 위치의 값을 반환한다.

이번 글은 null과 undefined의 설명과 둘의 차이점과 null 병합 연산자에 대해 알아볼 것이다.  [ NULL ]null type은 아무 것도 없는 것으로 명시적으로 값을 넣어줄 때 사용된다.let empty = null;   [ Undefined ]undefined type은 변수 선언 후 아무 값도 할당하지 않았을 때 자동으로 부여되는 것이다.let none;   [ NULL과 Undefined의 차이점 ]이 둘의 차이 점은 null은 비어있는 값 자체를 값으로서 넣어준 것이고 undefined의 경우 변수의 선언만 하고 아무런 값을 넣어주지 않았을 때 정의되지 않은 곳에 자동으로 undefined이 적용된 것이다.  [ NULL 병합 연산자 ]null 병합 연산자는 존재하는 값을 추려내는..

이번 글은 비주얼스튜디오 코드를 사용하여 코딩할 때 유용한 플러그인을 소개하는 글이다.  [ Error Lens ]오류가 나타날 경우 밑줄로만 표시해주지 않고 해당 오류를 빨간색으로 표시하여 더 눈에 잘 보이도록 해주고 오류가 왜 났는지 오류의 원인을 바로 알려주는 플러그인이다.  아래 사진과 같이 오류 발생 시 오류의 원인을 바로 알려주는 것을 확인할 수 있다.

이번 글은 jQuery의 종류와 이론에 대한 설명글이다. [ 메서드 기능 ]메서드 종류메서드 기능이펙트 (effect)요소를 보거나 감추거나 등클래스 제어클래스를 넣거나 지우거나 등요소 탐색선택한 요소의 부모, 자식(자손) 등을 찾기  [ 메서드 종류 ]slideDown(), slideUp(), stop(), show(), hide(), fadeIn(), fadeOut(), addClass(), removeClass(), children(), siblings() 등 ..  [ 메서드 - 이펙트 ]이펙트 종류메서드 명설명보이기-감추기 효과show()요소를 나타내서 보여주는 효과hide()요소를 사라지게해서 없애주는 효과toggle()show() + hide() 의 반복페이드(fade) 효과* 괄호 안에는 ..

이번 글은 jQuery의 기본 구조에 대한 설명글이다. [ jQuery의 기본 구조 ] 1) js 파일 삽입 위치jQuery를 사용하기 위해서는 js파일을 html본문에 넣어줘야한다.아래 코드와 같이 의 맨 아래 넣어주면 된다. 가 끝나기 전 위에 넣어주고   2) 기본 형태기본 형태는 아래 이미지와 같다.항상 시작은 $로 하며 선택자의 경우 css, 태그, 아이디, 클래스, this 등이 위치할 수 있다.함수는 해당 선택자를 누를지 마우스를 올릴지 등에 대한 것으로 마우스의 대표적인 이벤트로는 click이 있다.function() 이하의 부분에는 위에서 설명한 함수 부분과 동일한 신호가 들어왔을 때 실행되어야할 실행 구문이 오게 된다.  실행구문은 $('선택요소').메서드();의 형..