Do It For You

XE3 : 최초 제로보드라는 이름으로 오픈소스로 널리 알려졌던 공개게시판형 소프트웨어.

진화하여 xpressengine 으로 모습이 바뀌었다. 테마라고 스킨을 업로드하면 전체 디자인이 바뀌는데. 

지금은 부트스트렙css와 jquery로 반응형 웹을 만들고 있다.

(구)제로보드,XE3 장점

 - 강력한 회원관리 : 그룹별 권한관리, 게시판별 권한 설정가능

 - 게시판 무제한 생성

 - 테마, 스킨변경으로 일반게시판 블로그형 게시판으로 쉽게 전환됨

 - 반응형 웹으로 브라우저 사이즈에 맞게 화면 구성이 바뀜.

 - 무료

 - 커뮤너티활성화를 위해 만들어지는 사이트엔 효과있음

설치가이드 : https://www.xpressengine.com/guide/getting-started/installation

1. 최신버전의 xe3소스 다운로드

2. 웹서버가 설치 또는 호스팅되어있는 경로에 소스 unzip

3. http://localhost 로 접근하여 installer 진행

4. 인스톨이 끝나면 설치된 페이지 메인화면을 확인

  5. 로그인하여 관리자 모드에서 메뉴, 테마등을 수정하여 자신의 웹페이지를 만든다..

WAMP란 마이크로소프트 윈도우 환경에서 PHP, MySQL, Apache를 사용할 수 있는 환경을 만들어주는 소프트웨어이다.

installer : https://bitnami.com/stack/wamp/installer

다운로드 설치후 

Bitnami Wamp Stack 이란 원도우폼 형식의 operation 화면을 볼수 있다.

여기서 apache web server, mysql database를 시작/종료 및 설정파일 수정할 수 있다.

최신버전으로 WAMP설치시 PHP는 7.2.~~ 버전

https://calibre-ebook.com/
뉴스가져오기로 영자신문  또는 잡지를 다운로드 받고 

킨들계정으로 메일로 보내면, 짜잔.

Play with 라즈베리파이

Installation of Operation System.

Download url : https://www.raspberrypi.org/downloads/

Choose “Noobs”, offline and network install

Booting Disk준비 : SDCardFormatterv를 이용해서 SDCard를 포멧하고 unzip한 Noobs파일을 SDCard로 복사한다.

라즈베리파이에 SDCard 를 삽입하고 부팅하여 Noobs를 설치한다.

아두이노 모터 드라이버 쉴드 L293D
가격대비 제어되는 모터 수가 많아 처음 모터제어하는 사람이 사용하기 좋음

장비는 메카솔루션에서 사고, 

사용방법은 에듀이노 내용을 참고함
참고) http://eduino.kr/product/detail.html?product_no=126&cate_no=25&display_group=1

위 url 샘플 예제를 참고해서
프로그래밍함)

#include <SoftwareSerial.h> 
#include <AFMotor.h>       // L293D 모터 드라이브 라이브러리
 
AF_DCMotor motor_1(1);     // 모터 1 객체         
AF_DCMotor motor_2(2);     // 모터 2 객체 
AF_DCMotor motor_3(3);     // 모터 3 객체
AF_DCMotor motor_4(4);     // 모터 4 객체
 
void setup() {
  motor_1.setSpeed(150);    // 모터 1 속도 설정          
  motor_1.run(RELEASE);     // 모터 1 돌리지 않는 상태
  motor_2.setSpeed(150);    // 모터 2 속도 설정          
  motor_2.run(RELEASE);     // 모터 2 돌리지 않는 상태
  motor_3.setSpeed(150);    // 모터 3 속도 설정          
  motor_3.run(RELEASE);     // 모터 3 돌리지 않는 상태
  motor_4.setSpeed(150);    // 모터 4 속도 설정          
  motor_4.run(RELEASE);     // 모터 4 돌리지 않는 상태
}
 
