Happy things are always here! ꔷ̑◡ꔷ̑

우선 콜백함수에 앞서 동기식, 비동기식이 무엇인지 이해할 필요가 있습니다. 동기식이란, 먼저 시작된 하나의 작업이 끝날 때까지 기다렸다가 다 끝나면 다음 작업을 시작하는 방식입니다. 비동기식이란, 동기식과는 반대로 먼저 시작된 작업이 끝나지 않더라도 새로운 작업을 시작하는 방식입니다. 이렇게 되면 의도한 순서대로 작업이 진행되지 않아 마지막에 진행되어야 할 작업이 먼저 끝나거나 하는 문제가 생기겠죠?🧐 자바스크립트는 기본적으로 동기적으로 움직이는 언어입니다. 호이스팅 후에 제일 위에서부터 밑으로 실행합니다. (*호이스팅이란? 함수선언, var이 제일 위로 올라감) console.log(1); console.log(2); console.log(3); //1 //2 //3 이렇게 순서대로 콘솔에 1, 2, ..

자바스크립트하면 꼭 알아야 하는 개념, var let const의 차이점과 스코프에 대해 간단히 정리해보았습니다! 간단하게 말하자면, var는 전역 유효범위, 함수 안에 있다면 functional scope이고, let과 const는 block scope라고 생각하면 간단합니다. 예제를 보고 금방 이해할 수 있었습니다. // var: 전역 유효범위 // 예제[1] // if문 안에서 선언한 a 변수는 if문 밖에서도 전역으로 사용됨 if(true){ var a = 1; } console.log(a); //1 // 예제[2] // function scope이므로 함수 안에서 선언한 a 변수는 함수밖에서 전역으로 사용 불가 function test(){ var a = 1; console.log(a); //1..

form 태그 안에서 값을 전송할 수 있는 태그들은 1. 텍스트 입력(text) 2. 비밀번호 입력(password) 3. 라디오 버튼(radio) 4. 체크박스(checkbox) 5. 파일 선택(file) 6. 선택 입력(select) 7. 문장 입력(textarea) 8. 버튼 입력(button) 9. 전송 버튼(submit) 10. 필드셋(fieldset) 이러한 것들이 있습니다. 그런데 만약, 이외의 태그 - div에 있는 내용을 form으로 전송해야 한다면 어떻게 처리해야 할까요? hidden 이라는 타입을 가진 input 태그를 form 안에 넣어주고, div에 있는 내용을 그 input 태그의 value로 넣어준 다음 form을 submit하면 잘 전송이 됩니다. olly //form 으로 ..

let index = $(this).index(); 요소의 index를 구하기 위해서 보통 제이쿼리의 이 메소드를 많이 쓰실텐데요, 바닐라로 구현해야 할 상황이 있습니다. 1 2 3 4 5 이렇게 코드를 작성하면 클릭한 요소의 index를 콘솔에 출력하게 되는데요, 만약 2번 li를 클릭했다면 콘솔에는 index 번호인 1을 출력하게 됩니다!

2차원 배열을 1차원 배열로 합쳐야 할 때 물론 하드코딩으로 할 수도 있지만 만약 배열에 100개가 넘어간다고 생각해보면 아찔합니다. 그럴 때 우리를 위해 존재하는 메소드는 flat()입니다! let arr = [[1,2],[3,4,5],[6],[7,8]]; let new_arr = arr.flat(); console.log(new_arr); // [1,2,3,4,5,6,7,8]

input 태그가 하나일 때는 enter 키를 누르면 자동으로 submit이 됩니다 ! 위와 같은 경우죠. 하지만 이렇게 input 태그가 두 개 이상일 때에는 enter 키를 누르면 submit이 되지 않습니다. 이럴 때는 스크립트로 처리를 해줘야 하는데요! 아래 코드를 참조하시면 됩니다. 1. enter 키를 누르면 특정한 이벤트가 일어나도록 함수를 호출하는 법 2. enter 키를 누르면 form를 submit 시키기

getDay() 메소드를 사용해 한글로 요일을 붙여주도록 합시다 ! 우선 getDay()는 0부터 숫자를 반환하는데요, 예를 들어 오늘이 11월 22일 월요일입니다. 그럼 오늘 날짜를 넣었을 때 월요일 즉, 1를 반환하게 되겠죠? (일요일부터 0, 월 1, 화 2 .....) let date = new Date(); let year = date.getFullYear(); //2021 let month = date.getMonth()+1; //11 let day = date.getDate(); //22 let today = year + '-' + month + '-' + day; //2021-11-22 //오늘 날짜 담아주기 (YYYY-MM-DD 형식) var week = ['일', '월', '화', '수..

자바스크립트로 오늘 날짜와 현재 시간을 띄우고 시간의 흐름에 따라 자동으로 변경되도록 만들어보겠습니다. 1. 오늘 날짜 보여주기 (YYYY-MM-DD 형식으로) 2. 오전 or 오후 띄우기 3. 현재 시간 보여주기 (HH-MM 형식으로) 4. 오후 시간을 한 자리 수부터 보여주기 (13시가 아닌 01시로) 5. 시간이 지나면 자동으로 날짜, 시간 바꿔주기 이 5가지 동작이 들어가야 합니다. 아래에서 코드 확인할 수 있습니다. function showDateTime(){ let date = new Date(); let year = date.getFullYear(); let month = date.getMonth()+1; let day = date.getDate(); let hour = date.getHou..