Hi

행동의 목표1. 자립할 것2. 사회와 조화를 이루며 살아갈 것 위의 행도을 뒷받침하는 심리적 목표1. 내게는 능력이 있다는 의식을 가질 것2. 사람들은 내 친구라는 의식을 가질 것

유니버설 Vue.js 애프리케이션을 개발하기 위한 편리한 프레임워크

@keyframes애니메이션 효과를 진행 속도나 단계를 직접 지정할 때 사용합니다. 13-02 .box { background-color: blue; width: 50px; height: 50px; position: absolute; top: 20px; left: 30px; } @keyframes shake-box { 0% { transform: translateX(-20px); background-color: blue; } 50% { transform: translateX(10px); background-color: yellow; } 100% { transform: translateX(-20px); background-color: blue; } } .box:hover { animation: shake-..

전개 연산자배열이나 객체를 ... 연산자와 함께 객체 리터럴, 배열 리터럴에서 사용하면 분해된 값으로 전달합니다.let obj1 = { name:"박문수", age:29 }; let obj2 = { ...obj1 }; let obj3 = { ...obj1, email:"mspark@gmail.com" }; console.log(obj2); console.log(obj3); console.log(obj1 == obj2); //false let arr1 = [ 100, 200, 300 ]; let arr2 = [ "hello", ...arr1, "world"]; console.log(arr2);기존 객체의 속성이나 배열의 요소들을 포함하여 새로운 객체, 배열을 생성하고자 할 때 사용합니다.

클래스정적 메서드(Static Method), 인스턴스 메서드(Instance Method), 생성자(Constructor)를 모두 잘 지원하고 있습니다.class Person { constructor(name, tel, address) { this.name = name; this.tel = tel; this.address = address; if (Person.count) { Person.count++; } else { Person.count = 1; } } static getPersonCount() { return Person.count; } toString() { return `name=${this.name}, tel=${this.tel}, address=${this.address}`; } } va..

모듈독립성을 가진 재사용 가능한 코드 블록여러 개의 코드 블록을 각각의 파일로 분리한 후 필요한 모듈들을 조합해 애플리케이션을 개발할 수 있습니다.변수, 함수, 객체, 클래스 등을 export할 수 있습니다.let var1 = 1000; function add(a,b) { return a+b; } export { var1, add };import { add, var1 as v } from './utils/utility1'; console.log(add(4,5)); console.log(v); 만일 export하는 값이 단일 값, 단일 객체, 단일 함수, 단일 클래스라면 default 키워드를 이용해 export한 후 단일 값으로 import할 수 있습니다.let calc = { add(x,y) { ret..

apply문맥을 넘어서서 this를 연결하려면 bind, apply, call 등의 함수 수준의 메서드를 이용해야 합니다.function Person(name, yearCount) { this.name = name; this.age = 0; var incrAge = function () { this.age++; } for (var i=1; i

npm 과 yarn npm yarn 기능 npm install yarn 또는 yarn install 프로젝트 초기화 npm install --save [패키지명] yarn add [패키지명] 패키지를 프로젝트 의존성으로 추가 npm install --save-dev [패키지명] yarn add --dev [패키지명] 패키지를 프로젝트 개발 의존성 수준으로 추가 npm install --global [패키지명] yarn global add [패키지명] 패키지를 전역 수준으로 추가 npm update --save yarn upgrade 프로젝트 패키지 업데이트 npm run [스크립트명] yarn [스크립트명] package.json의 스크립트 명령 실행 npm uninstall --save [패키지명] y..

https://wayhome25.github.io/nodejs/2017/02/18/nodejs-11-express-query-string/

십자가 앞에 꿇어 주께 물었네 추위와 굶주림에 시달리는 이들 총부리 앞에서 피를 흘리며 죽어가는 이들을 왜 당신은 보고만 있냐고 눈물을 흘리면서 주께 물었네 세상엔 죄인들과 닫힌 감옥이 있어야만 하고 인간은 고통 속에서 번민해야만 하느냐고 조용한 침묵 속에서 주 말씀하셨지 사랑 사랑 사랑 오직 서로 사랑하라고 난 영원히 기도하리라 세계 평화 위해 난 사랑하리라 내 모든 것 바쳐 마태오 복음서 25장 40절- 너희가 내 형제들인 이 가장 작은 이들 가운데 한 사람에게 해 준 것이 바로 나에게 해 준 것이다.

z-index 를 설정하면서 안된다면, 그 위의 부모들의 z-index를 건드리면 된다. 부모가 z-index: 100 이고,자식이 z-index: 1 이라도 자식이 위에 있다. 자식은 z-index가 100 + 1 = 101이 되는듯하다.

# git stash pop git stash 해서 사라진 코드들을 다시 복원할 수 있는 명령어.

1. 오늘만큼은 행복할 것이다. "대부분의 사람들은 마음먹은 만큼 행복하다"라는 에이브러햄 링컨의 말은 사실이다. 행복은 내면에서 나오는 것이지 외부에서 오는 게 아니다. 2. 오늘만큼은 모든 것에 나를 맞추겠다. 내 기대에 맞추려고 하지 않고 가족과 일, 행운을 다가오는 그대로 받아들이고 나 스스로를 거기에 맞출 것이다. 3. 오늘만큼은 몸을 돌보겠다. 몸은 내 삶을 위한 완벽한 장비다. 그러니 운동하고 몸을 돌보고 영양을 섭취하면서 함부로 다루거나 방치하지 않도록 하겠다. 4. 오늘만큼은 내 마음을 단단히 단련하겠다. 뭔가 유용한 것을 배우겠다. 빈둥빈둥 시간만 보내지 않고 생각하고 집중하며 무언가를 읽어보겠다. 5. 오늘만큼은 세 가지 방법으로 내 영혼을 단련하겠다. 선의를 베풀고 티 내지 않겠다...

주여, 저를 평화의 도구로 써주소서.미움이 있는 곳에 사랑을,증오가 있는 곳에 용서를,의심이 있는 곳에 믿음을,절망이 있는 곳에 희망을,어둠이 있는 곳에 빛을,슬픔이 있는 곳에 기쁨을 심게 하소서.오, 주여, 제가 위로받기보다는 남을 위로하게 하소서.이해받기보다는 이해하며,사랑받기보다는 사랑하게 하소서.우리는 줌으로써 받고,용서함으로써 용사받고,죽음으로써 영생을 누리기 때문입니다.

1. 격앙된 감정을 다스려라2. 주의력을 유지하라3. 멈추어야 할 때 제동을 걸어라4. 작업 기억 능력을 향상시켜라5. 유연하게 방향을 전환하라6. 통합적으로 실행하라

1. 인식하기 Awareness : 상사에게 자기 마음을 전하고 싶은 충동이 들었다는 것을 인식한 후, 그런 충동을 비판하지 말고 인정한다. (상사에게 당장 전화를 걸어 속내를 말하고픈 충동이 일었다는 데 대해 자책하지 않도록) 2. 숨 고르기 Breathing :자신이 느낀 좌절감에 공감하고 그 감정을 받아들이기 위해서 몇 번 깊이 심호습을 한다. (인식한 것이 가슴으로 전해지도록) 3. 선택하기 Choosing :상사에게 전화를 걸고 싶다는 충동과 그 충동에 수반한 비생산적인 생각에 브레이크를 걸고, 그런 좌절감을 해결하기 위해 최선을 방법을 선택한다.

ngroknpm install -g ngroknpm run dev 를 실행하고(로컬 서버를 실행한다.)실행 명령어 'ngrok http 8080' (포트번호)Forwarding http://ae98f6e6.ngrok.io -> localhost:8080 Forwarding https://ae98f6e6.ngrok.io -> localhost:8080 위의 주소(http~, https~)로 브라우저에 접속하면 된다.

watch : { '$route'(to, from) { this.no = to.params.no; } } 인자 to : 각각 현재의 라우트 객체, from : 이전의 라우트 객체

URI가 /contacts/:no 일때this.$route.params.no 는 위의 :no 에 접근할 수 있다. /users?keyword=testthis.$route.query.keyword 쿼리 문자열의 이용한 요청인 경우this.$route.query.keyword 에 접근할 수 있다.

open -a webstorm .open -a phpstorm .

svg를 웹폰트로 만드는 법npm install webfonts-generator --save src 폴더에 test-input-icons(svg파일을 다운받아 넣는 곳)를 만든다. icon-font-dest(svg파일이 웹폰트로 변환되는 곳)도 만든다. build 폴더에 webfont.generator.js 파일을 만들고const webfontsGenerator = require('webfonts-generator'); const fs = require('fs'); const _ = require('lodash'); const iconPath = 'src/test-input-icons'; const files = _.chain(fs.readdirSync(iconPath)) .filter(f => f.e..

elements.envato.com/web-templates

WebStrom 메모리 사용 확장하는 법 cd /cd Applications/WebStorm.app/Contents/bin 에 들아가서 vi webstorm.vmoptions 에 들어가서 1 -Xms512m2 -Xmx4096m 로 변경한다. 하지만 WebStrom이 업데이트 되면 저 파일이 변경될 수 있기 때문에, 각 프로젝트마다 웹스톰 프로그램에서 Help -> Edit Custom VM Options ...로 들어가서 위의 설정으로 변경한다.

{ "presets" : ["es2015"] } 이 설정내용은 ES2015 코드를 이전 버전의 자바스크립트 코드로 트랜스파일한다는 것입니다. babel을 사용하려면 .babelrc 파일을 반드시 작성해야 합니다.

현재 작성하고 있는 애플리케이션, 모듈의 의존서어 관리를 위해 사용하는 파일이며 JSON 형식을 준수합니다. 이 파일에는 현재 프로젝트가 의존하고 있는 다른 프로젝트를 명시하고 관리할 수 있습니다.

최소한의 변경으로 재사용할 수 있는 프로젝트 템플릿

기존 웹 어플리케이션은 화면마다 페이지를 작성했습니다. 그래서 화면이 바뀔때마다 페이지를 매번 로드해야 하는 문제점이 있었습니다. SPA는 하나의 페이지에 HTML, CSS, 자바스크립트 코드를 한번에 작성하고 로드합니다. 따라서 동일 페이지 안에서 화면만 바뀌기 때문에 데스크톱 애플리케이션 수준의 사용자 경험을 제공합니다. 한 페이지 안에서 화면만 바뀌기 때문에 상태 관리, 라우팅 기능을 제공할 수 있는 기능이 반드시 필요한 것이 단점입니다.

출처 : 문요한 정신과 전문의 1. 두려움을 마주보기 2. 두려움에 이름 붙이기 ex) 내가 지금 뭐때문에 두려워 하고 있어 3. 하고자하는 행위(목표)에 초점을 맞춘다

v-on 을 이용한 사용자 지정 이벤트$on(eventName) 을 사용하여 이벤트를 감지 하십시오. $emit(eventName) 을 사용하여 이벤트를 트리거 하십시오. {{ total }} Vue.component('button-counter', { template: '{{ counter }}', data: function () { return { counter: 0 } }, methods: { incrementCounter: function () { this.counter += 1; this.$emit('increment'); } } }); new Vue({ el: '#counter-event-example', data: { total: 0 }, methods: { incrementTotal: fu..

get post put deletehttp Methods 이다. HTTP Verbs 라고도 불리는데, HTTP 신호의 타입들을 분류해 놓은 것입니다.GET서버에서 resource를 보내달라고 요청합니다.POST서버에게 resource를 보내면서 '생성'해 달라고 요청합니다.PUT서버에게 resource의 업데이트 하거나 resource가 없다면 새로운 resource를 생성해 달라고 요청합니다. '수정'DELETE서버에게 resouce의 삭제를 요청합니다.PATCH서버에게 resource의 업데이트를 요청합니다. PUT과 비교해서 부분 데이터를 업데이트하는 차이점이 있습니다.