본문 바로가기

JavaScript

(3)
javascript array method : indexOf MDN에서 array 메소드 중에 많이 쓰는 것들을 그대로 따라 작성 해 보고 있다. 그중 indexOf메소드를 공부해 보았다. https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/indexOf Array.prototype.indexOf() indexOf() 메서드는 배열에서 지정된 요소를 찾을 수있는 첫 번째 인덱스를 반환하고 존재하지 않으면 -1을 반환합니다. developer.mozilla.org indexOf는 배열의 몇번째 요소로부터(fromIndex) 검색해 나오는 인덱스를 반환하는 메소드다. var beasts = ['ant','bison','camel','duck','bison']; conso..
Javascript# 동적 바인딩 개념 다시 잡기 아 정말 자바스크립트 어렵다. 왜냐 나는 처음이니까, 라며 위로해 보지만, 자바스크립트 수업을 들은 지 이미 3주 차에 접어들었다. 오늘은 '호출될 때마다 1씩 증가한 값을 반환하는 함수'를 만드는데, 동적 바인딩을 이용해 코드를 작성하는 시간이 있었다. 난 분명 수업을 들었는데 막상 코드를 짜려니 심각하게 머릿속이 새하얘졌다. 코드를 못 짜는 이유는 뭐다? 복습과 연습을 하지 않았기 때문이다. 오늘은 동적 바인딩을 이해할 때까지 잠을 청할 수 없을 것 같다. 동적 바인딩이란? 객체 생성 '이후'에 새로운 속성을 객체에 추가하는 것. 아래 예시에서는 plusCount라는 함수를 생성하였고 counter라는 인자를 대입하였다. 만약 counter 아규먼트가 undefined가 아니라면(여기서는 1이라는 숫..
디프알# Gatsby.js 시작하기 내가 프로그래밍을 공부하는 이유는, 생활 속에 필요하거나 재미있을 것 같다고 생각하는 여러가지 아이디어를 '직접 개발하고 싶어서'다. 그중에서도 리액트를 공부하는 이유는, 언제든지 재사용 가능한 컴포넌트들의 모음인 '디자인 시스템'이 나의 프로젝트에 꼭 필요하기 때문이다. 생활코딩에서는 '직접 만들자 병'이라고 지칭하기도 하는데, 나도 갈증이 아주 많다. 리액트든 개츠비든 이름만 들어도 두렵지만, 이 벽을 뚫은 후에는 다른 세상이 열릴 거라고 확신하면서 공부를 시작하겠다.Gatsbyjs는 React 기반의 정적 페이지 생성 프레임워크라고 한다. React를 공부하는데 난데없는 Gatsby 무엇. 둘의 관계는 gatsbyjs.org의 첫페이지에 인포그래픽으로 표현되어 있다. 해석을 대략 해 보면, 여러 가..