e7e

리팩토링(Refactoring)에 대해 간략히 느낌있겡 이야기 해보장.사전적 의미는 재정의, 재 인수분해등 어디서 그리 잘 찾는지 느낌 먼 말들로만지루하고 느낌없게  학문적으로 설명한당.규모와 영역에 따라 구체적이고 세부적인 설명이 당연 달라질것이다. 꽤 다름의 원리당. 억지로 느낌오게 현실감 있게 팍 줄이면 , 집안의 물건들을 잘 정리 하는 것이라 생각하자.왜 정리하는가?,  찾기쉽게(효율), 보기 좋게(가독성), 필요 없어진 건 버린당(공간확보)등..결국 유지보수, 업그레이드도 쉬워지고, 다음 개발에 보일러플레이트로 활용될 수 있당, 무엇보다도 개발자의 뇌와 습관에  좋은 경험치를 올려 레벨을 올려줄 수 있당.물론 매니저의 IQ가 나쁘면 진행과정이 지루하고 시간소비만 많고 얻는 게 적을  수 있당! ..

자바스크립트 2023. 6. 21. 12:33

브라우져에는 쿠키(cookie)라는 저장공간이 있고, 도메인당 약 4KB의 Max Limit로50개 까지 저장 가능하다고 알려져 있당. 이걸 이용해서 접속자의 ID나,보안상 위험(암호등)하지 않은 것들을 유효기간을 주어 저장하곤 했었는데, 요즘은localStorage나 sessionStorage를 사용하는 거시 훨씬 모던해 보일뿐더러 사용도 쉽당.(localStorage의 용량은 크롬 기준으로 도메인당 5M 정도로 알려져 있당.) localStorage와 sessionStorage는 사용법은 완전히 똑같고, 단지 브라우져에서해당사이트를 닫으면 저장내용이 자동삭제가 되는가(sessionStorage)?안 되는가?(localStorage)만 다르당. 아직 너무 cookie에만 메달려 있다면 이번 기회에 제발..

자바스크립트 2023. 6. 21. 00:21

Math, Date는 표준 내장(built-in) 객체당, 아주 자주 쓰는 JSON이라는표준 내장(built-in)객체가 더 있는뎅, 사용법은 너무도 간단하여 아래 처럼2개 메소드밖에 없당! ( 의외로 고민 1도 없이 에러가 나면 당연히 화를 낸당!) JSON.stringify(객체); // 객체를 문자열화(serialize) JSON.parse(문자열); // 문자열을 객체화(deserialize)객체를 문자열화하는 것을 멋진말로 시리얼라이즈(serialize)라 하고,반대(문자열->객체)를 디시리얼라이즈(deserialize)라 한당! (무슨 의미, 왜 필요?) 초보자들에겐 실행결과만 성취감으로 남고, 개념이나 과정은 잔상조차 안 남으니,특단의  말도 안되는 억지 무지막지 과장된 강제 뇌..

자바스크립트 2023. 6. 20. 12:10

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