e7e

class 의미의 function 키워드, this에 대한 생각을 쪼메 기피 했다면 아무래도 피로도가있을 수 있으니, 개념의 의미보단 활용의 의미가 큰 새로 추가 된 Template String,Spread Operator(전개연산자), Destructuring Assignment(구조분해할당)에 대해서 괜시리 시간을 내어 일단 알아보고 자주 쓸 수 있도록 하장! Spread Operator(전개연산자)...(쩜3개) 전개연산자가 쓰이는 모습을 먼저 아래코드를 실행, 결과체크롱 감 자바~보장! 프론트 프레임워크(angular,react,vue)에서 요따구 패턴으로 꽤나 사용된당!진지하게 소스와 결과를 감시했다면 분명 음.. 이런식이얌! 하고 느낌이 와아쓸꺼당!배열에 값 추가와  여러개 배열을 1개의 배열..

자바스크립트 2023. 6. 14. 12:48

고비 사막을 건너야 할 때가 왔당!고비사막이 넓다 하지만 결론은 끝없는 무한대가 아니공, 그 크기가 결정되어 있으니,건너는 시간 차이와   추억의 색깔 차이만 조금 있을 뿐 누구라도 건널수 있겠당.  같이 수다라도 하면서 건널 사랑하는 친구가 있어 손 잡고 건너면 더 없이 좋지 않겠는강! 자바스크립트에서 function 키워드는 단순 함수를 만들 때도 사용되지만객체지향언어에서 사용하는 키워드 class의 의미로도 사용될 수 있당,  물론 ES6 이상 버젼에서class 키워드가 추가되어 class 키워드를 사용할 수도 있는데, 순수 자바스크립트(바닐라)에선class 키워드를 사용하면 내부적으로 다시 function으로 바뀌어 실행되기 때문에  여기선 그냥function 키워드를  사용하여 보장! (만약 t..

자바스크립트 2023. 6. 14. 12:07

웬지 쪼메 쉬어갈 포인트인 것 같당!Built-In으로 제공되는 Math와 Date 클래스, 그리고 비동기적 성격을 가지고 있는 글로벌함수setTimout/clearTimeout에 대해 부담없이(물론 본인선택) 챙겨보장 MathMath는 전역(Global) 객체로  MDN Math에서 속성과 메소드 전체 리스트를 확인할 수 있당일반적으로 프로그램 작성시에 산수적인 부분은 꽤 자주 발생하는 부분이어서 Math는 생성없이 바로 사용할 수 있는 static 메소드를 가지고 있당그중에 필수라 생각되는 아래 코드의 4가지 정도만 확인하고 넘어가장!결과를 눈으로 확인했다면 알겠지만 Math.random()은 0과 1사이의 값을 발생시킨당0도 발생할 수 있다고 문서에 되어있지만, 아직 0이 발생하는 걸 본 사람은 없..

자바스크립트 2023. 6. 13. 17:40

보통은 누네 자알 안 띠지만, 혹, 갑자기 뜬금업시 라이브러리 파일을 열어 봤다면한번쯤은 보았을 즉각 실행함수(IIFE, Immediately Invoked Function Expression)에 대해 괘니 그냥 말고 한번쯤은 생각해 보고 가장 아래 처럼 코드를 짜고, 실행해 보면 당근 실행이 안된당!당근 함수이름이 필요하다는 아래와 같은 에러가 난당!위의 코드가 에러가 안 난다면 부를 수 없는 함수를  쓸데없이 맹근다는 이야기당!Uncaught SyntaxError: Function statements require a function name요기서 잠까안  이전 글 2023.06.13 - [자바스크립트] - 시베리안 허숙희의 자바스크립트 비기닝 14에서 표현식으로 함수 선언(익명함수)을 하여 변수에 ..

자바스크립트 2023. 6. 13. 17:15

요래 조래 자바스크립트가 손에 조금 익었을 것 같당!요기서 함수의 형태에 대해서 쪼메 알아 보고 넘어가장. 재귀호출함수함수 내부에서 자신의 함수명을 부르는 걸 재귀호출함수라 부르는 데, 기본적으로자신이 자신을 부르는 형태,  강아지가 자신의 꼬리를 물기 위해서 뱅뱅도는 모습이떠오르니,(어지럽당). 무한 루핑이 된당.곧 항상 종료조건을 생각하고 사용해야 한다는 의미당! 재귀호출.html로 아래내용을 넣어 실행해 보장!실행결과 당황스럽당!,  다른 사람의 이런 상황을 본다면 웃기고 즐겁당! (인간이당!)계속 alert가 뜬당! 마우스를 탭의 x표시에 가져다 놓고, 엔터키를 침과동시에 x를 눌러서 탭을 닫아버리는 신공을 터득하는가 하면, 브라우져를 통째로 닫아버리는 신공도 사용된당~~ 휴우~~ Window에서..

자바스크립트 2023. 6. 13. 15:07

콜백(Callback)함수 까지 이해하고, 만들 수 있다면 당신은 이미 훌륭하당! (지금은 잠시 미루공,나중에 콜백을 잔뜩 맹글어 보장!) 여기서 자바스크립트 원래 변수 선언 키워드인 var와 나중에 추가된 let, const 의 차이, 그리고 이상하게 많은 사람이 모르는 "use strict" 의 의미를 알아보장. let과 const가 나중에 나와 최신이고, var는 구닥다리니 사용하지 말라는 말은 어디에도 없으니, 오해없이 이해를 바탕으로 필요에 의해 사용해야 한당! 단지 다른 언어의 변수범위와 일치하는 것은 let과 const당! 자바스크립트에서는 변수 선언시 그냥 변수 이름만 써도 동작 한당! 하지만 이것은 아주 나쁜 습관으로, 습관이 되면 전체 코드의 가독성을 현저히 어지럽혀 의지를 꺽는당, 의..

자바스크립트 2023. 6. 12. 15:41

오늘은 익숙해지면 별거 아닌데, 설명하려면 순서가 잘 안나오는 콜백(callback)함수를설명해 보고자 한당! (정말 처음만 이상하징 별거 아니당!)그냥 나중에(뒤에) 불리는 함수라고 callback이라고 부를 뿐 이름만큼 쉽당어찌 보면 패션어블한 Refactoring(리팩토링 테크닉)으로도 볼 수 있당 먼저 코드를 실행하기 전에 코드에서  structuredClone(객체) 함수가 보이는뎅, 요건2022년에 새로 포함된 글로벌하게 쓸 수 있는 함수로 객체복사를 할 때 사용한당!(caniuse.com 에서 확인해 보면 거의 모든 최신브라우져에서 사용가능 하당!) 요걸 사용 안하고 console.log(coffeeCup)이라 찍으면, 참조된 객체라 모든 로그가똑같이 나와서 순서대로 변한 ..

자바스크립트 2023. 6. 9. 22:21

주현영이 꺄~꺄륵사를 갔다고 해서 누구나 꺄~꺄륵사를 갈 수 있는 건 아니당! 만약 그랬다면 사이코패스가 와서 이전에 들어 준 모든 소원을 다 거두고 내 뒤에 오는 사람들의 소원은 들어주지 말라는 못된 소원을 할 가능성이 있당 꺄~꺄륵사는 당근 그런 사태를 원하지 않는당.(설마? 원했을깡?) 꺄~꺄륵사에 가려면 첫번째로 천개의 고개를 넘어야 하는데, 말이 천개지 보통 사람들은 3개만 넘어도 대단하다 하겠당!(다양한 버그도 참 많당!) 꺄~꺄륵사에 가는 길은 gravity도 최신 SF 기술로 보통 길에 비해 10배로 설정되어 있어, 그냥 걷는 것도 식은 땀으로 홍수가 날 지경이당! 덕분에 물안개 속에 꺄~꺄륵사 나타나는 시즌에는 Cool Wear 제조업체들의 호황시즌으로 홈쇼핑에는 1개만 있어도 되는 걸 ..

그냥 2023. 6. 9. 10:52