e7e

function 키워드를 class의 의미로 사용하여 직접 배열 클래스를  속성 length,그리고, 콜백을 사용하는 메소드들도 추가하여 요래 조래 맹글어 보았당.아직 느낌이 조금 충분하지 않을 수도 있을 것이다. Java의 ArrayList를 자바스크립트로 맹근다면 대략 아래와 같을 것이당Java API문서와 완전히 동일하게 맹글지는 않았당(왱?, 갖고 놀길 바란당!)머징!, 낯설지 않당, 배열 만들 때와 거의 같은 패턴이당!(음.... 요따구로 하는구망!) 실행을 통해 결과를 확인하면, remove의 결과가 맘에 안든당. index번호가 중간에 구멍이 나 버린당.(원치 않는 내용이당. 빈틈없는 순서를 원한당!)remove 메소드는 아래처럼 고치면 좋을 거시당(코드가 맘에 안들면 맘껏 본인 스타일로)/..

자바스크립트 2023. 6. 19. 16:14

지난 글2023.06.16 - [자바스크립트] - 시베리안 허숙희의 자바스크립트 비기닝 21마지막에 남긴 대로 배열의 sort(콜백) 메소드를  한번 직접 구현해 보장!(구현 자체는 구현하는 사람의 생각 수 만큼이나 많을 것이고  로직 흐름도  다를 수 있을 거시당)아래 코드는  shy와 귀차니즘을 이겨 낸 나의 코드당. (분명 이해엔 도우미 되리랑 but Not 모든 경우!)(뽀인또라 주석달린 부분에 주목하면서, 테스트 결과에 집중하면  분명 이해가 될 거시당) 혹여 이해가 조금 더디다면, ? 삼항연산자 부분을 if문으로 고치든가,  추가적인 console.log를 필요한 부분에 추가하는 등, 값 추적에 시간 투자를 한다면,누니 따라오고, 누니 움직이면 머리도 움직인당! 사실 요기까지는 두 세번의 연습..

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

배열의 sort는 이해한 만큼 쓸 수 있어 그 만큼 중요하당.  내림차순 올림차순 생강(쓰당)난당!sort는 정렬이고, 정렬되어 있는 것은 보기 좋으니, 찾기 쉽고, 쓰기 쉽당!~~생강은 쓰나 몸에는 좋당. 그럼 몸에 좋은 건 다 쓴강?, 고통이 과하면 엔돌핀 방출? sort(정렬)을 이해하기 위해서, 배열 속의 값중 최대값을 구하는 걸 먼저 한번 보장아래 코드 처럼 작성할 수 있을 거당.(if문 안의 부등호 > 을 괘니 그냥 for문 대신 forEach 메소드 한번 써 보았당!ㅡ                                    쉽당! 변수에 들어있는 값보다 큰게 있으면 무조건 그 값으로 변수를 더퍼쓴당.sort(정렬)을 위해선, 값을 더퍼쓰면 안되고, 서로 자리를 바꿔야 하는 게 뽀인토당..

자바스크립트 2023. 6. 16. 18:13

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