Category: Javascript

Javascript에 관련된 자료

20
5월
2019

{ passive:true } 의 진정한 의미

addEventListener는 대상에 지정한 이벤트가 들어올 경우 호출할 함수를 등록하는 method입니다. 자바스크립트를 하는 사람이라면 누구나 아는 기초적인 method이죠. 하지만, 과거에는 addEventListener가 웹브라우저 별로 동작이 달랐고 버그도 많아서 jQuery 같은 라이브러리의 on(), off() method로 간단히 처리하는 경우가 많았습니다. 지금 많이 사용되는 react, vue.js 도 addEventListener를 직접 사용할 일은 많지 않습니다. 자바스크립트의 대표적인 method이지만 의외로 addEventListener를 직접 사용할 일은 점점 줄어들고 있는 것 같습니다. AddEventListener addEventListener는 세개의 인자를 받을 수 있습니다. 첫번째 인자는 type으로 target에 반응할 이벤트 유형 (예. click, focus, scroll, …)입니다. 두번째 인자는 listener 함수이며 지정한 이벤트가 발생할 경우 실행할 함수...

18
4월
2019

코드리뷰를 위한 좋은 코딩 – Javascript 편

코드리뷰(Code review)는 개발자가 작성한 코드를 다른 개발자가 리뷰어가 되어 코드를 검토하는 프로세스를 말합니다. 장점이 많아서 회사 개발 팀 등의 조직에서는 대부분 도입하고 있죠. 사실 혼자서 프로그래밍하고 유지보수를 하고 있다면 개발자 자신이 알아볼 수만 있다면 되는데요. 차후에 이 코드를 알아볼 수 있는지에 대해서는 별개 문제이지만, 어쨌든 다른 사람을 신경 쓸 필요 없이 자신이 편한대로 작업하면 될 일이죠. 하지만 회사에서 여려명이 협업을 하는 경우엔 다릅니다. 자신이 만들었던 코드는 다른 관계자도 모두 알아야 하고, 차후의 인수인계 등 얼마든지 그 코드는 자신을 떠날 수 있기 때문에 깨끗하고 읽기 쉬운 코드를 생산해야 합니다. 하지만 개발자...

11
4월
2019

React component updates in 2019.04

React와 함께 주로 사용되는 컴포넌트의 메이저 버전업이 2건 있었습니다. 상태관리를 위한 Redux를 React와 연결해주는 react-redux, 그리고 여러 화면으로 구성되어있는 single-page application 을 만들 경우 필수적으로 사용하게 되는 react-router 입니다. 두 컴포넌트 모두 react 프로그래밍에 있어 필수적으로 사용되는데, 다행히도 둘 다 이전의 메이저 버전과 호환됩니다. 주로 퍼포먼스 개선과 일부 편의성이 개선되었기 때문에, 주의사항만 참고한다면 별다른 migration 없이 package.json 에서 version-up 하면 됩니다. react-redux v7.0.1 버전 6에서 리포트되었던 속도 이슈를 개선하였습니다. 내부적으로는 connect() 함수에서 react 16.8에 추가되었던 Hooks를 사용합니다. 대부분 내부적 개선이 이루어졌고 기존 version 6의 public API와 호환되기 때문에 코드의 변경은...

19
9월
2007

자바스크립트 – 변수(variables)에 대해서

자바스크립트의 변수(variables)에 대해 이것저것 공부한 것. 자바스크립트(ECMA262)는 우선 Sun의 JAVA와는 전혀 상관이 없다는 것은 다들 알고 있는 사실이죠. 자료형의 종류 number : 숫자로 된 데이터. 숫자, NaN(Not a Number), infinity(범위 벗어난 숫자) 형태 중 하나. string : 문자 데이터. “”(겹따옴표, 더블쿼테이션)으로 둘러싸인 형태. length() 메소드를 가짐 boolean : TRUE, FALSE 의 두가지 값 존재. 참과 거짓, 0 또는 1의 의미. object : new 키워드로 예약한 객체, BOM or DOM, function, object, null undefined : 정해져 있지 않은 것, 또는 아예 없는 것. HTML의 폼에서 input으로 들어가는 값은 전부 string으로 인식하기...