본문 바로가기

자바스크립트

우리가 일하는 방법 우리 팀은 JavaScript를 사용하여 웹 서비스나 회사 내부의 도구를 만드는 팀이다. 회사에 JavaScript를 전문적으로 사용하는 조직이 처음 만들어진 것이라 과거의 유산을 받을 필요 없이 팀의 개발 방법을 처음부터 하나하나 만들 수 있었다. 이 글에서는 팀을 만들면서 우리가 만들었던 개발 방법을 간단하게 정리한다. 처음 팀이 만들어졌을 때 우리 앞에는 과거 2~3년간 같이 업무를 같이 했다는 경험과 Github이 있었다. 경험은 각자가 가진 생각의 이질감을 줄이는데 도움이 됐고 과거의 경험으로부터 가져올 것과 버릴 것을 결정할 때도 도움이 됐다. Github은 그 자체로써 멋진 도구라는 공감대를 갖고 있었고 이전 회사에서도 SVN 대신 Git으로 이전하기 위한 논의를 진행한 적이 있기에 이견 없.. 더보기
자바스크립트를 배우는 좋은 방법 자바스크립트를 배우는 좋은 방법이라는 글이 올라왔는데 상당히 수긍할 수 있는 내용이라 간단히 요약하고 의견을 추가해본다. 원문은 http://net.tutsplus.com/tutorials/javascript-ajax/the-best-way-to-learn-javascript/ 이다. 0번째: 어떤 것이 자바스크립트인지 이해하기자바스크립트가 정확히 무엇을 의미하는지를 이해해야 한다는 요지이다. 그리고 라이브러리를 사용하기 전에 자바스크립트를 먼저 익히라고 조언해준다. 첫번째: 코드카데미(Codecademy.com)에서 자바스크립트 코스 수강하기최근 코드카데미에서 파이썬을 공부했었는데 여기서도 첫번째로 코드카데미를 추천한다. 내용이 일반인을 대상으로 하고 있기 때문에 매우 쉽게 공부할 수 있다. 두번째: .. 더보기
Codecademy 이용 후기 며칠동안 파이썬 공부를 시도해봤다. 몇 년 전에 책을 사서 보기도 했고, 업무에 간단히 적용해본 기억도 있지만 워낙 오랫동안 관심 밖에 있던 언어라 다시 봐도 새로웠다. 무엇보다도 파이썬을 선택한 이유는 널리 사용되기 때문이다. 국내에서는 PHP보다 사용자가 적은 느낌이기는 하지만 해외에서는 많은 스타트업에서 파이썬을 선택한다. 심지어 구글도 처음 시작했을 때는 파이썬을 사용했다. PHP를 잘 한다고 하기에는 무리가 있지만 무엇보다도 새로운 - 그러면서도 쓸만한 - 언어를 배운다는 것에 더 무게중심을 두고 파이썬을 선택했다. 이번에 파이썬을 공부하면서는 책을 보지 않았다. 대신 Codecademy (코드카데미)를 이용했다. 일단 두꺼운 책을 들고 다니면서 살펴보는 것도 부담스러웠지만 언젠가부터 책으로 공.. 더보기
jsconf 2011 5월 2일 ~ 3일에 걸쳐 열린 jsconf 2011가 열렸습니다. 자바스크립트 관련 행사로는 꽤 큰 행사인데요. 여기서 발표된 뉴스 중에 jQuery 제작자인 John Resig이 모질라를 떠나 칸 아카데미로 이직한다는 이야기가 있었죠. 칸 아카데미가 어떤 곳인지는 TED를 참고하시기 바랍니다. (라고 Resig이 이야기 했습니다. ^_^) 여기에서는 발표된 자료를 모아봤습니다. 아직 내용을 다 살펴보지는 못했습니다. 휴일에 잠깐 시간을 내서 보기에는 양이 많네요. 그리고 아직 컨퍼런스를 녹화한 비디오가 올라오지 않았습니다. 트위터를 살펴보니 컨퍼런스 비디오는 한 달 후 쯤 올라온다고 합니다. 살짝 묵혀뒀다가 비디오가 올라오면 같이 보는 것도 좋은 방법이 될 듯 합니다. 5월 2일 Bytes and B.. 더보기
일주일간 모은 링크 #6 Google URL Shortener gets an API 구글의 단축 URL서비스인 goo.gl의 API가 드디어 오픈되었습니다. 이미 bit.ly등 단축 URL 서비스를 제공하는 다른 곳에서도 제공하고 있기 때문에 빠른 시간 내에 오픈될 것으로 기대하던 참입니다. bit.ly같은 경우 이미 많은 서비스에서 사용하고 있기 때문에 굳이 구글을 기다릴 필요는 없었지만 구글이라면 뭔가 다르지 않을까 하는 기대가 있었나 봅니다. 아직 랩에 등록된 API이므로 예고 없이 변경될 수 있다는 부분이 아쉽다면 아쉬운 부분이네요. Namespacing in JavaScript JavaScript에서 네임스페이스를 이용하여 구조적으로 JavaScript를 짤 수 있는 방법에 대해 설명하고 있습니다. 네임스페이스를 사용하.. 더보기
About jsperf.com 이번엔 jsperf.com 사이트를 소개할까 합니다. 자바스크립트 코드블럭들(JavaScript Snippets)에 대해서 어떤 코드블럭이 더 성능이 좋은가 테스트하는 것입니다. 자바스크립트 언어의 특성상(다른 언어도 마찬가지지만) 하나의 기능을 구현할 수 있는 코드는 다양합니다. 어떤 코드가 더 성능이 좋은지는 프로파일러를 이용하거나 직접 시작 끝 속도를 측정해서 비교하는 방법 등등 여러가지가 있는데, jsperf.com 을 이용해 보는것도 좋은방법일것 같습니다. jsperf의 측정방법 내부적으로 Benchmark JS 라이브러리를 이용하고 있습니다. jsperf 사이트에서는 사용자가 테스트하고자하는 코드블럭들을 특정 시간동안 수행하면서 얼마나 완료시키는지 측정하는 방법을 사용합니다. 많이 완료하면 .. 더보기
JavaScript 특징의 이해 - JS의 중심 Function 살펴보기(2) Callback Function 먼저 아래의 예제를 살펴봅니다. function execCode(callback){ //함수내용이 어쩌구 저쩌구 callback(); //이러쿵 저러쿵 } function makeToy(){ //이리저리 주절주절 } execCode(makeToy); 위의 예제에서 makeCode함수를 callback함수라고 합니다. 이러한 callback함수는 어디에 사용될까요? 첫번째로 event listener로 사용됩니다. document.addEventListener("click",eventFunction(),false); 이벤트가 실행될때 어떠함수가 실행되도록 지정하는 것도 일종의 callback함수입니다. 두번째로 Timeout()가 있습니다. var testFun=functi.. 더보기
What is a non-blocking script? 최근들어 부쩍 Front-End Optimization에 대한 이슈가 부각되고 있다. 웹서비스는 더욱더 많은 기능을 탑재하고 있으며 노출되는 컨텐츠 또한 정적인 컨텐츠에서 동적인 컨텐츠로 변경되고 있다. 이로인해, 전통적인 최적화의 방법중 캐시를 적용하는 방법이 있는데 이또한 효과가 점점 떨어지고 있는것이 사실이다. 또한, 페이지를 이동하며 컨텐츠를 제공하는 전통적인 방법에서 한 페이지에 머무르면서 사용자 요구사항에 부응해야 하며 더 많은 동적인 컨텐츠를 제공하는 방법으로 변화하고 있다. 그런데, 이런 기능이 많아지면 많아질수록 자바스크립트의 양이 많아 지는데 이는 서비스 진입시 페이지가 하얗게 보이는 시간을 더 길게 하는 주요 원인이 된다. 아래의 문제를 알기쉽게 설명해놓은 글이 있어서 소개하려고 한다.. 더보기

반응형