오늘은 웹 개발 특히 홈페이지젲작할 때 필요한 프로그램을 소개합니다.

 

 웹 개발를 위한 것들 제로보드xe+그누보드+워드프레스+부트스트랩(Bootstrap)+제이쿼리모바일+제이큐터치

제로보드 XE

공식홈 : www.xpressengine.com

마켓 : www.xemarket.co.kr

 


설치형 무료게시판으로 제로보드 3 때부터 워낙 유명한 오픈소스 툴.

xe는 한번도 사용해보진 않았지만, 요즘 보니 한번 사용해보고 싶은 호기심이..

어라 ? 마켓도 있네?

 그누보드

공식홈 : www.sir.co.kr

 

한창 제로보드4 를 사용할때 알게된 또다른 설치형 무료 게시판.

당시 어떤면에서는 제로보드4 보다 깔끔한 ui에 더 괜찮아 보였던 오픈소스 인데, 지금은 무언가 많이 바뀐듯.

 워드프레스 (WordPress)

공식홈 : https://wordpress.org/

한글홈 : http://ko.wordpress.org/

 


정말 간편히 블로그 형태 및 기타 웹사이트를 손쉽게 만들어주는 프레임워크.

기본적으로 워드프레스를 사용하기 위해선 데이타베이스(mysql) 사용이 필수 이다.

(현재 데이타베이스 종류로는 mysql만 지원하는 걸로 알고 있음)

웹표준으로 제작이 되어 있으며, 여러 무료 테마들과 플러그인등으로 몇번의 클릭으로 상당히 기능적인 웹사이트를 생성할 수 있다.

요즘 한창 뜨고 있는 반응형 웹을 지원하며, 간단한 플러그인 추가로 모바일페이지까지 추가 작업없이 생성이 가능하다.

위의 제로보드와 그누보드 처럼 설치형 이며, 설치는 위의 두 오픈소스들 처럼 간단하다.

부트스트랩 (Bootstrap)

공식홈 : http://getbootstrap.com/

한글홈 : http://bootstrapk.com/BS3/

 


개인적으로 가장 관심가지고 있는 프레임워크.

html, css, js 로만 구성하여 상당히 다이나믹하고 미러한 사이트를 구성할 수 있다.

설치가 아닌 템플릿을 다운받아 소스 수정 및 추가 태그로 나만의 개성있고 기능성 넘치는 사이트를 구성할 수 있다.

많은 샘플들과 소스코드 와 클래스들을 제공하며, 다소 컨텐츠 수가 너무 많고 다양한 사이트 보단,

쓸데없이 화려한 기교없는 비교적 심플하고 시원한 페이지를 구성하는 사이트에 최적화 된 툴이라고 볼수 있다.

부트스트랩 역시 웹표준 및 반응형 웹을 지원하여, 해상도나 브라우저 종류,  디바이스 기기에 상관없이 최적화된 화면을 보여준다.

물론 그런 부분등을 고려하여 웹 레이아웃을 잡아야 겠지만~ ^^

 

제이쿼리모바일 (jquerymobil)

공식홈 : http://jquerymobile.com/

 

너무나도 유명한 제이쿼리~

요즘 어지간한면 제이쿼리 스크립트를 활용하지 않은 사이트를 보지 못한 듯 하다.

위의 부트스트랩 역시 제이쿼리 스크립트를 활용한 프레임워크이다

그런 제이쿼리에서 css 와 js 를 활용하여 마치 어플리케이션에서 구동하는 듯한  ui를 구현한 것이 이 제이쿼리모바일 이다.

이름 그대로 모바일페이지를 빌드 하기 위해 만들어진 툴로 소스툴을 다운받아 사용자가 수정 및 원하는 소스코드를 사용하여,

모바일 페이지를 생성하면 된다.

 
 

JQtouch (제이큐터치)

공식홈 : http://jqtjs.com/


jQT


www.jqtjs.com


모바일 개발 관련 정보를 검색하다 우연히 알게된 모바일 웹 개발 킷.

훓어 보니 이 역시 제이쿼리 스크립트로 개발된 소스이다.

모바일에서 데모 페이지를 테스트해보니 제이쿼리모바일과 크게 차이를 느끼지 못하겠고,

그리고 제이쿼리 모바일에 비해 동작 애니메이션 등 무언가 깔끔하지 못한듯한 툴이라 깊이 정보를 파고들지 않은 툴이기도 하다.

제이쿼리모바일과 다른점을 찾지 못하겠지만, 일단 정보상 기록.

 

 

블로그 이미지

itworldkorea

IT korea가 세상(world)을 변화시킨다.

,

 

웹개발자 또는 프로그래머에게 잘알려진 무료 텍스트 에디터 노트패드 ++ 설치방법을 알아보겠습니다.
물론 일반블러그 운영자들도 많이 사용하고 있는 에디터입니다.
저는 오래 전부터 에티터플러스(EditPlus)를 사용해 왔습니다만 상황에 따라서
노트패드를 이용하고 있습니다. 셰어웨어라 전문적인 코딩이 아닌 간단한 텍스트 편집은
노트패드를 사용하고 있습니다.

 오늘 제가 오늘 날자로 직접 다운 받는 방법
