퇴근5분전

 

  배틀 그라운드 자기장 ... 구현해보기.

C#으로 만들어보니... 어거지로 만들어봤음.  종일 걸리네...

 > 이미지로 스샷 찍고...

 > 그걸 GIF로 만드는 소스를 구해서 이미지를 만들었음.

스샷으로 일정 시간별로 스샷을 찍어서 끊겨보이는데... 실제 돌리면 스르륵... 이동함.

>> 모바일에서 보면 줄다 말다 하네...

( 소스 숨김 ) 

 

# NPT 프로그램에 디자이너 수정.

> 기존에 컨트롤 사이즈 변경관련 해서 JSFW_Mover 객체를 이용하던 것을 제거 하고

   컨트롤 자체 이벤트로 변경하였음.

  : 판넬에 그리드 좌표 선을 그려주는 것을 사이즈 조절할때도 같이 그려지게 보여줌...

       AutoSize = true를 이용하여 스크롤이 자동으로 생성되는 걸 확인!

 

# VS확장 [ 메서드 목록 뷰 ]

   목록을 보여주는 부분을 수정,

   .cs 파일내에 클래스를 여러개 선언되어 있을때 목록을 보여줄때 클래스명을 그룹명으로 하여

   어느 클래스에 선언된 메서드인지 표시.

   검색 콤보에서 키워드 목록 선택시 >>> 메서드목록에 밑줄...

 

웹을 진행한지 몇년 된것 같으니... 되새기는 셈 치고 살짝 공부...

웹도 많은게 바뀐듯...한데 윈폼, WPF만 해서 그런지 멈춰버린듯...

VS2017로 Asp.Net Core 2.0으로 Razor 페이지 생성.

# 페이지 추가,

# 페이지 링크 추가

# MVC페이지로 컨트롤러와 뷰페이지 생성

# Get / Post

# Razor의 Helper 사용자 정의 메서드 만들기.

# @functions를 이용한 방법.

 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 테스트용 스크립트 ~~~~~~

@model Demo_WebCore.Pages.Test
    
@*
    For more information on enabling MVC for empty projects, visit https://go.microsoft.com/fwlink/?LinkID=397860
*@
@{
    ViewBag.Title = "테스트 컨트롤러 ( POST, GET ) 페이지";
}

@using Demo_WebCore.Helpers   @* using 사용자 정의 Html 확장 메서드 위치 *@
 
@functions
{
    public object 디스플레이(string msg)
    {
        return Html.DisplayName(msg);
    }
}
 
 테스트 GET : <a href="/Test/Create"> Edit </a> <br/> 

@using (@Html.BeginForm("Create", "Test", FormMethod.Post))
{
    @Html.AntiForgeryToken()

    @("테스트 POST : ") <br />

    @Html.ValidationSummary(true, "", new { @class = "text-danger" })
    @Html.EditorFor(model => model.Text, new { htmlAttributes = new { @class = "form-control" } })
    @Html.ValidationMessageFor(model => model.Text, "", new { @class = "text-danger" })

    <input type="submit" value="포스트" />
    <br />

    @디스플레이("~~~~")<br/>
    @Html.DisplayName("~~~"); <br />

    @Html.JSFW("하하하");   @*사용자 정의 Html 확장 메서드*@
}

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

namespace Demo_WebCore.Helpers
{
    public static class HTMLEx
    {
        public static IHtmlContent JSFW(this IHtmlHelper html, string message)
        {
            return html.Raw($"<span>{message}</span>");
        }
    }
}

 

 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

타입 스크립트와 자바스크립트 구분 관련 내용  : https://msdn.microsoft.com/en-us/magazine/jj883955.aspx 

 

 

 

'# 2) .Net ( Vs 2005 ) > WebForm' 카테고리의 다른 글

달력을 만들때...  (0) 2009.05.11
메뉴] 자바스크립트로 만든 메뉴객체를 이용.  (0) 2009.05.09
철호야! 공부하자!  (0) 2009.05.08
리피터 사용!!  (0) 2009.05.08
Table Row-> Select, MouseOver, Out관련  (0) 2009.05.08

# 숫자 포맷 지원하는 텍스트 박스

# 빨간 테두리는 일시적인 효과처리. ( 유효성 체크 후 표시후 원래대로 돌아갈때 사용 )

 

굿센에서 WPF 하면서 항상 부족하다고 느꼈던건 숫자 관련 텍스트박스.

