[PHP] 기본 페이지 작성 법과 변수 사용법

안녕하세요. 명월입니다. 이 글은 PHP에서 사용되는 기본 페이지 작성 법과 변수 사용법에 대한 글입니다. PHP를 설치하고 IDE 구성하고 composer까지 설치가 완료되면 PHP의 기본적인 개발 준비는 끝났습니다.링크 - [PHP] PHP 개발환경 만들기와 IDE(Eclipse) 설정하기링크 - [PHP] composer를 설치 및 사용 방법 PHP는 Java와 C#과 다르게 컴파일 언어가 아니고 스크립트 언어입니다. 스크립트 언어란 컴파일, 즉 기계어로의 변환이 필요없이 스크립트 자체를 해독하여 돌아가는 언어를 뜻합니다.스크립트언어에는 대표적으로 javascript와 python등이 있습니다. php 파일에서 구성형태는 다음과 같습니다. 로 종료한다. $title = "title"; $value ..

Study/PHP 2019. 9. 5. 22:48

[PHP] Composer를 설치 및 사용 방법

안녕하세요. 명월입니다. 이 글은 PHP의 composer를 설치 및 사용 방법에 대한 글입니다. composer란 Java에서는 maven, C#에서는 Nuget과 같은 것인데, 패키지간의 의존성을 관리해주고 라이브러리를 다운 및 링크 관리해주는 모듈입니다. 먼저, composer를 설치하기 위해서는 php.ini를 설정을 해야하는데, 이전에 설치한 php 폴더로 이동합니다.링크 - [PHP] PHP 개발환경 만들기와 IDE(Eclipse) 설정하기중간에 extension=openssl 모듈이 있는데 앞에 세미 콜론(;)으로 주석처리가 되어있습니다. 이 세미콜론(;)을 제거합니다. 그리고 커맨더 창으로 이전에 설치한 php 폴더로 이동합니다. curl -sS https://getcomposer.org/..

Study/PHP 2019. 9. 4. 22:19

[PHP] PHP 개발환경 만들기와 IDE(Eclipse) 설정하기

안녕하세요. 명월입니다. 이 글은 PHP 개발환경 만들기와 IDE(Eclipse) 설정하는 방법에 대한 글입니다. 웹 서핑을 하다 보면 Java vs C#, PHP vs Java, PHP vs C#등등의 언어의 성능 비교 및 여러 우수성(?)과 단점을 비교해 놓은 글들이 참 많습니다. 솔직히 저도 몇가지 언어를 운용할 줄 알지만 참, 언어끼리 비교하는 건 쓸데(?)없는 일인 것 같습니다. 예를 들면 과일로 치면 사과 vs 귤과 같다고 하나? 사과는 귤보다 영양소가 많다.. 싸다.. 등등의 비교를 할 수 있지만, 사과는 사과고 귤은 귤이므로 각자의 특성이 있을 뿐 이런 단순 비교는 쓸데없는 일인 듯 싶습니다. 지금 생각해 보면 저도 예전에 비슷한 글을 쓴적이 있네요. 링크 - [정보 및 잡담] C, C＋,..

Study/PHP 2019. 9. 3. 23:40

[Bootstrap] Scrollspy

안녕하세요. 명월입니다. 이 글은 Bootstrap에서 Scrollspy에 대한 글입니다. 먼저 Scrollspy이란 scroll의 위치를 확인해서 event 액션을 취득하는 방법입니다. 제 경험으로는 이 Scrollspy를 만들려고 하면 element의 position을 가져와서 window의 scroll 이벤트에 해당 위치에 도달하면 event 액션을 날리는 방법입니다. 실제로 만드는 것도 크게 어렵지는 않습니다만, 부트스트랩에서 지원하니 이용하겠습니다. 저는 가능하면 제가 만드는 것보다 여러모로 테스트등이 검증된 라이브러리를 사용하는 것을 선호합니다. 직접 만드는 것도 좋지만, 여러 상황을 가정하고 테스트하는 것도 시간이 들기 때문입니다. 링크 - https://getbootstrap.com/doc..

