미코딩코

오랜만에 본 알고리즘 시험 두시간이 눈깜짝할 새 지나고 난 꿈을 꾸는건가 싶었다. 개발 일기 느낌 매일 알고리즘은 한 두 문제씩 꾸준히 풀었어야 했는데, 눈앞에 닥치는 수업 내용들을 소화하기에 바빠 알고리즘을 놓치고 있었다. 이 주 후엔 더 나은 알고리즘을 짜보자 공부한 것 깃플로우, js 배열, 배열 메서드 폴리필, set, map, Symbol, Number, String, 이터러블, 이터레이션 프로토콜, 브라우저 랜더링 알고리즘 BFS, 연속부분수열 map 을 이용한 풀이 복습 알고리즘 유형별 총 복습 다음주 모던 자바스크립트 DOM, Event, 알고리즘, js 예제

1. 자바스크립트가 에러를 던지는 방법 (이번 단원은 Error 객체가 생성되고 상속되는 과정을 설명한 부연설명이므로 NativeError의 종류만 보고싶다면 지나쳐도 된다) 자바스크립트 에러가 감지하면 Error 생성자 함수를 통해 인스턴스를 생성하고 이를 throw, 즉 던진다. 또한 프로토타입 체인을 통해 NativeError, AggregateError 등 더 세부적인 에러 인스턴스들을 생성하여 던질 수 있다. (참고 : 20.5 Error Objects) 1-1. 에러를 생성하는 빌트인 객체 Error Error Contructor 전역 객체의 Error 프로퍼티의 초기값 [[Prototype]] 값으로 %Function.prototype%를 가짐 하위 클래스로 확장 가능 하위 클래스는 반드시 ..

바빠도 일주일 단위로 개발 일기를 정리하는 습관을 들이자. 그러다보면 커밋로그도 작고 예쁜 기능 단위로 남길 수 있겠지^^ 개발 일기 느낌 시간이 너무 빨리 가는 것 같다. 하루에 많은 일을 할수록 일주일이 눈 깜짝할 새에 지나가버린다. TIL을 쓰지 않고 주 단위의 개발 일기를 쓰게 된 계기도 매일 배운 일을 정리하기엔 그날그날의 일정이 너무 바빠서였는데 WIL(Weekly I Learned)도 빠듯할 만큼 바쁜 일상을 보내고 있다. 그래도 적어도 일주일 단위로는 내가 배우고 한 것들을 정리해야 이 시간들이 더 오래 기억될 것 같아 간단하게라도 꾸준히 정리하려고 한다. 이렇게 기록하는 연습들이 기능별로 잘게 커밋기록을 남기는 습관들이기에도 도움이 될 것 같다. 새로 배운 것 실행 컨텍스트, 렉시컬 환경..

객체의 구조 타입을 구분하기 프로토타입 체인 및 객체의 생성 과정에 대한 이해를 위한 심화 예제입니다. 이 포스팅에서 제시한 두 가지 솔루션은 각각 한계점이 있어 실무에서 사용하기 적합하지 않습니다. 실제로 객체의 구조 타입을 구분하실 땐 타입스크립트 등의 라이브러리를 이용하십시오. 시도1 : typeof typeof 연산자를 통해 자료형을 비교해주자 ! ⇒ 실패 typeof 연산자는 피연산자의 평가 전 자료형을 나타내는 문자열을 반환합니다. (MDN) 실패 자바스크립트의 객체들은 모두 object 자료형이다. 자바스크립트의 데이터 타입은 7가지의 원시타입(number, string, boolean, undefined, null, symbol)과 1개의 객체 타입(object)으로 나뉜다. 다시 말해 원..

티스토리 플러그인으로 코드블럭 커스텀 비루한 코드블럭을 코드블럭답게 보여주려면 예전엔 Highlight.js 같은 라이브러리를 직접 코드로 커스텀해야했다. 그런데 언제부터인지 (혹은 내가 오랫동안 모른채 살아왔는지...) 티스토리 플러그인으로 바로! 간단하게 적용시킬 수 있었다. 블로그 관리자 페이지로 가서 플러그인으로 가보면 클릭 한번으로 바로 적용시킬 수 있다. 이미지에 보이는 Syntax Highlight를 적용시키면 된다. 마무리 티스토리 짱짱맨! (TOC도 플러그인으로 들어온다면 비개발자 유저들이 참 좋아할 것 같은데용)

TOC 만들기 프스팅 목적 글을 읽을 때 화면에 고정된 목차 링크 TOC를 만들어보자 TOC는 h1,h2 와 같은 헤더를 읽어 목차를 만든다. 따라서 글을 작성할 때 마크다운 모드로 작성하여야 한다. Tocbot을 이용해 티스토리의 스킨에 삽입하는 것 자체에 목적이 있다. 더 좋은 코드, 적절한 커스텀에 대한 포스팅은 후에 작성될 예정이다. TOC가 필요해 벨로그로 가고싶은 가장 큰 이유 중 하나가 글 내부에 고정되어 바로 이동할 수도 있는 목차였다. 티스토리도 언젠가 기능을 추가해주길 기다리면서.. Tocbot이라는 플러그인을 적용시켰다. jquery 없이 순수 바닐라 자바스크립트로 구성된 모듈이다. toc 이란 Table Of Contents 의 약자로, 마크다운으로 작성한 글의 헤더 태그들을 모아 ..

나는 늘 조금씩 부족하지만, 지난주의 나와 비교하면 놀라울 정도로 많은 것을 알고 있다. 손에 손잡고 꾸준히, 끝까지, 우분투! 개발 일기 느낌 요즘은 매일매일이 전력질주하는 느낌이다. 내가 가진건 가벼운 리어카 하난데 이 짐 저 짐 좋은 것들을 잔뜩 실어주며 '달려, 달려, 달려!' 하는 느낌. 덕분에 미처 담지 못한 것들을 질질 흘리며 앞으로 나아가고있다. 잠시 쉬어갈 틈 없이 달리다가도 혹여나 바퀴가 부서져 멈추는 일이 생기지 않도록 스스로를 다잡기도 한다. 공부가 힘든 것과는 별개로 함께 공부하는 동료들을 보며 세상엔 똑똑하고 성실하고 인성까지 좋은 사람들이 참 많다는 것을 느낀다. 그리고 그 똑똑한 사람들이 자신만 너무 멍청한 것 같다며 자책하는 모습을 보고 나도 사실은 똑똑한데 ..

동적 타이핑이 가지는 코드 구현의 유연성은 javascript의 특장점 중 하나라고 볼 수 있다. 따라서 이를 사용하지 말자는 것이 아니다. 단, 이에 관한 최적화 관점을 인지하고 불필요한 동적 타이핑 남발을 자제하고 성능을 더 끌어올리자는데 이번 포스트의 의미가 있다. 🚩 사전 정보 객체 메모리 저장 : 메모리 오프셋 0⬛⬛ 1⬜⬜⬜2⬛⬛⬛ C++ 등의 언어에서는 객페의 프로퍼티에 접근할 때 구조체의 기준 메모리 주소부터 상대적인 값인 오프셋이 있다. 각각의 오프셋마다 차지하는 공간은 들어올 데이터 타입(숫자형은 8byte 등)을 통해 결정한다. 정적 타이핑 언어(C++, Java ...) 컴파일 이전에 객체 레이아웃이 고정되기 때문에 이때 고정된 오프셋으로 프로퍼티에 바로 접근 가능하다. Javasc..