요구사항은 현업에 따라 많았으나...  여러가지 방법들로 만들어 사용해봤었음.

 

이번에 내용들을 정리하며 새로 만들어 샘플로 만들어보았음.

또한 유효성 체크를 마치고 탈락된 컨트롤들에 대한 효과처리가 없어서 그에 대한 효과처리를 진행하기위해

애니메이션 효과를 이용하여 살짝 효과를 주고 다시 원래대로 복구되는 메서드 하나를 만듬.

 

바인딩 테스트도 해보았음.

<ntxt:NumberTextBox x:Name="txtnum" HorizontalContentAlignment="Stretch" Margin="3" VerticalAlignment="Center" Value="{Binding Sum, Mode=TwoWay}" Format="N3" ></ntxt:NumberTextBox>

 

 

 트리의 노드 선택 <-- 시 하이라이트 < 처리가 되는데.

트리에서 포커스가 빠지면 하이라이트가 안되고 사라진다.

이걸 포커스가 없어도 선택된 노드에 하이라이트 표시를 유지 하기 위해.

# 주에에 포커스가 있지만 트리에는 제대로 표시가 됨.

# 해당 소스임. ( 회의록 관리 프로그램에 있는 코드. )

 

  후.. 드디어 4일 만에 만들었네... 이 프로그램을 만들다보니 들어온 프로젝트 일도 검토 못했넹 ㅠㅠ..

 이 회의록 관리 프로그램은 전에 만들었던 프로그램을 기초로 새로 만들었다.

 이번에 TEST 만들때 사용했던 스샷기능을 추가하고, 특별한 기능하나를 만들어 보았다.

 회의가 시작 되었을때 > 안건선택, 스샷첨부, 대화 기록 등을 시간별로 기억해두었다가 재생가능하게 만들었다.

 

 이 프로그램의 사용목적은 회의 내용을 모두 저장하는 것이 아니라, 회의 참여자들의 주요 내용들만 타이핑 쳐서 기록하는 것이 목적임.

이 대화 내용들을 나중에 다시 정리해야 할 때 도움이 되지 않을까??

 

#처음 메인 화면. ( 회의록 목록 관리 )

#회의 기록 ( 주제, 안건, 장소, 시각, 참석자, 참석자 배석위치, 스샷 자료[ 회의 진행중 같은 화면을 내 컴퓨터에서 띄울수 있다면 ] )

시작 ~~~ 회의.... ~~~종료

> 다음 REC옆 시작버튼으로 재생이 가능... 그럼 회의 시작~ 종료까지 기록된 내용을 재생함.

단, 회의 시작전 설정하거나 변경된 것은 기록으로 설정하지 않음. 이때 로그복구를 이용해 회의장에서 입력한 기록들을 볼수 있음.

                       <전체 내용>                                        <회의기록 재생후 보여지는 내용>

 

## 줌인 아웃 컨트롤 수정.

   : 유튜브를 보다가 ppt처럼 기본 뷰가 있고 줌 인/ 줌 아웃을 하는 경우 센터에 머물며 판넬이 커졌다 작아졌다 하고,

내용 컨텐츠도 크기가 변하는 걸 만들어보고 싶어서 만들어봤다. ( 사실 전부터 만들고 있었으나... )

   자기전에 유튜브를 보다가 고치면 어떨까 한거라서 자기전에 고민해보고 일어나서 바로 수정하고 테스트 하는데 2시간 정도 걸린것 같다.

   스크롤위치 땜시롱 ... 오늘도 생쑈를...

 

# 트랙바에 의해 10% ~ 350% 범위를 가진다.

# 버튼 추가시 기존에 추가된 동일한 크기로 배치되게 만들어두기 했는데... 이건 뭐... 하기 나름이니까.

 

- 100% 일때

- 70% 일때

- 120%로 키웠을때

- 190%로 더 키웠을때

 

( 소스는 첨부파일로 숨겨짐 )

'# 4) .Net ( Vs 2010 ) > C#' 카테고리의 다른 글

[배열 회전] 배열 회전하기.  (0) 2018.08.09
html table 만들어서 엑셀에 붙여넣기  (0) 2018.06.13
컨트롤 Zoom In Out 기능 기초.  (0) 2018.03.06
Prezi 흉내내기...  (0) 2017.07.13
VsPackage ] 개발 방법!  (0) 2017.01.18

 

음... 컨트롤을 올려놓고 줌 인, 줌 아웃 기능을 다시 만들어봄.

# 기본 100% 기준일때

