이레

콜백 함수란? 함수 내부의 처리 결과값을 함수 외부로 내보낼 때 사용합니다. 처음 공부할 때 굉장히 헷갈렸던 부분이어서 차근차근 정리하겠습니다. ⭐️ 동기 , 비동기 동기 : 말 그대로 '동시에' 일어난다는 뜻입니다. 이벤트가 동시에 일어나야 하기 때문에, 요청을 한다면 시간이 얼마나 걸리든 결과가 같이 나와야 합니다. ex) alert() 함수 / alert 함수는 메시지 창의 확인 버튼을 눌러야 다음 이벤트가 진행됩니다. 비동기 : 동시에 일어나지 '않는다' 이벤트가 동시에 일어나지 않기 때문에, 1번 요청을 하고 1번 결과가 나오기 전에 2,3,4.. 요청들을 처리합니다. ex) setInterval() , ajax() 콜백 함수가 주로 비동기 함수의 결과값을 처리하기 위한 도구로 많이 사용됩니다...

퍼블 작업을 하다 보면 화살표 아이콘을 자주 사용하게 되는데, 이미지를 사용할때도 있지만 태그를 사용해 만들기도 합니다. border 위와 옆면만 있는 박스를 만든 후 rotate를 시키면 됩니다. * codepen 참조 See the Pen after로 화살표 만들기 by jh-baek-95 (@jh-baek-95) on CodePen.

중첩 함수란? 함수 내부에 함수가 들어가는 형태를 말합니다. function outer(){ function inner(){ } inner(); } outer(); 1, 내부 전용 함수일 때 사용 function countSec(){ var count = 0; setInterval(function(){ count++ $('.text').html(count + "초 입니다."); }, 1000) } countsec(); 1초에 한번씩 해당 텍스트를 출력해줍니다. countSec() 함수 내부에 serInterval() 함수가 중첩되어있습니다. 2, 중복 코드 또는 코드 그룹화할 때 사용 함수 내부의 기능이나 중복 코드를 내부 함수로 만들어 재사용할 때 중첩 함수를 사용합니다.

제가 쓰는 코드 편집기는 비주얼 스튜디오여서, vscode에 git 연결하는 방법을 정리합니다. vscode는 설치되어있다는 전제 하에 작성하겠습니다. :) 1, 깃허브에 회원가입을 합니다. https://github.com/ GitHub: Where the world builds software GitHub is where over 73 million developers shape the future of software, together. Contribute to the open source community, manage your Git repositories, review code like a pro, track bugs and feat... github.com 2, 깃허브 레파지토리 생성합니다...

반복문이란? 특정 구문을 여러 번 반복해서 실행할 때 사용하는 제어문입니다. ⭐️ 반복문 종류 1, for문 2, while 문 ⭐️ for문 반복 횟수가 정해진 경우 주로 사용합니다. //단일 for문 for(초기값; 조건식; 증감){ 실행구문; } //다중 for문 for(초기값; 조건식; 증감){ 실행구문; for(초기값; 조건식; 증감){ 실행구문; } } for문의 제일 중요한 부분은 반복 횟수입니다. 조건식에 들어가는 값이 반복 횟수입니다. 스크립트 예제로 많이 나오는 '별찍기' 도 for문으로 만듭니다!

switch 란? if와 같은 조건문 중의 하나입니다. 여러 개의 조건을 처리해야 하는 다중 if~else문 대신 사용합니다. ⭐️ 예시 val luckNumber = window.prompt("행운의 번호를 고르세요!"); switch(luckNumber){ case "3" : document.write("행운의 번호 3번!"); break; case "4" : document.write("행운의 번호 4번!"); break; case "5" : document.write("행운의 번호 5번!"); break; default : document.write("꽝!"); } case 의 실행 구문이 한번 실행되면 break를 만나기 전까지는 멈추지 않는 것을 조심해야 합니다. ⭐️ if문 switch문의 ..

조건문이란? 특정 조건에 맞는 경우에만, 특정 구문을 실행하고자 할 때 사용하는 제어문입니다. 조건문의 종류 1, if문 2, switch 문 (추후에 다시 정리할 예정) ⭐️ if문 if(조건){ //조건이 참일 경우 실행할 스크립트 } if(조건){ //조건이 참일 경우 실행 }else{ //조건이 거짓일 경우 실행 } if(조건1){ //조건1이 참일 경우 실행 }else if(조건2){ //조건1이 거짓, 조건2가 참일 경우 실행 }else if(조건3){ //조건1이 거짓, 조건2도 거짓, 조건3이 참일 경우 실행 } ⭐️ 조건문과 함께 많이 사용되는 "논리 연산자와 비교 연산자" 비교 연산자 논리 연산자 - &&(and) / ||(or) //비교연산자 a>b //a가 b보다 큰 경우 참 a=b..

제이쿼리 란? 빠르고 작고 기능이 풍부한 자바스크립트 라이브러리입니다. 다양한 웹 브라우저에서 동일한 방법으로 사용할 수 있는 라이브러리로 크로스 브라우징 라이브러입니다. ⭐️ 작성법 cdn을 먼저 연결한 후 ready()라는 제이쿼리 기능을 작성합니다. ⭐️ 핵심기능 on() 메서드와, 단축 이벤트 메서드를 사용하면 이벤트를 쉽게 사용할 수 있습니다. 스타일 설정도 가능합니다.

형변환 이란? 말 그대로 형을 변환 한다는 뜻입니다. 코딩을 하다보면 숫자를 문자로, 문자를 숫자로 변환해야 하는 경우가 생깁니다. 정수형과 실수형 변환방법 ⭐️ 정수형 parseInt() var value = "123.456"; parseInt(value); //결과 : 123 Number() var value = "123" Number(value); //결과 : 123 ⭐️ 실수형 parseFloat() var value = "123.456"; parseFloat(value); //결과 123.456 Number() var value = "123.456"; Number(value); //결과 123.456 숫자를 문자로 형변환 ⭐️ 일반문자형 String() var value=20; String(va..

메인 배너 등에서 자주 사용되는 좌우 스와이프 플러그인입니다. 제일 먼저 할 일은 스와이퍼 슬라이드 홈페이지에서 css, js파일을 다운로드하는 것입니다. 1. 사이트 접속해서 다운로드하기 https://swiperjs.com/ Swiper - The Most Modern Mobile Touch Slider Swiper is the most modern free mobile touch slider with hardware accelerated transitions and amazing native behavior. swiperjs.com 다운로드 페이지를 보면 alpha 파일이 있는데 alpha파일이 아닌 걸로 다운로드하면 됩니다. 2. 코드 작업란에 파일, 또는 링크 불러오면 됩니다. 3. html 구..