본문 바로가기

전체 글

(919)
react class 와 react hooks 를 활용한 함수형 방식 구현 비교 react 를 class 방식으로 구현하는 방법이 있고, hooks 을 사용하는 함수형 방식으로 구현이 가능하다.hooks 로 구현하면 useState(기본값) 을 통해 상태값을 조절 가능하다.class 보다 hooks 를 활용한 함수형 코딩이 더 간결하면서 가독성이 강하다. import React, { useState } from "react";import ReactDOM from "react-dom"; import "./styles.css"; const App = () => { const [item, setItem ] = useState(1); const incrementItem = () => setItem(item + 1); const decrementItem = () => setItem(item ..
vuejs 의 서로 형제 관계인 컴포넌트 사이의 정보 전달 $emit 와 $on 사용 vuejs 의 서로 형제 관계인 컴포넌트 사이의 정보 전달 $emit 와 $on 사용한다.이벤트 버스의 객체를 만들어 사용하면 되며, vue 인스턴스를 만들어 사용하면 된다. 데이터를 저장할 필요 있으면 데이터 옵션 추가 가능하다.이벤트를 수신하는 컴포넌트는 미리 이벤트 핸들러를 등록해 두어야 하며 , vue 인스턴스 생명주기의 created 이벤트 훅을 이용한다. vue 인스턴스가 만들어질때 $on 메소드를 사용해 이벤트 수신 정보를 등록해 두어야 한다. 이벤트를 발신하는 컴포넌트에서는 $emit 메소드를 호출한다. DOCTYPE html> 06-24 var eventBus = new Vue(); child1 button!! {{currentTime}} Vue.component('child1-compo..
aws rds 의 mssql 데이터베이스 이름 변경하기 rdsadmin.dbo.rds_modify_db_name 다중 AZ 배포의 Microsoft SQL Server 데이터베이스 이름 변경다중 AZ를 사용하는 Microsoft SQL Server 데이터베이스 인스턴스의 이름을 변경하려면 다음 절차에 따릅니다.먼저 해당 DB 인스턴스에 대해 다중 AZ를 해제합니다.rdsadmin.dbo.rds_modify_db_name을 실행하여 데이터베이스의 이름을 변경합니다.그 다음에 해당 DB 인스턴스에 대해 다중 AZ 미러링 또는 상시 작동 가용성 그룹을 활성화하여 원래 상태로 되돌립니다.자세한 내용은 다중 AZ를 Microsoft SQL Server DB 인스턴스에 추가 단원을 참조하십시오.참고해당 인스턴스에서 다중 AZ를 사용하지 않는 경우 rdsadmin.dbo.rds_modify_db_name을 실행하기 전 또는 후..
대장내시경 크리쿨산 조제 및 복용방법 회사에서 건강검진 대상 중, 대장내시경을 받을 수 있다길래 신청하게 되었습니다. 온라인을 통해 해당 병원에 예약 일정을 선택 후 신청하니 크리쿨산 이라는 약상자 하나가 집으로 배달이 왔네요.우선 크리쿨액 조제하는 방법이 아래 사진처럼 작은봉지 1개, 큰봉지 1개를 뜯어서 통에 담고나서 물을 500 ml 붓습니다. 그리고 녹을때까지 계속 흔들어서 섞어줍니다. 저는 오후에 신청을 해서 오전에 검사하시는 분들은 아래 사진처럼 검진 받기 하루 전 오후 8시에 큰봉지1개 + 작은봉지 1개 + 500리터 를 먹습니다. 여기서 끝나는게 아니라 한번 더 큰봉지1개 + 작은봉지 1개 + 500리터 를 위와 같이 제조해서 한번 더 먹습니다. 해당 시간 이내에 이렇게 두번 먹어야 합니다. 그리고 물만 500 리터 물을 먹습..
미밴드3 를 구매하다. 미밴드 3 을 구입했습니다. 박스로 간단하게 미밴드 3이미지와 3이라는 큰 글자 그리고 우측 상단에 mi 라는 회사 마크가 보이네요. 열어보니 노란색 케이스가 보이며, 미밴드는 포장이 되어있고, 그 아래 감춰진 박스안에는 메뉴얼이 있습니다. 미밴드가 들어있는 상단 부분의 노란색 박스안에는 충전 연결 선이 존재합니다. 상단에 보이는 충전 연결선이 보이고, 하단에 있는 메뉴얼은 두꺼운데 정말 이걸 누가 볼지는 모르지만 정말 두껍습니다.미밴드를 꺼내봤는데요. 볼록하게 나와 있습니다. 착용하면서 여러번 책상 아래를 친 적이 있는데 아직은 기스 없이 튼튼합니다. 전원을 키면 스마트폰과 연결시도를 합니다. 블루투스를 활성화 시키면 mi band 3라는 문구가 블루투스 리스트에 보이며 이를 통해 연결을 하면 됩니다...
Blistering-fast Handlebars.js templates in your .NET application https://github.com/rexm/Handlebars.Net Handlebars.Net Call for Input on v2Blistering-fast Handlebars.js templates in your .NET application.Handlebars.js is an extension to the Mustache templating language created by Chris Wanstrath. Handlebars.js and Mustache are both logicless templating languages that keep the view and the code separated like we all know they should be.Check out the handlebars..
jQuery 의 동적 dom 생성시 autocomplete 이벤트 지정하는 방법법 autocomplete 사용할 경우, 동적 dom 생성시 매번 이벤트를 지정해 줘야 한다.dom 을 append 하고 나서, 추가된 마지막 dom 에 :last 하여 autocomplete() 함수를 지정하는 구문이다. Add More Fields $(document).ready(function() { var max_fields = 10; //maximum input boxes allowed var wrapper = $(".input_fields_wrap"); //Fields wrapper var add_button = $(".add_field_button"); //Add button ID var x = 1; //initlal text box count var availableAttributes = [ ..
React, Redux, and Firebase 로 todo 앱 만들기 A Simple Todo App withe React, Redux, and Firebase https://github.com/rajatk16/firedux-todo firebase 은 realtime database 에서 추가, 삭제가 이루어 진다. React와 함께 Redux 라이브러리를 사용하여이 앱의 상태를 관리합니다. Redux는 ToDo 앱처럼 단순한 앱에는 필요하지 않지만 Redux를 다른 React App에 추가하는 데 필요한 단계를 이해하는 데 도움이됩니다!Google의 Firebase는이 애플리케이션에서 사용할 놀라운 기술 중 하나입니다. Firebase는 인증, 저장, 테스트 및 데이터베이스와 같은 다양한 기능과 서비스를 제공 할 수 있습니다. 그러나이 게시물에서는 파이어베이스를 사용하..