# 60%로 줄이고 버튼3을 이용해 버튼 하나를 랜덤 배치함. ( 배치될때 현재 적용된 비율이 적용되어 추가하도록 구현됨 )

음... 뭐 잘 만들어졌는뎅..

NPT, NTP.TEST, PREZI에 기능을 넣어볼까 함...

 

>> 근데 이런 기능 구현된건 왜 찾기가 힘들까??

>> 컨트롤을 사서 쓰면야 괜찮지만...  돈없는 개발자인 난.... 만들어 써야 되는데 ...

 배율 계산 로직 : http://aseuka.tistory.com/entry/Net-%EB%B0%B0%EC%9C%A8-%EB%A7%9E%EC%B6%94%EA%B8%B0-II 

 

 

< 첨부파일로 프로젝트 파일을 숨겨놨음. >

 

 

 

 스크린 샷 관련해서 버그가 있다.

그린샷 소스 자체문제인데...

  > 웹브라우져 캡쳐할때 최초 연 페이지 스샷은 잘된다.

  > 두번째 부터 불규칙하게 찍히거나 포커스가 아닌 다른 창이 찍히거나....

  > 브라우져 풀 페이지가 아닌 그냥 일반 응용프로그램처럼 스샷이 찍히거나.

  # 브라우져를 여러개 열어놓고 찍었을때 

 이런식으로 그냥 창이 찍혀버린다.

 

# 어제 밤부터 쭉 따라가면서 수정을 마쳤다. ( 스크롤 있으면 아래까지 모두 캡쳐함 )

# 단, 유튜브 페이지는 이상하게 이미지가 갈린다. !!!

    이유를 알것 같은뎅... 우선

    

유튜브 위에 보면 이렇게 고정레이어가 있으니 항상 찍히게 되는데, 이게 스크롤 내려갈때 겹쳐지니까....

또 똑같은곳은 https://www.msn.com 이다. 이것도 위에 고정레이어가 있고 스크롤 내리면 컨텐츠가 내려가는 부분인데

스샷 찍으면 똑같이 갈린다.

 

> 음 크롬은 짤려서 나오넹...! 당연한것이 그린샷은 IE 에 맞춰져 있는 소스니까...

 그럼 크롬은 어쩔까? 

  크롬에 확장을 설치해서 찍고 >  http://zzarungna.tistory.com/391 

  이 이미지들을 드랍해서 받으면 될 것 같아.

  >> 이미지 드래그 드랍 기능을 추가해주면 되겠다.

  >> 음 크롬확장에 가서 평가 보니.. 오류가 좀 있다는뎅....

 

 

 

 

 PREZI 랑 NPT 프로그램의 프로세스 작업그림판넬에 스크롤 적용했는데 ...

생각도 못한 버그가 ... 종일 괴롭히더니 겨우 잡혔다.

저녁먹고 다른거 보다가 잡았다.

 

 백그라운드 판넬에 스크롤을 적용했는데, 드로잉 판넬에 올라가는 컨텐츠컨트롤이 있다.

이 컨텐츠 컨트롤간에는 서로 LINK가 가능한데 이때 이 링크 목록을 컨텐츠가 클릭되면 그 아래 링크수만큼 동적으로

붙이게 만들어두었었다.

 이게 우측 하단 끝에 컨텐츠컨트롤을 놓고 단순 클릭만 하면 스크롤이 두배씩 늘어나는데

이상하게 드로잉판넬을 다시 클릭하면 줄어든다.

 

 처음엔 스크롤이벤트를 걸어서 별짓 다해보고 안되길래 그냥 써야겠다고 결심하고

컨텐츠 컨트롤의 에디터창 위치가 스크롤을 먹이니 원하는 위치에 안뜨길래 그거 수정하고,

동적으로 생성되는 LINK아이템 위치를 결정하는 부분을 수정하였다.

 

그렇게 하고 ... 테스트를 해보니 잡혔다? 오잉! 뭐지???

테스트를 여러가지 해봤는데 잘 된다... ㅠㅠ;

## 스크롤... 잘 들어갔다.

## 스크롤 위치에 따라 [d5e9dab3c245... X] 링크아이템 위치 기본 아래 표시

 

## 스크롤 위치에 따라 [d5e9dab3c245... X] 링크아이템 위치 왼쪽으로 이동시켜 표시

 

 

그나저나.. 일자리 구하기 쉽지 않네. 우울한 봄이 되려나.. 진짜 자바 국비를 다녀볼까나...