Open source/Bootstrap 2019. 9. 2. 23:08

[Javascript] window.history

안녕하세요. 명월입니다. 이 글은 Javasciprt에서 window.history에 대한 글입니다. Window.history는 현재 열고 있는 페이지의 이동 상태를 확인할 수 있고 이동 및 조작도 가능한 함수입니다. 이전 페이지로 이동 window.history.back(); 위 소스는 브라우져 상에서 뒤로가기와 동일하게 움직입니다. 다음 페이지로 이동 window.history.forward(); 위 소스는 브라우져 상에서 앞으로가기와 동일하게 움직입니다. 그러나 forward의 경우는 뒤로가기를 누른적이 없는, 즉 앞으로 가기에 대한 정보가 없을 때는 동작하지 않습니다. 해당 페이지로 이동 window.history.go(index 번호); back, forward는 한단계씩 이동할 수 있으면 g..

Development note/Javascript, JQuery, CSS 2019. 9. 2. 23:03

[Javascript] Select2 (Select searching, multiselect, ajax)

안녕하세요. 명월입니다. 이 글은 Javascript 라이브러리 Select2 (Select searching, multiselect, ajax)에 관한 글입니다. 우리가 웹 프로그램을 하면서 유저로 부터 데이터를 받기 위해서는 input textbox, checkbox 또는 textarea, select 오브젝트 등을 많이 이용합니다. 그 중에서 input textbox를 가장 많이 이용하겠지만, 주어진 데이터를 선택하기 위한 select 오브젝트도 많이 사용될 듯 싶습니다. 일반 select를 사용하기 되면 아래와 같은 이미지가 되겠네요. 일단은 예제로 option을 40개 정도 만들었는데 select에 붙였습니다. 사실 이렇게 써도 문제가 되지는 않습니다. 근데 40개일 뿐인데도 select opt..

Open source/Javascript, Jquery, CSS 2019. 8. 27. 18:25

[Java] 로그 라이브러리(log4j)

안녕하세요. 명월입니다. 이 글은 Java에서 사용하는 로그 라이브러리(log4j)에 대한 글입니다. 이 전에 제가 C#에서 사용하는 log4net에 대해 소개한 적이 있습니다.링크 - [C#] 로그 라이브러리(log4net) 사실 이 log4net과 log4j는 같은 라이브러리인데 사용하는 언어가 C#이냐 Java이냐의 차이만 있을 뿐입니다. 전의 글에서도 로그에 대해 간략하게 설명했었는데 정리해서 다시 설명하겠습니다.로그라는 것은 프로그램을 개발하는 데 있어서 데이터 추적과 호출된 클래스와 함수등을 조사하기 위해 사용하는 라이브러리입니다. 보통 개발을 할 때는 IDE툴을 이용해서 디버깅을 하면 데이터 추적을 할 수 있지만 개발이 끝나고 나서 프로그램이 컴파일 되고 Production에 릴리즈가 되면 ..

Development note/Java 2019. 8. 26. 23:28