void loop() {
 // 모터 1
 motor_1.run(FORWARD);    // 정방향으로 회전
 motor_2.run(FORWARD);    // 정방향으로 회전
 motor_3.run(FORWARD);    // 정방향으로 회전
 motor_4.run(FORWARD);    // 정방향으로 회전
 delay(3000);
 
 motor_1.run(RELEASE);    // 쉬기
 motor_2.run(RELEASE);    // 쉬기
 motor_3.run(RELEASE);    // 쉬기
 motor_4.run(RELEASE);    // 쉬기
  delay(1000);
  motor_1.run(BACKWARD);   // 역방향 회전
 motor_4.run(BACKWARD);   // 역방향 회전
  delay(3000);
  motor_2.run(BACKWARD);   // 역방향 회전
 motor_3.run(BACKWARD);   // 역방향 회전
 delay(3000);
 motor_1.run(BACKWARD);   // 역방향 회전
 motor_2.run(BACKWARD);   // 역방향 회전
 motor_3.run(BACKWARD);   // 역방향 회전
 motor_4.run(BACKWARD);   // 역방향 회전
 delay(3000);
 motor_1.run(RELEASE);    // 쉬기
 motor_2.run(RELEASE);    // 쉬기
 motor_3.run(RELEASE);    // 쉬기
 motor_4.run(RELEASE);    // 쉬기
  delay(1000);
 motor_1.run(FORWARD);   // 정방향 회전
 motor_4.run(FORWARD);   // 정방향 회전
  delay(3000);
 motor_2.run(FORWARD);   // 정방향 회전
 motor_3.run(FORWARD);   // 정방향 회전
 delay(3000);
 
}

차후, 초음파센서와 블루투스 or wifi로 rc카 조정가능하길

Quiet - Susan Cain

책을 보다 보니, 예전에 넷플릭스에서 재미나게 봤던, ‘내안에 잠든 거인을 깨워라’ -토니 로빈슨 얘기도 나온다.

토니 로빈슨의 강연은 내면의 자아를 끄집어 밖으로 정확히 표출할 수 있게 도와주는 역할을 했던 것 같다. 개인의 트라우마를 깨고 나올 수 있게 했던 것 같고. 사람들을 외향적으로 만드는 강사이고 그런 아카데미를 운영하는 사업가다.

작가는 로빈슨 강연에 참가한 내용도 적으면서 사람들을 치료하는 것처럼 위장한 상업적 장사꾼으로 얘기했다.

지금 생각하니 작가의 말이 맞네^^

‘콰이어트’는 나를 정확히 어떤 사람인지 학문적으로 표현해 놓은 책 같아 좋다.

내향적이며 고 반응성 유전자를 지닌 사람. 그 고 반응성을 컨트롤 하려고 지금도 노력하고 있는 사람.

 난,

-새로운 장소에 적응하려면 30분정도는 시간이 필요하다.

-말을 하는 것 보다 글로 적는게 더 편하다.

-글을 적을때 한번에 적을 수 없다. 쓰고 지우고 쓰고 지우고를 반복한다.

-몸의 감각은 나를 쉬게 놔두지 않고 예민하게 만든다.

-공부를 하면 할수록 더 불안하다. 그래서 알랭드 보통의 ‘불안’ 이란 책을 읽고 위로받는다.

 철학책은 나의 감각, 증세를 당연하다 말하는 것 같아 위로가 된다.

이 고반응성 유전자는 엄마 > 나 > 아이에게 까지 이어지고 있다.

Product을 소개하는 Speaker를 한적이 있다. 백번을 연습하고, 무대에서 연기 하듯 웃으며 했다.

내 마음이  ‘스위트 스폿’에 오도록 만들어야 난 편안해 질 수 있다. 작은 발표를 하더라도 난 항상 연습이 필요하다.

난 그걸 알고 있다. 너무 피곤하지만 그게 나인걸, 싫지만 인정한다. 그리고 나에게 수고한다 얘기해 줘야 한다.

성격은 개조할 수 있지만 그것도 어느 선까지다. 타고난 기질 때문에 나의 삶은 항상 영향을 받고 있다.

어릴때 아이가 또래 집단의 가장자리에서 맴돌며 관찰만 하다가, 때로는 몇주나 몇 달간 그렇게 한 후에야 그 집단 안으로 들어가는 모습을 보았다. 커가면서 그 기간은 조금더 짧아 지는 것 같다.

나를 이해하니 아이도 이해가 된다. 아이에게 ‘스위트 스폿’을 만들어 줘야지 하는 생각을 먼저하게 된다.

여기가 #2부까지 읽은 책의 느낌이었다

#3~4 부는 불안함이 느껴질 때 봐야지~

trial 20190201 버전

상세 내역을 db화 할때 full text가 encoding된 html text일 수 있다

등록할때 보통 text를 escape하거리 html encoding하여 db에 등록하곤한다.

angularjs 사용에서 db에 들어있는 html text를 화면에 바인딩 하려면 ng-bind-html을 이용한다.

html로 표현하며 바인딩하기

encoding된 html text를 ng-bind-html 로 바인딩 하면 decoding하여 표현만 하고 html이 적용된 모습으로 화면에 표현되진 않는다.

그래서

ng-bind-html을 이용할때는 decoding된 html full text를 $scope 영역에 담고 사용한다.

<p>상품상세 부분 html encoded text will be added</p>

<ol>

<li>상품의 상세정보를 기술한다</li>

