Skip to content

Instantly share code, notes, and snippets.

View ibare's full-sized avatar
😃
I'm happy!!

Kim Mintae ibare

😃
I'm happy!!
  • WoowaBros
  • seoul, korea
View GitHub Profile
import { Data, animate, Override, Animatable } from "framer"
const data = Data({
plusOpacity: 1,
minusOpacity: 0.3,
page: 0
})
export const PlusButtonStatus: Override = () => {
return {
@ibare
ibare / KeepGrowing.tsx
Last active January 1, 2019 04:16
FramerX KeepGrowing interaction
import { Data, animate, Override, Animatable } from "framer"
const STABLE_COLOR = '#FFF'
const GROWING_COLOR = '#F00'
let isGrowing = false
const data = Data({
backgroundColor: Animatable(STABLE_COLOR),
likeScale: Animatable(1)
@ibare
ibare / App.tsx
Created December 29, 2018 13:37
FramerX ToggleButton Study#1.2
import { Data, animate, Override, Animatable } from "framer"
let isOriginalSize = true
const data = Data({
scale: Animatable(1)
})
export const ToggleButton: Override = () => {
return {
START_POSITION = 60
ADJUIST = 5
boxMaker = (y) -> new Layer
name: 'box'
opacity: 0
x: Align.center
y: y
backgroundColor: Utils.randomColor()
width: Screen.width - 10
@ibare
ibare / main-view.js
Created November 28, 2017 06:26
Woowahan table plugin sample
import Woowahan from 'woowahan';
import template from './main.handlebars';
export const Main = Woowahan.View.create('Main', {
template,
initialize() {
this.setModel({
myList: [
{ all: '부각용', wait: '7', ad: '10', deal: '8' },
@ibare
ibare / pad.js
Created September 7, 2017 01:46
pad example
var pad = size => num => (Array(size-String(num).length+1)).join('0')+num;
@ibare
ibare / bind.js
Created August 2, 2017 05:01
bind function
const myview = Woowahan.View.create('bindExample', {
initialize() {
this.onDragend = this.onDragend.bind(this);
this.super();
},
viewDidMount() {
this.map.addListener(markerId, 'dragend', this.onDragend);
@ibare
ibare / package.js
Created July 27, 2017 04:39
Business module package for woowahanjs
import * as actions from './actions';
import * as plugins from './plugins';
import myMiddleware from './middleware/mymiddleware';
import reducers from './reducers';
import views from './views';
export default {
view: views.shopFinder,
setup: function(app) {
@ibare
ibare / js-exec-context.js
Last active July 11, 2017 05:34
javascript 실행 콘텍스트의 변화
function Foo() {
// this 는 new 연산자로 호출되었을 때를 전제한다
// this 는 인스턴스 객체
this.myname = 'Foo';
this.displayName = function() {
// this 는 인스턴스 객체를 전제한다.
// 따라서 반드시 [인스턴스].displayName() 으로 호출되어야한다
// 그렇게 하지 못할 경우 인스턴스 객체를 바인딩 시켜줘야야 this 가 인스턴스 객체를 가르킨다
// ㄴ displayName.bind([인스턴스])
console.log(this.myname);
const fooView = Woowahan.View.create('fooView', {
useStore: {
rules: 'orderRule, bannerRule',
addressInfo: {
props: 'si,gu,gun,detail',
listen: true
},
memberInfo: '*',
orderNo: 'orderInfo.orderNo'