자바스크립트
-
TIL : arguments 객체와 rest parameter(+ separate 연산자)캡틴 코딩일기 2020. 3. 12. 16:37
TIL : Arguments 객체와 rest parameter(+ separate 연산자) underbar(underscore.js) 공부는 참 어렵다. 유용하게 사용할 수 있는 도구로서의 underscore.js를 직접 만들어보는 것은 함수가 작동하는 원리를 알 수 있어서 도움이 되겠으나, 메소드를 하나하나 구현해 나가는 일이 결코 쉽지 않다. 아직 갈피를 못잡고있지만, _.extend 메소드 구현을 위해 헬프데스크를 기웃거리던 중에 'arguments객체' 와 'rest parameter' 에 대한 내용을 보게 되었다. MDN문서와 블로그 포스팅을 읽고, 같은 듯 다른 두 인자들에 대해서 아래와 같이 정리해본다. 같은 점 : 둘 다, 함수의 소괄호 안에 들어가는 매개변수와 관련된 항목이다. 1) ar..
-
Twittler 구현하기 - (4) HTML에 입력한 글을 javascript로 처리하기캡틴 코딩일기/javascript 2020. 3. 10. 13:00
Twittler 구현하기 - (4) HTML에 입력한 글을 javascript로 처리하기 벌써 twittler에 대한 네 번째 포스팅이라니! 이번에는 user name과 comment 아래에 만들어둔 text / textarea에 직접 입력하는 내용을 javascript 함수를 사용해서, new tweet으로서 추가하는 방법에 대해 정리하겠다. 지난 포스팅에서 다루었던 DOM관련 내용 중에, selector를 지정하는 방법은 네 가지가 있다고 언급되었다. 어떤 selector에도 사용이 용이한 'querySelector'를 사용하여 기능 구현에 대해 설명하려고 한다. 먼저, 입력 ~ 출력의 순서에 대해 정리해보았다. 1) user name과 comment 에 각각 해당하는 내용을 작성한다. 2) twee..
-
javascript : 너 정말 배열 맞냐? Array.isArray()캡틴 코딩일기/javascript 2020. 2. 2. 22:53
javascript : 너 정말 배열 맞냐? Array.isArray() javascript 기초 개념을 배우고 있는 요즘, 배열과 객체의 관계에 대해서도 알게 되었다. 배열은 객체의 한 종류라는 사실. 실제로 console에서 typeof 연산자를 통해, 배열과 객체의 타입을 확인해 보면 아래와 같은 결과를 확인 할 수 있다. typeof {a:1, b:2} "object" // 객체(object)는 당연히 object. typeof [1,2,3] "object" // 배열(array)이 객체(object)라고? 객체와 배열은 서로를 요소로서 포함 가능하다. 배열의 element로서 객체가, 객체의 value로서 배열이 할당 될 수 있다. 자칫 구분이 어려울 수 있는 배열과 객체를 명확하게 구분..
-
JavaScript : let 을 통한, 선언 / 할당에 익숙해지자캡틴 코딩일기/javascript 2020. 2. 2. 22:39
JavaScript : let 을 통한, 선언 / 할당에 익숙해지자 ** 상/하단의 광고 클릭 한 번이, 꾸준한 창작활동에 큰 도움이 됩니다 :) ** JavaScript를 공부하고 있는 곳에서 토요일마다 모 공유오피스로 찾아가서, 한주동안 공부했던 내용들 중에 궁금했던 부분들을 직접 엔지니어분들에게 문의하고, 주어진 문제풀이의 방향 또는 풀이에 참고할 수 있는 사이트 들에 대해 조언을 구하는. 이 시간만큼은 학구열을 불태우며 집중할 수 있는 '오피스 아워'라는 세션에 다녀왔다. 처음 다녀오던 날들에 비해, 궁금한 내용들을 미리 정리하거나, 당일 학습중에도 곧잘 물어보게 되었다고는 하나 아직도 좀 어색하다. 어색함의 이유는 두 가지 정도. 1) 알고 있는 내용인데, 나 편하자고 쉽게 물어보는건 아닐까? ..