[C#] 로그 라이브러리(log4net)

안녕하세요. 명월입니다. 이 글은 C#에서 사용하는 로그 라이브러리(log4net)에 대한 글입니다. 프로그램를 개발할 때는 보통 Visual studio등의 IDE 툴을 사용해서 디버깅등을 통해 프로그램의 흐름을 알 수 있습니다. 그래서 개발 중에 에러가 발생하거나 잘못된 결과가 나올 때는 디버깅을 추적하여 값을 수정할 수 있습니다. 개발이 끝나고 Production에 컴파일 된 파일을 올려서 운영 중에 있을 때도 버그가 발생할 수 있습니다. 이 때는 웹서비스의 경우는 IIS를 일반 서비스 프로그램을 사용할 경우에는 IDE툴을 이용하는 것이 아니기 때문에 그 에러를 추적하기가 힘듭니다. 그래서 할 수 있는 방법중에 로그를 기록을 남겨서 프로그램의 흐름을 기록하는데요. 문제가 생겼을 때 그 로그를 추적해..

Development note/C＃ 2019. 8. 23. 19:23

[Javascript] 날짜 포맷 설정하는 방법(moment 라이브러리)

안녕하세요. 명월입니다. 이 글은 Javascript에서 날짜 포맷 설정하는 방법(moment 라이브러리)에 대한 글입니다. 웹에서 날짜 포맷을 설정하는 방법은 웹서버에서 설정해서 표시하는 방법과 클라이언트(브라우저)에서 설정하는 방법이 있습니다. 웹 요청(Web request)로 날짜를 표시하는 방법에 대해서는 그냥 웹서버에서 해야하지만 ajax로 날짜 데이터를 받거나 클라이언트 내에서 날짜 포맷을 설정하는 경우에는 Javascript로 처리해야합니다. 링크 - [C#] 날짜 포맷 링크 - [Java] 날짜 포멧 설정(SimpleDateFormat) 기본적으로 Javascipt로 날짜를 표시하면 다음과 같이 표시됩니다. 저같은 경우는 PC OS가 일본어 버젼이라 Japan standard로 표시되네요...

Open source/Javascript, Jquery, CSS 2019. 8. 22. 23:27

[Javascript] 알람 메시지 라이브러리(toastr 라이브러리)

안녕하세요. 명월입니다. 이 글은 알람 메시지 라이브러리(toastr 라이브러리)에 관한 글입니다. 사실 알람 메시지는 Javascript에서 alert 함수로 사용할 수 있습니다. 그러나 alert 함수는 호출될 때 스크립트가 멈추기도 하고 비동기(setTimeout)을 사용할 수도 있습니다만 먼저 모양이 이쁘지가 않습니다. 이걸 좀 이쁘게 또 부트스트랩의 디자인과 비슷한 알람 라이브러리가 toastr 라이브러리입니다. 링크 - https://github.com/CodeSeven/toastr toastr에서 메시지를 호출하는 함수는 다음과 같습니다. 함수명 예제 toastr.info info (클릭 해보세요!!) toastr.success success (클릭 해보세요!!) toastr.warning ..

Open source/Javascript, Jquery, CSS 2019. 8. 21. 23:59

[Javascript] Clipboard를 사용하는 방법(Ctrl + c 할때 출처 붙이기)

안녕하세요. 명월입니다. 이 글은 Javascript에서 Clipboard를 사용하는 방법(Ctrl + c 할때 출처 붙이기)에 대한 글입니다. Clipboard란 우리가 임시로 Ctrl + C를 해서 글이나 이미지, 파일 등을 임시로 저장하는 프로그램입니다. clipboard에 관해서는 최근 모든 UI OS계에는 거의 표준으로 장착되어 있고 MAC이나 Ubuntu에서 Ctrl + C가 아닌 다른 단축키로 대응하는 경우가 있습니다.우리가 흔히 이야기하는 복붙 개념입니다. Clipboard를 잘 활용하면 Web service 환경에서도 꽤 편리하게 사용할 수 있습니다.가령, CSV를 업로드에서 데이터를 업데이트하는 기능이 있다고 하면 이 clipboard를 이용해서 사용자가 더 간편하게 사용할 수 있게 수..

Development note/Javascript, JQuery, CSS 2019. 8. 20. 23:34

[Java] 숫자 포맷(돈 표시 및 소수점 이하 표시)

안녕하세요. 명월입니다. 이 글은 Java에서 숫자 포맷(돈 표시 및 소수점 이하 표시)에 대한 글입니다. 이전에 제가 C#으로 숫자 포맷에 대해 소개한 적이 있습니다. 링크 - [C#] 숫자 포맷 (돈 표시 및 소수점 이하 표시) 프로그램 내에서 숫자를 돈표시나 소수점 이하 표시를 설정할 필요가 있기 때문에 간단하지만 자주 사용하지 않을 까 싶습니다. 특히, 돈 표시의 경우는 수만, 수억의 표시가 될 때 콤마(,) 표시가 없으면 헤갈리기 쉽기 때문에 중요하다고 생각됩니다. Java에서는 int나 double, float를 String 포맷으로 바꿀 때는 DecimalFormat 클래스를 이용합니다. import java.text.DecimalFormat; public class Main { public..

Development note/Java 2019. 8. 19. 23:40

[Java] XML를 Xpath를 이용하여 데이터를 취득하는 방법(XPathFactory)

안녕하세요. 명월입니다. 이 글은 Java환경에서 XML를 Xpath를 이용하여 데이터를 취득하는 방법(XPathFactory)에 대한 글입니다. 이전에 XMLStream을 이용해서 XML 다루는 방법과 Jsoup를 이용해서 XML 데이터를 취득하는 방법에 대해 소개한 적이 있습니다.링크 - [Java강좌 - 21] XMLStreamWriter, XMLStreamReader, XmlFactory링크 - [Java] Jsoup를 이용해서 XML파일(HTML)을 다루는 방법 그리고 Xpath를 이용해서 데이터를 취득하는 방법에 대해서도 소개한 적이 있는데 이건 표준 라이브러리를 이용해서 취득하는게 아니고 제가 Xpath로 취득하는 방법에 대해 클래스를 만든 적이 있습니다.링크 - [Java] Xml를 파서로..

Development note/Java 2019. 8. 8. 00:15

[Java] Jsoup를 이용해서 XML파일(HTML)을 다루는 방법

안녕하세요. 명월입니다. 이 글은 Java에서 Jsoup를 이용해서 XML파일(HTML)을 다루는 방법에 대한 글입니다. Java에서 XML를 다루는 방법에 대해서는 XMLStream을 이용하는 방법과 XPath를 이용하는 방법 그리고 CSSSelector를 통해 데이터를 취득해 오는 방법이 있습니다.CSSSelector로 가져오는 방법에 대해서는 Jquery에서 sizzle 엔증으로 DOM을 취득해 오는 방법과 비슷한 형식입니다. 먼저 Jsoup을 사용하기 위해서는 maven을 통해서 라이브러리를 다운 받아야 합니다. Repository - https://mvnrepository.com/artifact/org.jsoup/jsoup/1.12.1그리고 예제로는 제 티스토리 블로그의 rss로 확인하겠습니다...

Development note/Java 2019. 8. 7. 00:01

[C#] 날짜 포맷

안녕하세요. 명월입니다. 이 글은 C#에서 날짜 포맷에 대한 글입니다. 이전에 제가 숫자 타입에 콤마와 자릿 수등을 설정하는 방법에 대해 설명했습니다. 링크 - [C#] 숫자 포맷 (돈 표시 및 소수점 이하 표시) 사실 날짜 포맷은 이전에 작성한 줄 알았었는데 없네요.. 그래서 조사했습니다. 날짜 포맷은 양은 좀 많은 편인데 패턴만 잘 이해가 되면 쉽게 변환해서 사용할 수 있습니다. static class Program { static void Main(string[] args) { DateTime now = DateTime.Now; Console.WriteLine(now.ToString("yyyy-MM-dd HH:mm:dd")); Console.WriteLine(String.Format("{0:yyyy..

Development note/C＃ 2019. 8. 6. 00:18

[C#] 숫자 포맷 (돈 표시 및 소수점 이하 표시)

안녕하세요. 명월입니다. 이 글은 C#에서 숫자 포맷 (돈 표시 및 소수점 이하 표시)에 대한 글입니다. 우리가 프로그램 상에서 수를 다루면 보통 int나 double, decimal를 통해서 수를 다룹니다. 특히 프로그램에서 수를 다룬다고 하면 가장 많은 수계산이 아마도 돈과 관계된 수이지 않을까 싶습니다.그런데 그 수를 표현할 때 단순히 수만 표현하게 되면 보기에도 읽기 힘들고 억, 조 단위로 넘어가게 되면 잘못된 독해로 수를 오해할 수 있습니다. 수를 오해한다는 건 계산된 값은 100만원인데 콤마 없이 1000000원 찍힐 경우 한눈에 100만을 알아보기 힘들 뿐더러 천만원으로 오해할 수 있다는 뜻입니다.억의 경우는 100000000 으로 표시되네요.. 그래서 우리는 흔히 콤마를 표시해서 수를 구분..

Development note/C＃ 2019. 8. 5. 23:10

[C#] XML를 XPath를 이용해서 다루는 방법

안녕하세요. 명월입니다. 이 글은 C#에서 XML를 XPath를 이용해서 다루는 방법에 대한 글입니다. 이전에 XML를 CssSelector 엔진(Sizzle)처럼 요소를 통해 검색하는 방법과 XML Reader 와 Writer를 이용하여 다루는 방법을 소개한 적이 있습니다. 링크 - [C# 강좌 - 30] XML 다루기 (1) - Reader링크 - [C# 강좌 - 31] XML 다루기 (2) - Writer링크 - [C#] NSoup 라이브러리 (XML, HTML 파서) 사실 Reader와 Writer로 사용하는 방법은 정말 예전에 사용하는 방법이고 최근에는 NSoup를 통해서 데이터를 취득하는게 일반적입니다. 그리고 이 XPath의 경우는 이 NSoup 라이브러리가 활성되기 전에 XML를 다루는 일..

Development note/C＃ 2019. 8. 2. 23:37

[Window] Window에서 Explorer의 Context 메뉴를 편집하는 방법

안녕하세요. 명월입니다. 이 글은 Window에서 Explorer의 Context 메뉴를 편집하는 방법에 대한 글입니다. 윈도우를 사용하다 보면 바탕화면에 오른쪽 마우스를 누르면 동적 메뉴가 나오는데 그것이 Context메뉴입니다. 위 메뉴를 편집하는 것입니다. 먼저 윈도우 키 + R를 누르고 regedit를 넣어서 레지스트리 편집기 창을 띄웁니다. 그럼 위같은 레지스트리 편집기가 나옵니다. 위 레지스트리에서 먼저 「HKEY_CLASSES_ROOT」->「Directory」->「Background」「shell」로 가서 키를 추가합니다. 키를 추가하고 기본값 데이터를 수정합니다. 이 기본값 데이터는 Context메뉴에 표시되는 이름입니다. 그리고 다시 키를 추가한 곳에 가서 명령키를 만듭니다. 여기서 주의점..

Development note/Window 2019. 7. 23. 09:00

[Bootstrap] 모달 (Modal)

안녕하세요. 명월입니다. 이 글은 부트스트랩에서 팝업, 즉 모달에 관한 글입니다. 웹 서비스를 작성하다보면 페이지의 화면 전환이 아닌 팝업, 새로운 창을 열어야 하는 경우가 있습니다. 기존 바닐라 자바스크립트인 Window.open으로도 팝업을 만들 수는 있습니다. 그러나 Window.open으로 연 팝업은 팝업이긴 한데 새로운 윈도우창을 생성한 것이라 자바스크립트로 제어하기에는 한계가 있습니다. 그래서 예전에 레이아웃 팝업이라고, 새로운 윈도우가 아닌 웹 페이지 안에서 열리는 팝업이 있습니다. 이것이 부트스트랩에서는 모달이라 불립니다. 부트스트랩 3.x - https://getbootstrap.com/docs/3.4/javascript/#modals 부트스트랩 4.x - https://getbootst..

Open source/Bootstrap 2019. 7. 19. 09:00

[Window] Apache 설치 방법, 서비스에 등록하는 방법

안녕하세요. 명월입니다. 이 글은 Window에서 아파치를 설치하는 방법에 대한 글입니다. 아파치는 웹서버로 많이 사용되는 오픈 소스 프로그램입니다. 링크 - https://www.apache.org 사실 위 아파치 공식 홈페이지로 가면 아파치를 다운로드 받을 수 없습니다. 아니 정확하게 이야기하면 컴파일 전의 소스가 있기 때문에 다운받아도 별도로 컴파일을 해야 합니다. 그래서 컴파일 된 파일을 받아야 하는데 이는 다른 경로에서 제공합니다. 아파치 컴파일 파일 다운로드 - https://www.apachelounge.com/download/ 예전에는 2.2도 제공을 했었는데 최근에는 2.2는 더이상 제공을 안하나 봅니다. 2.4버전을 다운받습니다. 다운로드를 받고 적당한 곳에 압축을 풉니다. 그리고 co..

Development note/Window 2019. 7. 18. 19:32

[Bootstrap] Breadcrumbs(웹 네비게이션) 디자인과 Paging 디자인

안녕하세요. 명월입니다. 이 글은 부트스트랩에서 Breadcrumbs(웹 네비게이션) 디자인과 Paging 디자인에 대한 글입니다. 웹 페이지를 만들면 기본적으로 헤더, 푸터, 메뉴를 만듭니다. 그리고 컨텐츠를 중앙에 배치하는 게 일반적인 구조라 생각됩니다. 딱 거기까지만 만들어도 문제는 없는데 왠지 부족하고 불편함을 느낍니다. 많은 사용자가 이제는 웹 네비게이션과 웹 페이징은 기본적인 유저 학습이 되었기 때문에 불편함을 느끼지 않을까 싶습니다. 제 블로그만 해도, 제목 밑에 카테고리와 작성 일시가 배치되어 있고 하단에는 페이징이 배치되어 있습니다. 카테고리를 누르면 해당 글의 카테고리 메뉴가 나오고 하단의 페이징으로 이전, 이후 버튼을 누르면 페이지가 이동합니다. 가장 많이 사용되는 이 두 기능에 대한..

Open source/Bootstrap 2019. 7. 17. 09:00

[Java] 직렬화(Serializable)

안녕하세요. 명월입니다. 이 글은 Java에서 직렬화(Serializable)에 대한 글입니다. 예전에 C#에서 직렬화에 대해 글을 작성한 적이 있습니다.링크 - [C#] 직렬화 (Serialization) 개념은 C#과 마찬가지로 할당된 클래스를 바이너리화하는 것을 직렬화라고 합니다. 이 직렬화를 하는 이유에 대해서는 클래스의 상태를 저장 혹은 소켓 통신을 통해 전송하기 위해서 사용합니다.최근에는 Json형태로 데이터를 저장하는 경우가 많아서 직렬화를 잘 사용하지 않는데 Json형태로 저장하는 것은 Class에서 취득할 수 있는 부분까지 저장하는 것이고 private까지 저장하는 것은 아무래도 힘듭니다. 뭐 하고자 하면 Reflection을 통해서도 할 수 있겠지만, 그렇게 하는 것보다는 직렬화를 해서..

Development note/Java 2019. 7. 16. 09:00

[Bootstrap] 메뉴 바 ( Navbar )

안녕하세요. 명월입니다. 이 글은 부트스트랩에서 메뉴 바 ( Navbar )에 대한 글입니다. 웹 페이지를 만들면 메뉴 바를 기본적으로 메뉴바를 만듭니다. 단일 페이지의 웹사이트라면(광고 사이트) 메뉴가 필요없을 지도 모르겠지만, 포털이나 블로그, 커뮤니티등의 사이트를 만든다고 하면 이 메뉴바는 기본적으로 만들어야 할 것입니다.그래서 이 메뉴바는 기본적으로 부트스트랩에서 제공합니다만 디자인으로는 한가지 형태의 메뉴입니다. PC화면에서는 왼쪽에서 오른쪽으로 길게 늘여진 메뉴바로 모바일에서는 collapse 타입의 메뉴입니다. PC 화면에서의 메뉴모바일 화면에서의 메뉴부트스트랩에서 제공하는 메뉴는 위의 형태 뿐이기 때문에 다른 형태의 메뉴를 만든다면 새로 만들어야합니다.개인적으로는 메뉴를 만들어 사용합니다만..

Open source/Bootstrap 2019. 7. 16. 09:00

[Java] 클래스 복제(Clonable, Reflection)

안녕하세요. 명월입니다. 이 글은 Java에서 클래스를 복제(Clonable, Reflection)하는 방법에 대한 글입니다. 예전에 C#에서 클래스 복제에 대한 글을 작성한 적이 있습니다.링크 - [C#] Reflection를 이용한 클래스 복제 사실 클래스 복제라는 것이 쉬울 것 같으면서 의외로 간단하지 않은 처리입니다.클래스 복제는 디자인 패턴에서도 프로토 타입 패턴과 관계가 있습니다.링크 - [Design pattern] 프로토타입 패턴 (Prototype pattern) public class Example { public Example() { Node node = new Node(); Node node1 = node.clone(); // node과 node1의 해쉬 코드는 다르므로 서로 다른 ..

Development note/Java 2019. 7. 15. 23:22

[Jquery] ajax에서 동기화 작업하는 방법

안녕하세요. 명월입니다. 이 글은 ajax에서 동기화 작업하는 방법에 대한 글입니다. 예전에 ajax에 대해 소개한 적이 있습니다. 링크 - [Jquery] Ajax 예제 ajax는 기본적으로 비동기 처리의 함수입니다. 비동기라는 뜻은 처리의 결과를 기다리지 않고 병렬적인 처리라는 뜻입니다. 위 소스의 결과를 보면 Debug -2가 먼저 출력이 되고 Debug -1이 다음에 출력이 됩니다. 이게 비동기 식으로 되어 있어서 ajax를 호출하고 그 다음에 ajax의 결과를 기다리지 않고 스탭으로 넘어갑니다. 그러나 상황에 따라서 ajax를 사용하고 싶은데 Debug -1의 결과를 받고 그 결과에 따라서 다음 스탭처리를 하고 싶을 때도 있습니다. 그 방법은 위 ajax 값에 asyn: false만 넣으면 가능..

Development note/Javascript, JQuery, CSS 2019. 7. 15. 01:03

[Bootstrap] Form-control ( Html input object )

안녕하세요. 명월입니다. 이 글은 부트스트랩에서 Form-control ( Html input object )에 대한 글입니다. 웹 페이지를 작성하면 데이터를 입력, 선택하는 오브젝트로 Input object를 가장 많이 사용할 것입니다. Input Object의 기본 종류로는 TextBox, Checkbox, Radio, Button등이 있습니다. 타입 형태 태그 텍스트 박스 체크 박스 라디오 버튼 button button 셀렉트 option option 프로그래스 파일 업로드 텍스트 에리어 패스워드 컬러 날짜 시간 메일 이미지 월 숫자 범위 초기화 검색 시간 주 url datetime-local 링크 - https://www.w3schools.com/jsref/dom_obj_text.asp 막상 조사..

Open source/Bootstrap 2019. 7. 13. 09:00

[C#] Reflection를 이용한 클래스 복제

안녕하세요. 명월입니다. 이 글은 C#에서 Reflection을 통한 클래스 복제에 대한 설명입니다. 디자인 패턴중에 프로토 타입 패턴이 있는데 이 패턴은 클래스를 복제하는 패턴입니다. 링크 - [Design pattern] 프로토타입 패턴 (Prototype pattern) public class Node { public int Data { get; set; } // 클래스 복제 public Node Clone() { // Object 클래스에 protected 형태로 존재한다. return this.MemberwiseClone() as Node; } } class Program { static void Main(string[] args) { Node node = new Node(); Node node..

Development note/C＃ 2019. 7. 12. 09:00

[Bootstrap] Color (색상)

안녕하세요. 명월입니다. 이 글은 부트스트랩에서 지원하는 색상에 대한 설명입니다. 저처럼 화면 디자인 감각이 부족한 사람의 공통점은 색상 선택도 항상 좋지 못합니다. 예전에 부트스트랩이 있기 전에 혼자서 프로그램을 하면 항상 단색위주 또는 흑백 그래이 위주의 색깔로 프로그램을 작성했었습니다. 나름 포토샵 색상표도 열고 디자인에서 보색 관계, 유사색의 특징등 나름 공부도 하고 어떻게 하면 좋은 디자인이 나올까 고민도 많이 했었는데, 이 색상 영역은 진짜 감각이 없으면 확실히 구현하기 어려운 영역인 것같습니다. 아마 다른 개발자분들도 이런 고민이 많았었는지 부트스트랩에서 색을 지정해서 사용하기 쉽게 어느 정도 지정해 놓았습니다. 링크 - https://getbootstrap.com/docs/4.3/utili..

Open source/Bootstrap 2019. 7. 12. 09:00

[C# 강좌 - 73] default 키워드 (GetType로(Generic 타입으로) 초기 값을 얻는 방법)

안녕하세요. 명월입니다. 이 글은 C#에서 default 키워드(default 키워드에서 GetType로(Generic 타입으로) 초기 값을 얻는 방법)에 대한 설명입니다. 제가 default 키워드 설명에 관한 글을 작성했던 걸로 기억하는데 오늘 보니 default 키워드에 대한 설명이 없네요. 좀 순서에는 안 맞지만 작성하겠습니다.C#에서 사용하는 참조 형식은 reference 참조 방식과 valuable 참조 방식이 있습니다. 더 쉽게 이야기 하면 클래스 방식이냐 구조체 방식이냐의 차이입니다. 링크 - [C# 강좌 - 10] 클래스링크 - [C# 강좌 - 12] 구조체 (struct) 클래스의 방식의 경우는 new로 할당을 하지 않으면 null로서 메모리에 할당이 되지 않는 식의 표현이 됩니다. 그..

Study/C＃ 2019. 7. 11. 09:00

[Bootstrap] 그리드(Grid)

안녕하세요. 명월입니다. 이 글은 부트스트랩의 그리드(Grid)에 대한 설명입니다. 웹 디자인, 설계를 할 때, 개인적으로 가장 어려운 부분은 레이아웃 설정하는 것이 가장 어렵다고 생각됩니다. 크게는 기본적으로 헤더, 본문, 푸터 식으로 나뉘고 작게는 본문 안에 메뉴, 본 컨텐츠 또는 리스트, 페이징 그 밖에 링크 등등의 형태로 구성됩니다. 이럴 때 레이아웃 설정을 단순히 세로 정렬로 나누는 것만이 아닌 가로 순으로도 나누어야 할 때가 있습니다. 단순히 세로 정렬이라고하면 스크롤이 어색하지도 않고 유저가 많이 학습이 된 상황이라 크게 어렵지 않으나 가로 정렬의 경우는 유저가 가로 스크롤이 익숙치도 않고 또 모든 디바이스 환경의 모니터 너비는 다르기 때문에 그 환경에 맞추어 설정하기가 쉽지가 않습니다. 부..

Open source/Bootstrap 2019. 7. 11. 09:00