e7e

도톰한 손에 아직 자스(자바스크립트)가 낯설지 모르겠지만, 눈은 이미 많은 걸 보았고,뇌는 꽤 다름을 인지, 자스에 대한 당근 큰 그림을 그리기 시작!, 어쩌면 꿈을 꿀지게 꿀지도 모른당!곧 어느 정도 전체모습(개념)이  프레임화 되었을 것이당. 기어를 올리고, 가속 페달을 밟기 시작할 시점이당.(두려움은 기대와  스릴의 다른 표현!)먼저 아래 코드와 실행 결과를 통해 코드를 이해하장(모두 보았던 내용이당!)자암깐 여기서 생각해 보아야 할 문제가 있당!(개념적으로 중요)MyArray의 인스탄스인 arrObj1과 arrObj2가 모두 각자의 push메소드를 가진당!(console.log확인)length라는 속성은 push메소드에 의해 갯수가 변한 상태를 저장한당!하지만 push메소드 자체는 그저 실행되는 ..

자바스크립트 2023. 6. 16. 10:30

자스(자바스크립트)뿐만 아니라, 다른 객체지향언어도 레벨업 하려면 this 키워드가 지금 무얼 참조하고 있는지?가 누네 보이고 안 보이고는 큰 차이라 하겠당! this를 diss 해봐야 남는 게 없다는 단정은 성급하당. 단지 개발자라면 불편함을 느꼈다면 개선의 의지를 히미할지라도 히밌게 겹겹이 쌓아 선명하게 하장. 먼저 아래 코드 실행해 보고 결과를 확인하장! 전역(Global)상태의 this는 window객체를 가리킨당. (당연하다 브라우져[정확하겐 탭]를 가리키는 window는 최상위객체당) 전역함수 속에서도 this는 window를 가리킨당.(당연하당 전역함수는 window객체의 메소드당) 위 코드에서 이미 느꼈겠지만, 전역변수는 window객체의 속성이 된당.(let은 저장영역이 다르당) 함수지향..

자바스크립트 2023. 6. 15. 16:38

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