2014의 게시물 표시

SSH 암호입력 없이 원격서버 접속

오픈튜토리얼 참고
http://opentutorials.org/module/432/3742

My Portfolio Site 만들기 (2) - 기본 구조 및 Navbar 구현

이미지
사이트의 기본 구조를 잡기 위해 부트스트랩의 기본 템플릿을 사용하였습니다.
기본 템블릿에서 각 페이지의 이름을 바꾸고 페이지마다 컨트롤러 및 뷰를 추가해서 구조를 잡았습니다. 
기존 isActive 메서드로 Navbar의 active 표시가 변경되지 않아서 isActive 메서드를 수정하였습니다.
    $scope.isActive = function(route) {       return (route === $location.path())?"active":"";     };
전체 동작 및 구현 완료 화면입니다.



angular 환경 구축

이미지
MAC 매버릭스 기준 설정

#vi ~/.profile

angular-fullstack 으로 angular + express + mongoDB 환경 세팅

이미지
참고 사이트 : https://github.com/DaftMonk/generator-angular-fullstack



Nginx 설정 관련 참고 사이트

http://nginx.org/en/docs/http/ngx_http_core_module.html
http://wiki.nginx.org/Configuration

리눅스 자주 쓰는 명령어 별칭(alias) 만들기

리눅스 alias 만들기
#vi ~/.bashrc  

alias 이용해서 작성

ex) alias dir = 'ls -al'  => dir 명령어로 ls -al 동작

#source ~/.bashrc


My Portfolio Site 만들기 (1) - 환경구축

이미지
첫번째로 기존에 학교 프로젝트로 간단하게 만들었던 포트폴리오 사이트(resume.godong9.com)를 다시 만들려고 합니다.

먼저 소스코드 버전관리를 위해 Git을 사용하고, 개발툴로 WebStorm을 사용할 것입니다.

개발 환경은 서버측은 nginx를 프록시 서버로 사용하고, 서버 프레임워크로 express, DB로 MongoDB를 사용합니다. 클라이언트는 AngularJS를 사용해서 개발할 것입니다.

테스트 코드까지 작성할 계획은 없지만 프로젝트의 기본 골격을 만들고자 yeoman을 이용하였습니다.


프로젝트 구조 생성

다음 포스트부터는 본격적으로 개발을 시작하겠습니다.

블로그를 시작하며...

그동안 만들기만 하고 방치해두었던 블로그를 오늘부터 시작해볼까 합니다.

주로 프로젝트 진행이나 기술 관련 이슈, IT 정보를 다룰 계획입니다.