JavaScript/study(3)
-
[자바스크립트] ES6 모듈 내보내기/가져오기(Export/Import)
학습목표 1. Named Export에 대해서 학습 2. Default Export에 대해서 학습 3. Default export-import / Named export-import 혼합 사용에 대해서 학습 4. *를 이용한 Import에 대해서 학습 5. Dynamic Import에 대해서 학습 1. Nmaed Export Named Export방식은 export하고자하는 객체들만 export 키워드를 명시적으로 붙여 내보내는 방식입니다. 내보내기(Export) math.js export const plus = (a,b)=>{return a+b}; export const minus = (a,b)=>{return a-b}; export const divide = (a,b)=>{return a/b}; 위와..
2022.02.02 -
[자바스크립트] 자바스크립트를 이용한 구구단 생성
gugudan.html gugudan.js const renderGugudan = function(){ const gugudanTable = document.querySelector("#gugudan"); const thead = document.createElement("thead"); const tbody = document.createElement("tbody"); let tr, th, td; // header tr = document.createElement("tr"); for(let i=2; i
2022.01.26 -
[자바스크립트] 비동기 처리방식을 수행하는 콜백함수, Promise, async/await
1. 동기식 처리와 비동기식 처리란 무엇인가? 1.1 동기식 처리(Synchronous) 동기식 처리란 여러개의 작업 요청이 들어올 경우 요청이 들어온 순서대로 처리하는 방식을 의미합니다. 먼저 들어온 요청 작업이 수행중인 동안 다른 작업 요청들은 대기합니다. 예를 들어 마트에서 계산대가 1대만 있다고 가정할 경우 여려명의 손님들은 순서대로 줄을 서서 계산을 기다릴 것입니다. 즉, 정리하면 동기식 처리란 먼저 시작된 하나의 작업이 끝날 때까지 다른 작업을 시작하지 않고 대기하다가 작업이 완료되면 새로운 작업을 하는 방식입니다. 1.2 비동기식 처리(Asynchronous) 비동기식 처리란 여러개의 작업 요청이 들어올 경우 한 개의 요청이 수행되는 동안 다른 작업 요청들은 대기하지 않고 병렬적으로 각각의 ..
2021.11.15