그리고 설치하는 방법을 이미지로 보여드리겠습니다.
오늘은 2017년 5월 12일자 긔고 현재 버전은 버전은 npp.7.3.3.Installer입니다.
먼저 다운받을 홈페이지로 이동하시겠습니다.

https://notepad-plus-plus.org/

 

영어버전을 다운 받아 설치한 모습입니다.

어렵지 않으니 다운받아 설치해서 잘 사용해 보시길 바랍니다.

 

블로그 이미지

itworldkorea

IT korea가 세상(world)을 변화시킨다.

,

 

ASP.NET Core 과 Asp의 차이 ?

클라우드 기반 웹 응용 프로그램을 개발하기 위해 오픈소스로 새롭게 개발된 크로스 플랫폼 프레임워크다

온프레미스 환경에도 배포하여 수행할 수 있는 앱을 개발하기 위한 최적화된 개발 프레임워크를 제공하기 위해서 완전히 새롭게 개발

온프레미스 소프트웨어는 인터넷 네트워크에 연결 된 서버팜이나 클라우드 등의 원격 환경에서 사용하는 것이 아니라 건물에서 일하는 직원 또는 단체에서 설치, 실행하는 소프트웨어를 말한다. on-prem software(온프렘 소프트웨어) 또는 on-premise software(온프레미스 소프트웨어)라고 줄여서 쓰기도 하며 shrinkwrap software라고 부르기도 한다.

 

오버헤드를 최소화한 모듈화된 컴퍼넌트로 구성되어 있어서, 솔루션 구성시에 유연성을 유지

윈도우, , 리눅스에서 ASP.NET Core 응용 프로그램을 개발할 수 있다

 

ASP.NET Core를 만들었는가?

아키텍쳐 변경을 통해 군더더기 없이 모듈화된 코어(core) 웹 프레임워크를 만들기 위해

(ASP.NET CoreSystem.Web.dll 에 더이상 기반하지 않고, 잘게 분리된 NuGet 패키지들에 기반해서 최적화된 개발가능) (응용프로그램이 필요 이상의 모듈을 포함하지 않기 때문에 보안상 개선 효과가 있고, 서비스 하는 부담 또한 줄여준다)

(사용한만큼 지불하는(pay-for-what-you-use) 모델을 채택함으로써 응용프로그램의 성능이 개선)

ASP.NET Core에서 중대한 개선사항 포함

(새롭게 경량화되고 모듈화된 HTTP 요청 파이프라인)

(IIS 또는 개발자 자신의 프로세스에서 셀프 호스트할 수 있는 능력)

(닷넷 코어에 기반한 진정한 side-by-side 앱 버전 관리(versioning)) = 동일한 컴퓨터에서 여러 버전의 응용 프로그램 또는 구성 요소를 실행

(모든 기능이 NuGet 패키지 형태로 추가)

(NuGet 패키지들을 생성하고 사용하는 것에 대한 통합된 지원)

(웹 사용자 인터페이스와 웹 API를 위한 단일 웹 스택)

(클라우드를 위한 환경 기반 구성)

(내장된 종속성 주입 기능)

(모던 웹 개발을 단순화 시킨 새로운 도구들(tooling))

(윈도우, , 리눅스에서 개발하고 실행할 수 있는 크로스플랫폼)

(오픈 소스와 커뮤니티에 초점)

   

ASP.NET Core 특징

 

 

Kestrel 자체 웹서버 운용 가능

동적 컴파일

- 기존에는 빌드 하고 배포 했으나 에디터로 수정 가능함

의존성 주입 포함 - Startup.cs ConfigureServices에서 아래와 같이 트랜젝션 제어 주입이 가능함

- services.AddTransient<IService, Service>();

- services.AddScoped<IService, Service>();

- services.AddSingleton<IService, Service>();

Bower(정적파일 패키지 관리[jquery, angular, bootstrap 같은것 관리]), Gulp(빌드자동화), Grunt, NPM, Node.js, TypeScript, Yeoman 등 통합 가능

- 스크립트 압축, 빌드 자동화 등 커뮤니티 기반 웹개발 도구를 포함한다.

  

ASP.NET Core 몇가지 과거와 달라진 사용법

ViewEngine 커스터 마이징

Startup.cs -> ConfigureServices(IServiceCollection services)

services.AddMvc().Configure<MvcOptions>(options => { options.ViewEngines.Add(new MyCustomerViewEngine ()); });

MapRoute 커스터 마이징

Startup.cs -> Configure(IApplicationBuilder app, IHostingEnvironment env, ILoggerFactory loggerFactory)

app.UseMvc(routes => {routes.MapRoute( name: "default", template: "{controller=Home}/{action=Index}/{id?}"); });

BundleCollection 커스터 마이징

bundleconfig.json에 설정하여 사용

GlobalFilterCollection 커스터 마이징

services.AddMvc(options =>

{

options.Filters.Add(new AddHeaderAttribute("GlobalAddHeader",

"Result filter added to MvcOptions.Filters")); // an instance

options.Filters.Add(typeof(SampleActionFilter)); // by type

options.Filters.Add(new SampleGlobalActionFilter()); // an instance

});

 

 

 

 

