내맘대로 살기🎉

OrientDB 간단 소개 먼저, 홈페이지에 가서 어떠한 것인지 확인해볼 수 있다. http://orientdb.com/OrientDB는 NoSQL이고, Graph database를 제공하는 것이 큰 특징이다. 일반 DB에서는 테이블이라는 표현을 사용하지만, OrientDB에서는 클래스라고 표현한다. OrientDB 설치 orientdb.com에 접속하고 download탭을 누르고 환경에 맞는 orientDB를 설치. ex) macOS 설치 - 압축해제 - 터미널을 실행시키고 압축을 푼 orientdb폴더에 접근 - bin폴더로 접속 - [ sudo ./server.sh ]를 입력하고 잠시 기다리면 password를 지정하는 것이 나온다. - 엔터를 누르면 자동으로 비밀번호를 지정해주고, 내가 지정해줄 ..

파일을 업로드 하는 기능은 express에서 제공하지 않는다. 그래서 multer라는 모듈을 이용해야한다.먼저, 터미널에서 npm install multer --save를 해서 multer를 다운로드 받는다. github.com/expressjs/multer에서 쉬운 예가 있으니까 참고하면 쉽게 파악할 수 있다.

regexper에서 document를 읽는 도중에 greedy quantifier와 non-greed qunatifier가 있다. greedy를 사전에 검색해본 결과, "탐욕적인"이라고 나와서 검색을 잘못한 줄 알았는데, 맞더라 ㅎㅎ - greedy quantifier(탐욕적인 수량자)는 말 그대로 탐욕적이다. 쉽게 말하자면, 모든 페이지를 샅샅이 뒤져서 있는 녀석은 모두 가지고 온다. - non-greedy quantifier(탐욕적이지 않은 수량자)는 말 그대로 탐욕적이지 않은이다. 몇몇 사람들은 Lazy quantifier로 정의를 하여, 귀찮은으로 표현하는 사람도 있다. 이 녀석은 쉽게 말하면, 모든 페이지 중에 하나만 제일 먼저 검색된 것 하나만 하는 것이다. 백문이 불여일견, 한번 더 쉽게 그..

문제 존레식, 베어 바이볼트의 자바스크립트 닌자 비급으로 자바스크립트를 공부하는 중에, 생전 처음(기억이 가물가물..)보는 연산자(?)를 발견하였습니다. 이것은 삼항연산자도 아니고, 어떤 식으로 검색을 해야할지도 애매해서 블로그에 적기로 했습니다. 코드 return filter ? filter.indexOf("opacity=") >= 0 ? (parseFloat(filter.match(/opacity=([^)]+/)[1] / 100) + "" : "" : elem.style.opacity; 이 코드를 보는데, 한 줄 한 줄은 이해가 가는데, 전체적으로 이해가 도저히 안가더라구요. 그래서 웹개발 커뮤니티 중에 가장 오래되었다는 okky.kr에 질문했습니다. 해결 이런 식으로 개발자도구에서 테스트를 했습니다..

MVC와 MVVM의 차이 MVC - controller와 통신한다. model - view - controller MVVM - 자기 자신과 통신하는 선언적 데이터 바인딩. model - view - view - model. 양방향 데이터 바인딩을 하기 때문에 model과 view가 알아서 통신한다. 그러므로 controller가 없어도 작성 가능 !! 데이터를 제공하는 컨트롤러 없이 ng-repeat을 사용하여 생성하는 것이다 {{ number }} 스코프 주석 유효범위 내의 범위를 스코프주석으로 묶어준다. 그러면 어디까지가 유효범위인지 한 번에 확인할 수 있다.

동적 뷰와 라우팅 angular를 이용해서 웹 사이트의 header, footer, left, right로 나누는 것을 쉽게 할 수 있다. angular의 동적 뷰를 이용하면 되는데, 그 방법은 URL을 기준으로 $routeProvider를 통해서 특정 뷰를 얻어온 다음 적용하면 된다. myApp.config(['$routeProvider', function($routeProvider){ $routeProvider .when('/', { templateUrl:'views/main.html' }); .when('/emails', { templateUrl:'views/emails.html' }); .otherwise({ redirectTo:'/' }); }]); - URL이 '/'이면 main.html로 주..

선언적 DOM 메서드 디렉티브이며, 스크립트로 작성해서 DOM에 기능을 제공한다. ng-show와 ng-click을 사용한 토글 네비게이션 예제로 확인해본다. Toggle nav Link 1 Link 2 Link 3 - 이 코드를 실행시키면 아래와 같이 실행되는데, "Toggle nav"를 클릭하면 밑의 Link 1~3이 사라지거나 보인다. 말 그래도 토글이다. 표현식 어떤 식으로 작성하는지 먼저 확인해보자. {{ data.length > 0 && 'My data' || 'No data'}} 이런 식으로 작성하면, data.length가 0보다 크다면, My data. 작다면, No data라고 출력하는 문이다. if문을 쓰지 않아도 아주 짧게 표현할 수 있다. 내 생각 - javacript에서 data..

scope함수를 사용하여 메일 중 하나를 삭제하는 기능을 만들어보자. 고급 팁: 모델에서 데이터를 지우는 동작을 생각해보는 건 중요하다. 실제 DOM과 연관된 요소를 지우는 게 아니기 때문이다. Angular는 양방향 바인딩과 콜백없이 처리한다. 우리는 데이터에 반응하는 코드를 현명하게 작성하면 된다. My Inbox: From: {{ message.from }} Subject: {{ message.subject }} {{ message.sent | date:'MMM d, y h:mm:ss a' }} Delete email // 추가된 부분 - delete하기 위해 - html파일 안에 어떤 식으로 코드가 작성되고, 추가되었는지 확인 var myApp = angular.module('myApp', [])..

node app.js 를 한 번 하면, 코드가 수정되어도 계속 수정 전의 코드상태로 실행되고 있음. 하지만 ! supervisor를 사용하면, 수정되면 자동으로 꺼졌다 ! 켜졌다 ! 한다. 이런 기능을 워치(watch)라고 한다. 설치- npm install supervisor --g--g로 하는 이유는, 이 파일이 있는 폴더 뿐만 아니라 컴퓨터 모든 곳에서 사용하기 위해. 사용- node app.js라고 실행시키던 것을 supervisor app.js라고 실행. 굉장히 편하다...

GET방식과 POST방식의 차이 GET - 어떠한 정보를 서버에 요청해서 가져오는 것. // " 서버 " ㅁ .jade 태그의 속성을 넣고 싶다면 ex) meta(charset='utf-8') pp.get('/form',function(req,res){ res.render('form'); }); app.get('/form_receiver',function(req, res){ var title = req.query.title; var description = req.query.description; res.send(title+','+description); }); - input이나 textarea의 값을 submit했을 때 값을 가져오고 싶다면 name을 지정해주고 req.query로 참조하면 된다. ㅁ ..