본문 바로가기

JavaScript12

Quokka 플러그인 소개! 안녕하세요? 이번 시간엔 IntelliJ의 Quokka 플러그인을 소개드리려고 합니다. 모든 코드는 Github에 있기 때문에 함께 보시면 더 이해하기 쉬우실 것 같습니다. (공부한 내용을 정리하는 Github와 세미나+책 후기를 정리하는 Github, 이 모든 내용을 담고 있는 블로그가 있습니다. ) 소개 Javascript 개발을 진행하다보면 여러 이유로 프로토 타입을 개발을 위한 격리된 공간이 필요할때가 있습니다. 특정 라이브러리의 함수가 어떤 결과를 출력하는지 잠깐 확인하고 싶을때 JS를 강의하거나, 배우기 위해 결과를 바로 실행해보고 싶을때 새로운 언어의 기능이나 프레임워크를 실험해보고 싶을때 보통 이런 이유로 온라인 편집기 (브라우저 개발자 도구의 Console, jsbin)를 사용합니다. 하.. 2018. 4. 12.
Airbnb의 eslint를 IntelliJ에 적용하기 안녕하세요? 이번 시간엔 airbnb의 eslint를 IntelliJ에 적용하는 예제를 진행해보려고 합니다. 모든 코드는 Github에 있기 때문에 함께 보시면 더 이해하기 쉬우실 것 같습니다. (공부한 내용을 정리하는 Github와 세미나+책 후기를 정리하는 Github, 이 모든 내용을 담고 있는 블로그가 있습니다. ) 들어가며 팀내에서 프론트엔드 코딩 컨벤션을 정하자는 이야기가 나왔습니다. 구성원 모두가 백엔드 개발자이며, 메인 언어가 되는 Java를 다들 최근에 시작하셔서(기존엔 ASP, PHP) Java & 백엔드 학습으로도 시간이 부족하기에 프론트엔드 쪽은 거의 등한시 하고 있었습니다. 그러다 최근에 큰 프로젝트가 끝나고 회고 시간에 백엔드 코드에 비해 프론트엔드 코드가 컨벤션없이 작성되어 퀄.. 2017. 10. 3.
나만의 CLI 만들기! 나만의 CLI (Command Line Interface) 만들기 최근 들어 반복적인 작업이 생기면 이걸 스크립트로 어떻게 자동화 할 수 있을까 고민하게 되었습니다. 자동화 스크립트는 쉘스크립트나 파이썬이 대표적으로 떠오르지만, 웹개발을 주로 한 덕분에 자바스크립트에 더 친숙하여 보통은 nodejs가 더 손에 맞는것 같습니다. 이번 시간은 저처럼 자바스크립트만 아는 개발자 분들에게 nodejs를 이용하여 나만의 CLI를 만들어 귀찮은 일들은 전부 스크립트에 맡기는 이야기를 진행할 예정입니다. 모든 코드는 Github에 있으니 전체 코드를 보고싶으시면 참고하시면 될것 같습니다. (공부한 내용을 정리하는 Github와 세미나&책 후기를 정리하는 Github 를 star 하시면 실시간으로 feed를 받을 수 .. 2017. 1. 18.
IE 7,8에서 모던하게 개발하기 #7 - Handlebars.js 적용 현재까지 관련된 포스팅과 코드는 아래를 참고!IE 7,8에서 모던하게 개발하기 #1 (npm/grunt) IE 7,8에서 모던하게 개발하기 #2 (require.js) IE 7,8에서 모던하게 개발하기 #3 (backbone.js -1)IE 7,8에서 모던하게 개발하기 #4 (backbone.js -2)IE 7,8에서 모던하게 개발하기 #5 (backbone.js -3)IE 7,8에서 모던하게 개발하기 #6 (배포환경 구축)IE 7,8에서 모던하게 개발하기 #7 (Handlebars.js 적용)프로젝트 및 코드 Handlebars 적용하기 IE 7/8에서 모던하게 개발하기 시리즈의 마지막 챕터인 Handlebars 적용이다.공식사이트 Handlebars의 경우 많은 회사에서 클라이언트 템플릿 엔진으로 사.. 2016. 10. 24.
IE 7,8에서 모던하게 개발하기 #4 - backbone.js (2) 현재까지 관련된 포스팅과 코드는 아래를 참고! IE 7,8에서 모던하게 개발하기 #1 (npm/grunt) IE 7,8에서 모던하게 개발하기 #2 (require.js) IE 7,8에서 모던하게 개발하기 #3 (backbone.js -1) IE 7,8에서 모던하게 개발하기 #4 (backbone.js -2) IE 7,8에서 모던하게 개발하기 #5 (backbone.js -3) IE 7,8에서 모던하게 개발하기 #6 (배포환경 구축) IE 7,8에서 모던하게 개발하기 #7 (Handlebars.js 적용) 프로젝트 및 코드 backbone.js 사용 (2) 이번 시간에는 Ajax를 진행하기 앞서 backbone예제를 좀 더 다듬어 볼 예정이다. backbone의 view는 값을 셋팅하는것이 주 목적이 아니.. 2016. 10. 11.
SpringBoot에서 template, static resource 실시간 반영하기 (spring-boot-devtools) Intellij + SpringBoot + Template Engine 조합으로 웹 개발을 하다보면 정말 노가다라고 느껴지는게 정적 리소스 갱신을 위한 서버 restart이다. 무슨 말이냐하면 SpringBoot로 프로젝트를 생성하면 이전처럼 webapp 폴더에 html/css/js (정적 리소스)들을 담당하는게 아니라 resources 폴더 아래에서 관리하다보니 정적 리소스들 갱신을 하기 위해선 tomcat을 restart 해야만 한다.아마 루비와 같은 스크립트 언어 개발하시는 분들은 Java & Spring 으로 이런 일이 벌어지는거에 너무 놀래실것 같긴 하다.. (Spring Boot의 일반적인 리소스 Path) 여튼 Javascript를 중점적으로 개발/수정할 때에는 이게 생각보다 너무 귀찮아서 .. 2016. 10. 10.