블로그 이미지

itworldkorea

IT korea가 세상(world)을 변화시킨다.

,

홈페이지지 제작을 위한  웹에디터  Edit plus 3 사용법

 

 * C/C++ 구문 강조와 출력 캡쳐 화면
* CSS 구문 강조 화면
* PHP 구문 강조 화면
* ASP 구문 강조 화면
* Perl 구문 강조와 출력 캡쳐 화면
* 자바 구문 강조와 출력 캡쳐 화면
* 자바스크립트 구문 강조 화면
* VB스크립트 구문 강조 화면
* 내장 브라우저 창 화면

 

에디트플러스는 인터넷 환경에서 편리하게 사용할 수 있는 윈도우용 문서 편집기로서, HTML 편집기, PHP 편집기, 자바 편집기, Hex 뷰어 기능을 지원하고, 메모장을 대신할 뿐 아니라 웹문서나 프로그램 개발을 쉽게 할 수 있도록 도와주는 많은 기능들을 지원합니다.

EditPlus Text Editor
•HTML, PHP, 자바, C/C++, CSS, ASP, Perl, 자바스크립트, VB스크립트, Paython, Ruby on Rails 파일에서 구문 강조 기능을 지원합니다. 사용자가 작성한 구문 파일을 추가하여 다른 프로그래밍 언어도 지원할 수 있습니다.
•HTML 문서의 내용을 확인해 볼 수 있는 내장 브라우저와, 작성한 문서를 FTP 서버로 업로드할 수 있는 FTP (sftp, FTPS 포함) 기능을 지원합니다.
•이 밖에 Hex 뷰어, HTML 도구모음, 사용자 도구, 줄 번호, 눈금자, URL 강조, 자동 완성, 클립텍스트, 칸 단위 선택, 강력한 찾기와 바꾸기, 다중 실행 취소및 재실행, 사용자 정의 단축키 등 다양한 기능들을 쉽고 편리하게 사용할 수 있습니다.
 
에디터로는 울트라에디트 에디트플러스 (EditPlus) 등 많이 있지만 요즈음 프로그래머가 홈페이지를 제작하고
수정할 때 가장 쉽게 빨리 작업을 마칠 수 있는 에디터라고 생각합니다 . 저는 오래 전부터 이 에디트플러스 (EditPlus)를 사용해 오고 있어 이번에는 이 에디터플러스를 소개하고자 합니다 .
 
이번에 이 에디트플러스 (EditPlus)를 소개하려고 참고 자료를 준비하다가 우연히 이 것이 한국인이 개발했다는
사실을 알게 되었다 위키백과에서 나온 것으로 보면 에디트플러스 (EditPlus)는 마이크로소프트 윈도용 문서 편집기로 경상남도 진주시에 본사를 둔 이에스컴퓨팅의 김상일씨가 개발하였다고 합니다 . 1998 년 3 월 20 일에 첫 버전이 공개되었고 셰어웨어 저작권으로 배포되어 30 일 동안 사용할 수 있으며 기간이 지난 후에는 등록하지 않으면 쓸 수 없다고 합니다 .
 
완전한 유니코드를 지원하며 파일마다 다른 시스템 코드 페이지를 갖춘 텍스트 파일의 내용을 깨지지 않게 맞추어 불러올 수 있으며 프로그래머를 위한 구문 강조 기능을 갖추고 있고 검색 및 바꾸기를 위한 정규 표현식과 세 가지 파일 형식 (윈도 , 리눅스 , 매킨토시 )을 지원한다 . 문법 확인 기능은 미국 영어와 영국 영어를 지원한다고 합니다 .
 
지원하는 파일 유형 [편집 ]으로는 기본적으로 지원하는 파일의 유형으로는 텍스트 , HTML, C/C++, 펄 , PHP, 자바 , JSP, 자바스크립트 , VBS, CSS, XML, C#이 있으며 , 그 중에서 몇 가지 파일 유형을 위한 문서 템플릿 (HTML, XHTML, C/C++, 펄 , 자바 )을 기본으로 포함하고 있다고 합니다 .
  
 


 제가 특히 쓰면서 좋았던 점은 기능 중에 구문강조나 자동완성 기능있고 , EditPLUS3 로 스크립트 작성하다가 버튼만 누르면 바로 스크립트 실행하고 단축키등으로 쉽게 작업을 할 수 있었습니다 .
EditPlus 의 강력한 기능중 하나가 바로 페이지 미리보기 기능이며 브라우져로 미리 바로 바로 볼 수 있어서
실시가느로 미리보기가 가능하다는 점을 들 수 있습니다 .
 
 
Edit plus 는 코딩하는 프로그램이며 작업을 하기 위해서는 프로그래밍을 배워야 하고 자바스크립트 같은 언어로 개발해야하지만 이 에디트플러스를 이용하면 여러 저가가지를 손쉽게 가져다가 프로그램을 작성할 수 있습니다 .

블로그 이미지

itworldkorea

IT korea가 세상(world)을 변화시킨다.

,