Asp.Net] Razor, MVC 스터디..
웹을 진행한지 몇년 된것 같으니... 되새기는 셈 치고 살짝 공부...
웹도 많은게 바뀐듯...한데 윈폼, 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>
'# 3) .Net ( Vs 2008 ) > WPF' 카테고리의 다른 글
| 이벤트를 한곳에 몰아주기?? (0) | 2015.09.09 |
|---|---|
| WPF Textbox의 Numeric! (0) | 2015.09.05 |
| WPF 에서 Keyboard 입력 하기 Winfom SendKeys 같은.. (0) | 2011.09.08 |
| FlexGrid : WPF 콤보 컬럼 (Combo Column Type) (0) | 2010.09.07 |
| IValueConverter 사용 데모 (0) | 2010.09.06 |
Tree Node 포커스 없어도 하이라이트 표시.
트리의 노드 선택 <-- 시 하이라이트 < 처리가 되는데.
트리에서 포커스가 빠지면 하이라이트가 안되고 사라진다.
이걸 포커스가 없어도 선택된 노드에 하이라이트 표시를 유지 하기 위해.
# 주에에 포커스가 있지만 트리에는 제대로 표시가 됨.
# 해당 소스임. ( 회의록 관리 프로그램에 있는 코드. )
'# 2) .Net ( Vs 2005 ) > WinForm' 카테고리의 다른 글
| 바코드 폰트 사용하기... (0) | 2018.04.27 |
|---|---|
| 배틀 그라운드 자기장 구현해보기 (0) | 2018.03.21 |
| 좌표계, 삼각함수, 각변환 기본적인 내용. (0) | 2018.01.20 |
| 윈폼] 판넬 이동관련 처리 방법. (0) | 2017.03.23 |
| 그룹 박스 그리기 ( 객체 다중 선택 ) (0) | 2016.08.07 |
JSFW.MINUTES] 회의록 관리 프로그램.
후.. 드디어 4일 만에 만들었네... 이 프로그램을 만들다보니 들어온 프로젝트 일도 검토 못했넹 ㅠㅠ..
이 회의록 관리 프로그램은 전에 만들었던 프로그램을 기초로 새로 만들었다.
이번에 TEST 만들때 사용했던 스샷기능을 추가하고, 특별한 기능하나를 만들어 보았다.
회의가 시작 되었을때 > 안건선택, 스샷첨부, 대화 기록 등을 시간별로 기억해두었다가 재생가능하게 만들었다.
이 프로그램의 사용목적은 회의 내용을 모두 저장하는 것이 아니라, 회의 참여자들의 주요 내용들만 타이핑 쳐서 기록하는 것이 목적임.
이 대화 내용들을 나중에 다시 정리해야 할 때 도움이 되지 않을까??
#처음 메인 화면. ( 회의록 목록 관리 )
#회의 기록 ( 주제, 안건, 장소, 시각, 참석자, 참석자 배석위치, 스샷 자료[ 회의 진행중 같은 화면을 내 컴퓨터에서 띄울수 있다면 ] )
시작 ~~~ 회의.... ~~~종료
> 다음 REC옆 시작버튼으로 재생이 가능... 그럼 회의 시작~ 종료까지 기록된 내용을 재생함.
단, 회의 시작전 설정하거나 변경된 것은 기록으로 설정하지 않음. 이때 로그복구를 이용해 회의장에서 입력한 기록들을 볼수 있음.
<전체 내용> <회의기록 재생후 보여지는 내용>
'# 9) My Program(.NET) > PRJMNG' 카테고리의 다른 글
| Flow] 플로우 다이어그램 (0) | 2018.04.15 |
|---|---|
| NPT, VS 확장 수정... (0) | 2018.03.19 |
| NPT.TEST 프로그램 수정. (0) | 2018.03.06 |
| PREZI 그리고 NPT 프로그램 수정. (0) | 2018.03.05 |
| JSFW.NPT.TEST] 테스트 이력 관리 프로그램. (1) | 2018.02.20 |
컨트롤 Zoom In Out 기능 응용
## 줌인 아웃 컨트롤 수정.
: 유튜브를 보다가 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 |
컨트롤 Zoom In Out 기능 기초.
음... 컨트롤을 올려놓고 줌 인, 줌 아웃 기능을 다시 만들어봄.
# 기본 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
< 첨부파일로 프로젝트 파일을 숨겨놨음. >
'# 4) .Net ( Vs 2010 ) > C#' 카테고리의 다른 글
| html table 만들어서 엑셀에 붙여넣기 (0) | 2018.06.13 |
|---|---|
| 컨트롤 Zoom In Out 기능 응용 (2) | 2018.03.07 |
| Prezi 흉내내기... (0) | 2017.07.13 |
| VsPackage ] 개발 방법! (0) | 2017.01.18 |
| 하루 중 근무시간 9 - 6 와 시간외 근무시간 구하기. (0) | 2016.11.09 |
NPT.TEST 프로그램 수정.
스크린 샷 관련해서 버그가 있다.
그린샷 소스 자체문제인데...
> 웹브라우져 캡쳐할때 최초 연 페이지 스샷은 잘된다.
> 두번째 부터 불규칙하게 찍히거나 포커스가 아닌 다른 창이 찍히거나....
> 브라우져 풀 페이지가 아닌 그냥 일반 응용프로그램처럼 스샷이 찍히거나.
# 브라우져를 여러개 열어놓고 찍었을때
이런식으로 그냥 창이 찍혀버린다.
# 어제 밤부터 쭉 따라가면서 수정을 마쳤다. ( 스크롤 있으면 아래까지 모두 캡쳐함 )
# 단, 유튜브 페이지는 이상하게 이미지가 갈린다. !!!
이유를 알것 같은뎅... 우선
유튜브 위에 보면 이렇게 고정레이어가 있으니 항상 찍히게 되는데, 이게 스크롤 내려갈때 겹쳐지니까....
또 똑같은곳은 https://www.msn.com 이다. 이것도 위에 고정레이어가 있고 스크롤 내리면 컨텐츠가 내려가는 부분인데
스샷 찍으면 똑같이 갈린다.
> 음 크롬은 짤려서 나오넹...! 당연한것이 그린샷은 IE 에 맞춰져 있는 소스니까...
그럼 크롬은 어쩔까?
크롬에 확장을 설치해서 찍고 > http://zzarungna.tistory.com/391
이 이미지들을 드랍해서 받으면 될 것 같아.
>> 이미지 드래그 드랍 기능을 추가해주면 되겠다.
>> 음 크롬확장에 가서 평가 보니.. 오류가 좀 있다는뎅....
'# 9) My Program(.NET) > PRJMNG' 카테고리의 다른 글
| NPT, VS 확장 수정... (0) | 2018.03.19 |
|---|---|
| JSFW.MINUTES] 회의록 관리 프로그램. (0) | 2018.03.10 |
| PREZI 그리고 NPT 프로그램 수정. (0) | 2018.03.05 |
| JSFW.NPT.TEST] 테스트 이력 관리 프로그램. (1) | 2018.02.20 |
| PREZI] 드디어 배경이미지 넣었다. (0) | 2018.02.15 |
PREZI 그리고 NPT 프로그램 수정.
PREZI 랑 NPT 프로그램의 프로세스 작업그림판넬에 스크롤 적용했는데 ...
생각도 못한 버그가 ... 종일 괴롭히더니 겨우 잡혔다.
저녁먹고 다른거 보다가 잡았다.
백그라운드 판넬에 스크롤을 적용했는데, 드로잉 판넬에 올라가는 컨텐츠컨트롤이 있다.
이 컨텐츠 컨트롤간에는 서로 LINK가 가능한데 이때 이 링크 목록을 컨텐츠가 클릭되면 그 아래 링크수만큼 동적으로
붙이게 만들어두었었다.
이게 우측 하단 끝에 컨텐츠컨트롤을 놓고 단순 클릭만 하면 스크롤이 두배씩 늘어나는데
이상하게 드로잉판넬을 다시 클릭하면 줄어든다.
처음엔 스크롤이벤트를 걸어서 별짓 다해보고 안되길래 그냥 써야겠다고 결심하고
컨텐츠 컨트롤의 에디터창 위치가 스크롤을 먹이니 원하는 위치에 안뜨길래 그거 수정하고,
동적으로 생성되는 LINK아이템 위치를 결정하는 부분을 수정하였다.
그렇게 하고 ... 테스트를 해보니 잡혔다? 오잉! 뭐지???
테스트를 여러가지 해봤는데 잘 된다... ㅠㅠ;
## 스크롤... 잘 들어갔다.
## 스크롤 위치에 따라 [d5e9dab3c245... X] 링크아이템 위치 기본 아래 표시
## 스크롤 위치에 따라 [d5e9dab3c245... X] 링크아이템 위치 왼쪽으로 이동시켜 표시
그나저나.. 일자리 구하기 쉽지 않네. 우울한 봄이 되려나.. 진짜 자바 국비를 다녀볼까나...
'# 9) My Program(.NET) > PRJMNG' 카테고리의 다른 글
| JSFW.MINUTES] 회의록 관리 프로그램. (0) | 2018.03.10 |
|---|---|
| NPT.TEST 프로그램 수정. (0) | 2018.03.06 |
| JSFW.NPT.TEST] 테스트 이력 관리 프로그램. (1) | 2018.02.20 |
| PREZI] 드디어 배경이미지 넣었다. (0) | 2018.02.15 |
| SSMS 확장 프로그램. (0) | 2018.01.18 |
마이크로 녹음된 내 목소리
음... 유튜브로 영상을 올리면서 내가 만들어 사용하는 프로그램들을 설명하며 올렸는데...
obs로 녹화해서 올리는 중인데 녹음 된 목소리를 듣고 내 목소리가 구리구나... ㅡ.,ㅡ;;
녹음 설정을 여러가지로 바꿔보기도 하고 마이크를 움직여도 보고... 그래도...
결론은 구리구나...
대상포진이 왔넹... 3주 고생한다고 하니... 우선 군데 군대 빨간점이 나타나고 물집으로 바뀌고 있다.
오른쪽 팔이 쩌릿 쩌릿한 느낌? 이게... 어떤 느낌이냐면... 심하게 긁혀서 상처가 난 후에 하루 이틀 지난 느낌??
피부 안쪽에서 찌릿 찌릿 함... 어깨 등쪽에서 시작되더니 다음날 팔꿈찌쪽으로 내려가서 지금은 손바닥까지 내려갔다.
약먹고 나니 조금 괜찮아지긴 했는데... 자다가도 욱씬 거린다..
5개월의 백수... 6개월로 접어들었다. 사용하던 프로그램들을 재정비하고 디버깅하고 기능 추가/수정하며 보냈는데..
설지나서 바로 일이 생길줄 알았는데... 쉽지는 않넹.
이번선거에서 꼭 자한당, 바른미래당 사라져버렸으면...
'--- 취미 > 생각하기' 카테고리의 다른 글
| 원노트] 모바일 자동 줄바꿈 되는 현상 풀기 (1) | 2018.04.23 |
|---|---|
| 요새 뉴스와 댓글들을 보면... (0) | 2018.04.03 |
| 재 계약 실패... (0) | 2018.02.02 |
| 새해 @@ 2018년... (0) | 2018.01.02 |
| 3개월 쉬면서... (0) | 2017.12.27 |
JSFW.NPT.TEST] 테스트 이력 관리 프로그램.
설 연휴 시작전에 떠오른걸로 기획을 잡고 코딩과 테스트가 조금전 끝났다.
일주일 정도 걸린 것 같은데 만족스럽게 나왔다.
처음 프로젝트를 생성 하고 > 기능 또는 화면으로 한번더 그룹을 지어 관리하게 되어 있다.
그리고 기능에 대하여 테스트 방법과 예상결과 확인 방법을 목록으로 관리한다.
테스트 중 오류가 발생하는 경우 오류버튼을 누르면 창이 뜬다.
여기서부터는 프로그램 창이 떠있다면
Alt + PrintScreen 으로 어디든 스샷을 찍으면 된다. 그러면 자동으로 사진이 등록이 된다.
이때 메모기능으로 메모를 하거나 위 도구로 그리거나 지우면 된다, 또 박스란 기능으로 특정영역을 강조하거나, 모자이크나 텍스트를 넣는다거나 할 수 있다.
그리고 내보내기 기능을 이용하여 엑셀로 내보내기가 가능하다. 딱히 양식이 없어서 대충 만들어놨다.
이미지가 웹 브라우져 이미지를 땄을때 긴것도 있으나 엑셀에서 저 사이즈로 작아진다.
그래서 엑셀을 만들때 이미지에 하이퍼링크를 걸어 원본을 볼 수 있도록 수정했다. 클릭하면 웹브라우저에 해당 이미지가 뜬다.
UI 디자인을... 하~~~아... 또 어찌 꾸민다? UI구성은 NPT 프로그램의 뼈대를 그대로 이용하였다.
SI 를 다녀보면 필요한 프로그램들이 눈에 보이는데... 관련 프로그램을 검색해도 찾기가 쉽지 않다.
이 프로그램은 내가 SI를 돌면서 개발자로 지내면서 늘 PL에게 받던 문서의 형태이다. PL이 테스트를 하고 버그에 대하여
스샷 찍고 엑셀이나 ppt에 붙여넣고 편집기등으로 버그내용 표시해 주기도 하고, 아니면 와서 직접 말로 하기도 하고...
그 과정을 보니... 일이 너무 많아 보였다. 그 일을 만약 내가 하게 된다면? 좀 간소화 할 수 없을까 하여.. 늘 머리속에
남겨두다가... 이번에 쉬는 때에 만들어보았다. 다음 SI 플젝부터는 이거도 내 개발 툴에 추가해서 다녀야지...
내가 나중에 PL을 하게 되면 이 프로그램으로 프로그램 테스트를 하면서 스샷을 바로 남기고 버그내용등을 기록하여
엑셀로 전달 또는 이 파일관련 내용을 웹 사이트로 개발하여 개발자에게 버그 정보를 바로 브라우저로 볼 수 있게
해주면 좋지 않을까? 뭐 우선... 개발자를 벗어나려면 업무를 배워야 할텐데... 어디서 배우지??
스샷 관련 참조 : greenshot
그린샷을 알게 된 사연 : 전에 프로젝트를 하면서 알게된 이사님께서 다른 플젝 진행중에 알바식으로 하나 해줄수 없냐고
어떤 기능을 의뢰하셨는데 그때 사용하는 오픈 소스가 그린샷 이었다. 근데 플젝진행중에 다른 일을 겹쳐서
하지 않기 때문에 못한다고 말씀드렸었는데... 이렇게 잘 쓰게 될줄이야...
엑셀 export 참조 : Epplus
드로잉 : 기존에 만들어둔 드로잉 판넬을 이용함.
-------------------
클릭원스로 겨우 release로 배포 했넹. <<--- greenshot에 걸려있는 설정파일들이 꼬여서 쉽지 않음( 프로젝트를 따로 빼서 참조걸어서 그런가보당. )
언어관련 리소스파일도 같이 묶어서 보내공... ( 설치후에 인터넷 스샷 할때 메세지 박스에 메세지가 xxx 제대로 안떠서 디버깅 )
쉽지 않네... 그나저나 익스플로어스샷은... 안쪽에 스크롤 있는 경우는 최대창으로 해야 되는 군. 버그인줄 알고 열심히 테스트...
'# 9) My Program(.NET) > PRJMNG' 카테고리의 다른 글
| NPT.TEST 프로그램 수정. (0) | 2018.03.06 |
|---|---|
| PREZI 그리고 NPT 프로그램 수정. (0) | 2018.03.05 |
| PREZI] 드디어 배경이미지 넣었다. (0) | 2018.02.15 |
| SSMS 확장 프로그램. (0) | 2018.01.18 |
| Visual Studio 확장 프로그램 (0) | 2018.01.09 |