<li>이미지를 첨부할 수 있다<img src="https://t1.daumcdn.net/cfile/tistory/996B28455C1F6FB206" alt="" width="530" height="808" /></li>

<li>기타 <a href="http://doitforyou.co.kr">링크를</a> 추가할 수 있따.</li>

</ol>

==>ENCODED HTML

&lt;p&gt;상품상세 부분 html encoded text will be added&lt;/p&gt;

&lt;ol&gt;

&lt;li&gt;상품의 상세정보를 기술한다&lt;/li&gt;

&lt;li&gt;이미지를 첨부할 수 있다&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/996B28455C1F6FB206&quot; alt=&quot;&quot; width=&quot;530&quot; height=&quot;808&quot; /&gt;&lt;/li&gt;

&lt;li&gt;기타 &lt;a href=&quot;http://doitforyou.co.kr&quot;&gt;링크를&lt;/a&gt; 추가할 수 있따.&lt;/li&gt;

&lt;/ol&gt;'

=>

c#을 사용하고 있어

결과 dataset의 특정필드를 htmldecode시켜서 VIEW페이지로 리턴한다.

        private void getProdPrice(String sParam1)

        {

            bivrProdM oProd = new bivrProdM();

            DataSet dsResult = null;

            dsResult = oProd.GetProdPrice(sParam1);

            dsResult.Tables[0].Rows[0]["CONTENTS1"] = Server.HtmlDecode(dsResult.Tables[0].Rows[0]["CONTENTS1"].ToString());

            String jsonString = JsonConvert.SerializeObject(dsResult);

            Response.Write(jsonString);

        }

html page

 <div class="col-xs-12 col-sm-10 blog-content">

                                <a href="#"><img class="img-responsive img-blog" check-image ng-src="{{imageUrl}}" width="100%" alt="" /></a>

                                <h2><a href="blog-item.html">Consequat bibendum quam liquam viverra</a></h2>

                                <h3>Curabitur quis libero leo, pharetra mattis eros. Praesent consequat libero eget dolor convallis vel rhoncus magna scelerisque. Donec nisl ante, elementum eget posuere a, consectetur a metus. Proin a adipiscing sapien. Suspendisse vehicula porta lectus vel semper. Nullam sapien elit, lacinia eu tristique non.posuere at mi. Morbi at turpis id urna ullamcorper ullamcorper.</h3>

                                <a class="btn btn-primary readmore" href="blog-item.html">Read More <i class="fa fa-angle-right"></i></a>

                                htmlTest : [{{AddHtmlData}}] vs. [<span ng-bind-html="AddHtmlData"></span>]

                            </div>

--------------------------------------------

angularjs사용하기 위한 스크립트

--------------------------------------------

<script src="https://code.angularjs.org/1.7.6/angular.min.js"></script>

<script src="https://code.angularjs.org/1.7.6/angular-sanitize.min.js"></script>

    <script>

        var app = angular.module('myApp', ['ngSanitize']);

.......

   $http.get("/View/getProductDetails.aspx?oP=" + oParam1)

                .then(function (response) {

                    $scope.PDTLNAME = response.data.Table[0].PDTLNAME;

                    $scope.PINITAMT = response.data.Table[0].PINITAMT;

                    $scope.PTAXAMT = response.data.Table[0].PTAXAMT;

                    $scope.CONTENTSTITLE = response.data.Table[0].CONTENTSTITLE;

                   var  CONTENTS1= response.data.Table[0].CONTENTS1;

                    

                  //  var aa = "&lt;p&gt;상품상세 부분 html encoded text will be added&lt;/p&gt;&lt;ol&gt;&lt;li&gt;상품의 상세정보를 기술한다&lt;/li&gt;&lt;li&gt;이미지를 첨부할 수 있다&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/996B28455C1F6FB206&quot; alt=&quot;&quot; width=&quot;530&quot; height=&quot;808&quot; /&gt;&lt;/li&gt;&lt;li&gt;기타 &lt;a href=&quot;http://doitforyou.co.kr&quot;&gt;링크를&lt;/a&gt; 추가할 수 있따.&lt;/li&gt;&lt;/ol&gt;";

                    $scope.AddHtmlData = CONTENTS1;

                   

                    //alert(response.data.records);

                }, function (response) {

                    //return $q.reject(response.status + " " + response.data.error);

                    alert(response.status + " " + response.data.error);

                });

led strip(네오픽셀)로 크리스마스 트리 만들기

준비물 : 아두이노, Adafruit Neopixel, 종이, 납땜기, 전선

아두이노에서 "Adafruit Neopixel" 라이브러리 다운로드 하기 =>  스케치 > 라이브러리 포함하기 > 라이브러리 관리

생각했던 것 보다 예쁨(*________________*)