불타는 키보드

예시 상황 : 점심 메뉴 투표화면 만들기 부모 컴포넌트 : vote-view 자식 컴포넌트 : 선택지 보여주는 option-selector 결과 보여주는 vote-result-viewer 부모 컴포넌트 : vote-view 백엔드로부터 받아왔다고 가정할 정보 title: "점심 골라줘", opts: [ { id: 1, value: "국밥", votes: 1, }, { id: 2, value: "자장면", votes: 2, }, { id: 3, value: "돈가스", votes: 3, }, { id: 4, value: "햄버거", votes: 4, }, ], 선택지를 렌더링할 option-selector에 위 정보를 넘겨줍시다. 결과를 렌더링할 vote-result-viewer에도 넘겨줍니다. 투표를 했..

프레임워크+라이브러리/Vue 2021. 12. 12. 22:53

(깊게 파고들면 기초라 할 수 있을지 모르겠지만 할튼 사용법으로는 기초에 해당할 수 있는 리스트 렌더링 사용법) 점심 메뉴를 고르기 위한 선택지를 만들어봅시다. 전달받은 메뉴 선택지는 아래와 같습니다. opts: ["국밥", "햄버거", "돈가스", "자장면"] 우선 데이터가 아래와 같이 들어온다고 치고, data() { return { opts: ["국밥", "햄버거", "돈가스", "자장면"], }; }, 컴포넌트 이름은 option-selector 라고 하겠습니다. name: "option-selector" 스크립트 영역은 그럼 이렇게 되겠죠. 이제 컴포넌트의 템플릿을 작성해봅시다. 우선 root 태그 하나 만들어주고,, 이 form-group 이라는 div 태그안에 opts array 정보를 담은..

프레임워크+라이브러리/Vue 2021. 12. 12. 18:32

👇데이터 row들 값 비교 연산 (gte, lte, gt, lt) __gte: 크거나 같다 __gt : 크다 __lt : 작다 __lte : 작거다 같다 180일동안 변동 없는 회원 필터링하기 >>> inactive_users = User.objects.filter(updated_at__lt = timezone.now() - datetime.timedelta(days=180)) 가입 후 1시간 이내 한정 회원 구하기 >>> new_users = User.objects.filter(created_at__gte = timezone.now() - datetime.timedelta(hours=1)) 아직 없는 상태 >>> new_users 신규 유저 한 명 더 넣어주기 >>> usr = User(name='홍당..

프레임워크+라이브러리/Django 2021. 3. 31. 18:45

👇 전반적인 예시 모델 class User(models.Model): email = models.EmailField(max_length=100) password = models.CharField(max_length=500) created_at = models.DateTimeField(auto_now_add=True) updated_at = models.DateTimeField(auto_now=True) class Meta: db_table = 'users' class Coupon(models.Model): name = models.CharField(max_length=100) discount_price = models.DecimalField(max_digits=10, decimal_places=2, nu..

프레임워크+라이브러리/Django 2021. 3. 30. 20:40

1. OneToOne OneToOneField를 사용했을 때 class BodyProfile(models.Model): height_cm = models.DecimalField(max_digits=5, decimal_places=2) weight_kg = models.DecimalField(max_digits=5, decimal_places=2) feet_mm = models.DecimalField(max_digits=5, decimal_places=2) class Meta: db_table = 'body_profiles' class User(models.Model): email = models.EmailField(max_length=100) password = models.CharField(max_le..

프레임워크+라이브러리/Django 2021. 3. 30. 18:04

위코드 2주차에는 스타벅스 메뉴와 상품들에 대한 정보를 Django를 통해 MySQL DB에 저장하는 과정에 대해 배웁니다. 안내되어 있기로는 python shell을 사용하라고 되어 있긴 한데... 하나하나 넣기에는 너무 귀찮아서ㅎㅎ 그냥 서버 request 받으면 한번에 처리되도록 로직을 작성하였습니다. (그리고 찾아보니 저처럼 csv 파일 사용하시는 분들이 몇 계시더군요) 1. 상품 영양 성분을 저장한 모델 (my_project/products/models.py 중 Nutrition class) class Nutrition(models.Model): one_serving_kcal = models.DecimalField(max_digits=6, decimal_places=2) sodium_mg = m..

프레임워크+라이브러리/Django 2021. 3. 29. 15:37

express-session은 클라이언트와 서버간에 session을 생성,응용할 때 사용하는 모듈입니다. 보통 아래의 형식같은 미들웨어로 쓰입니다. 여기서 resave와 saveUninitialized의 옵션은 무얼 의미하며, 어떤 차이가 있을까요. app.use(session({ secret: "my secret", resave: false, saveUninitialized: false })); resave: false resave? 모든 request마다 기존에 있던 session에 아무런 변경사항이 없을 시에도 그 session을 다시 저장하는 옵션입니다. (매 request 마다 세션을 계속 다시 저장하는 것) default: true (deprecated, 2020-October 기준) 어쨌거나..

프레임워크+라이브러리/Express 2020. 9. 27. 08:09

초기 셋팅 app.js 이름의 파일을 하나 만들고 pug를 install합니다. $ npm install pug --save app.js파일에서 미들웨어를 통해 view engine을 지정해줍니다. app.set('view engine', 'pug'); 태그 구분은 들여쓰기로! 양식으로 쓸 필요가 없습니다. 대신 들여쓰기 / 띄어쓰기를 기준으로 태그를 구분합니다. 들여쓰기 / 띄어쓰기가 삐뚤어졌다면 에러가 납니다! doctype html html head -const title1='익스프레스' -const title2='공부' title= title1 + ' ' + title2 link(rel='stylesheet', href='/stylesheets/style.css') body block conten..

프레임워크+라이브러리/Express 2020. 8. 7. 20:45