JS 강의 – 1st Day

웹에서 자바스크립트는 매우 강력한 언어이다. 현대적인 웹을 개발하기 위해서 반드시 익혀야 하는 언어이고, SPA 개발도구인 Angular나 React 등을 사용하기 위해 나 스스로가 공부하고 있는 상황이다. 공부하는 겸에 가르쳐주면서 한번더 익히자는 마음 가짐으로 강의를 수락했고 대학생 3학년 1명과, 4학년 3명으로 이루어진 조촐한 클래스를 맡게 되었다. 수업 시작을 하면서 그들의 수준을 파악하기 위해 배운것과 배우고 있는 것을 ...

Sublime Text 설정하기

** 출처 : 도서 “프론트엔드 자동화시스템 그런트” 우선은 Settings – User 부터 한글 입력용 플러그인 IMESupport ConvertToUTF8 유용한 플러그인 사이드바 메뉴 : SideBarEnhancements 코드 정렬(1) : Alignment (‘=’, ‘:’) 코드 정렬(2) : VAlign 코드 하이라이팅 : BracketHighlighter 색상 하이라이팅 : ColorHighlighter 테마 : Boxy Theme – Boxy Tommorow 다음은 Key Binding ** 참고 워드프레스 코드 ...

angular2-hacker-news 웹앱 개발하기

완성된 웹애플리케이션의 모습은 상단의 이미지와 같다. ** 원문 https://houssein.me/angular2-hacker-news ** 소스 https://github.com/housseindjirdeh/angular2-hn 원본 블로그 내용의 장점은 “angular-cli”를 이용하여 빠르게 개발하는 방법을 설명했다는 것이고 설명대로만 하면 1~2시간 안에 위와 같은 애플리케이션이 실행된다. 본 글에서는 따라하는 중간에 설명이 부족한 부분만 추가해서 설명한다. * 작업환경: 윈도우 10, VSCode 이용 # 설치가 제대로 안될 경우 ‘명령프롬프트’를 관리자 모드로 실행하여 ...

AWS EC2에 Node 6.x 설치하기

AWS EC2에서는 Node 설치에 4.x 버전만 제공하고 있다. 이를 무시하고 6.x대의 최신 Node를 설치하기 위해서는 ‘source install’ 을 할 수 밖에 없다. EC2에서는 ‘nodejs.x86_64’ 패키지에 대해 4.7.2만 지원하고 있다. Node 6.x 소스를 다운받아 설치해 보자. * 다운로드: https://nodejs.org/ko/download/ 정상적으로 설치가 된 것 같지만, sudo 접두어를 붙이면 실행이 되지 않는다. $ sudo npm install -g typescript sudo: ...

vim 설정하기 (typescript Highlighting)

vi 에디터는 linux 계열을 다루기 위해서 필수적으로 사용하는 에디터다. 텍스트가 이쁘게 출력되면 당연히 개발생산성이 향상된다. 사용자 계정의 vi 설정을 하기 위해서는 ‘~/.vimrc’ 를 편집하면 된다. 설정의 내용은 다음 문서를 참조했다. * 출처: vim 에디터 이쁘게 사용하기 여기서 colorscheme는 에디터의 스타일을 말하는데, jellybeans 스타일은 기본 셋팅에는 설치되어 있지 않아 다운을 받아야 한다. * 출처 : https://github.com/nanotech/jellybeans.vim 설치하는 ...

Webpack – Module build failed

Typescript 를 공부하는 중인데, 튜토리얼로 ‘React & Webpack’ 내용이 있어 따라해 보았다. => https://www.typescriptlang.org/docs/handbook/react-&-webpack.html 맞게 한거 같은데 ‘webpack’ 실행시 다음과 같은 오류가 발생했다. ERROR in ./src/components/Hello.tsx Module build failed: Error: Final loader didn’t return a Buffer or String 캡쳐 화면 구글링을 해보니 https://github.com/webpack-contrib/css-loader/issues/185#issuecomment-181615065 빈 모듈로부터 컴포넌트를 불러오려고 시도를 했기 때문이라고 한다. I resolved my issue, I ...

로컬 git 생성 후 리모트 github 연결하기

연습용으로 로컬에 먼저 코딩을 하고, 이후 github.com 에 연동하려고 할 때 작업순서에 대해 기록해 둔다. 스토리를 설명하자면.. 로컬에 연습용 코드를 먼저 작성했음 D:\workspaces\nodejs\meadowlark 이후에 github.com 계정에 연동하고자 프로젝트를 생성 https://github.com/maxmin93/node-ex-meadowlark git 작업용 로컬 계정 정보를 입력함 : email과 name 둘다 넣어야 함 git config –global user.email git config –global user.name ‘git init’를 실행해 로컬 저장소로 ...

Browse Categories