소사이어티

사람들

arrow_downward최신기사

D3.JS

[IT열쇳말] 자바스크립트

우리가 매일 접속하는 웹사이트는 크게 3가지 요소로 구성된다. ‘HTML(HyperText Markup Language)’, ‘CSS(Cascading Style Sheets)’, ‘자바스크립트(Javascript)’다. HTML은 웹페이지의 큰 뼈대를 제공하고, CSS는 색깔이나 글씨체와 같은 디자인 요소를 관리한다. 자바스크립트는 크로스 플랫폼, 객체지향 스크립트 언어로 웹페이지의 동작을 담당한다. 예를 들어 자바스크립트를 이용하면 ‘버튼을 클릭하면 밑에 날짜를 보여줘’라는 식의 명령을 내릴 수 있다. 자바스크립트를 이용하면 웹에 풍부한 효과를 넣을 수 있지만, 2000년대 초반만 해도 자바스크립트는 개발자들에게 무시당하는 언어였다. 별다른 기능도 없고, 성능도 별로 좋지 않았기 때문이다. 하지만 최근 몇 년 사이에 다양한 자바스크립트 프레임워크와 라이브러리가 생기면서 자바스크립트 생태계는 크게 확장되고 있으며, 그 위상도 점점 높아지고 있다. 1995년 탄생한 동적 언어 프로그래밍 입문자들은 자바스크립트와...

드래프트JS

페이스북, 오픈소스 텍스트 편집기 '드래프트JS' 공개

페이스북이 텍스트 편집기 '드래프트JS'를 오픈소스 기술로 공개했다. 드래프트JS는 페이스북의 또다른 오픈소스 소프트웨어인 '리액트JS'와 '이뮤터블JS'를 활용했다. 페이스북은 과거에 글씨 스타일을 지정할 때 주로 'div'나 'textarea' 태그를 활용했다. 페이스북은 공식 블로그를 통해 "기존 태그를 이용하면 글씨에 정보를 담을 수 없고, 데이터 상태를 동기화하는 부분에서 제약이 많아 글씨 색깔이 잘못 배치되거나 입력한 내용이 깨져보이기도 했다"라며 "새로운 글씨 스타일을 적용하거나 임베디드 콘텐츠를 접목하지 못했다"라고 설명했다. 드래프트JS는 이러한 한계를 극복하기 위해 개발됐다. 드래프트JS를 이용하면 글씨에 다양한 스타일을 적용할 수 있고, 개발자가 원하는 요소를 추가하거나 쉽게 뺄 수 있다. 또한 모든 웹브라우저에서 작동하고 네이티브 커서와 네이티브 입력값을 온전히 활용할 수 있는 장점이 있다. 입력 방식 편집기(input...

HHVM

[카드] 페이스북 인기 오픈소스 기술 5종

이뮤터블JS 공식 홈페이지 HHVM 공식 홈페이지 팝 공식 홈페이지 팝핑 깃허브 페이지 리액트 네이티브 공식 홈페이지 리액트 공식 홈페이지 페이스북 오픈소스 프로젝트 전체보기 링크 페이스북 2015년 인기 오픈소스 프로젝트 공식 블로그 글

ES6

페이스북의 인기 오픈소스 기술, '리액트'란?

페이스북은 최근 오픈소스 기술 공개에 열을 올리고 있다. 2014년 공개한 오픈소스 기술만 해도 100개가 넘는다. 수많은 오픈소스 중에 올해 유난히 집중을 받는 기술이 있다. ‘리액트’ 그리고 ‘리액트 네이티브’다. 이 두 기술은 앵귤라JS나 하이브리드 앱 개발 같은 주제와 연관돼 자주 회자된다. 한국에서 리액트를 공부하고 있는 2명의 개발자에게 리액트 사용 후기를 들어보았다. 리액트는 사용자 인터페이스를 만들기 위한 자바스크립트 라이브러리다. 페이스북과 인스타그램 소속 개발자들이 만들고 있으며, 2013년 처음 공개됐다. 리액트의 특징은 ‘MVC(Model View Controller)’ 패턴에서 ‘V(View)’에만 집중하고 있는 점이다. 여기서 말하는 V란 데이터를 화면에 표현하는 계층이다. 뷰와 관련된 UI만 구현하고픈 개발자가 있다면, 리액트의 장점을 크게 느낄 수 있다. 리액트는 커스텀 태그를 지원하고 있다. 커스텀...