Nickoo's Blog

오랜만에 좋은 사이트 하나 추천합니다.

아직 방문자수는 얼마 없지만, 다른 사이트에 비해 깔끔하면서 자격증 정보를 얻을 수 있는 사이트를 발견했습니다.

아직 정보는 많이 없지만 운영자분이 꾸준히 올리고 있으니 기대가 되네요.

URL : http://munjebank.net

게시판은 아래와 같으며, 다른 사이트에 비해 광고가 굉장히 적은 것을 볼 수 있습니다.

추천 및 공유 기능도 있어서 좋은 거 같아보여요~

가끔 파일을 변환해야 하는 경우가 생길때가 있습니다.

이 경우 직접 타자를 치거나, 그림을 그려서 시간을 상당히 많이 잡아먹는 경우가 생기는데요.

이럴 때는 Convert.Files 라는 사이트에서 변환을 한번 해보시는게 어떨까요?

사용 방법도 간단합니다.

1. Choose a local file 우측의 Browse... 를 클릭하여 변환할 파일을 선택

2. Output format 을 클릭하여 변경하고자 하는 파일로 선택

3. Covert 클릭

3단계로 변환이 가능하니 참 쉽죠?

해외에서 국내로 배송을 할 때, 내 상품이 어디있을까?

배송 추적을 하려고 해도 각 배송업체별로 찾아가기 불편한 경우가 있습니다.

이럴때는 17Track 을 이용해보세요.

아래와 같이 메인 사이트를 들어가면 배송번호를 입력하여 조회하면 한번에 끝입니다.

참 쉽고 간단하죠?

http://www.17track.net/ko

안녕하세요 니꾸입니다.

오랜만에 좋은 사이트 소개해드리려고 합니다.

다들 아시는 분은 아시겠지만, 자격증, 언어 등 온라인에서 무료로 배울 수 있는 사이트가 있습니다.

예를들면 정보처리기사, 재테크, 창업 등등...엄청 많은데요 이런 엄청난 것들을 제공해주는 곳은 바로 경기도 평생학습 e-배움터인 홈런입니다.

들어가보시면 아래와 같은데 전부다 캡쳐 할 수 없지만 왼쪽 메뉴를 보시면 엄청 많은 메뉴들이 있다는게 느껴지시죠?

URL : http://www.homelearn.go.kr

홈런볼이라는 것으로 수강 신청이 가능한데 가입하면 최초 3개가 주어집니다.

에게...겨우 3개라구요? 그러면 다른 것들은 못 듣나요? 하시는 분들도 있습니다. 이런 경우 수강하시는 강의를 수료를 하면 신청 가능한 홈런볼이 한개 더 추가가 되요.

즉 무료로 수강이 가능하다는 뜻이죠!!!

외국 개발자 채용시 출제되었던 기출문제 및 연봉정보 나눌 수 있는 사이트 입니다.

https://careercup.com/ 

CSS MenuMaker 사이트를 이용하면 매우 쉽게 반응형 CSS 메뉴를 만들 수 있습니다. 이 사이트에 접속하면 아래와 같은 화면이 나타나는데, 반응형 메뉴를 만들기 위해서는 상단의 Menus - Responsive 메뉴를 선택하면 됩니다. 이 사이트에서 제공하는 메뉴는 대부분 무료로 사용할 수 있지만, 더 많은 기능을 제공하는 메뉴를 사용하고자 한다면 그에 맞는 비용을 지불해야 합니다. 또한 CSS 소스코드뿐만 아니라 웹 사이트 제작 도구인 드림위버의 플러그인을 제공하기도 하는데, 이것 또한 비용을 지불한 후에 다운로드가 가능합니다.

Menus - Responsive 메뉴를 선택하면 다음과 같은 화면이 나타납니다. CSS MenuMaker 사이트에서 제공하는 반응형 메뉴는 다음과 같습니다. 총 6개의 메뉴를 지원하고 있는데요. 각 메뉴마다 표시되어 있는 우측 하단의 No Submenus, 1 Submenu, 2 Submenus는 해당 메뉴에서 지원하는 서브메뉴 단계를 의미합니다. No Submenus는 서브메뉴를 지원하지 않는다는 것을 의미하고, 1 Submenu는 1단계, 2 Submenus는 2단계까지의 서브메뉴를 지원한다는 것을 의미합니다.

위에서 본인이 만들고자하는 메뉴를 선택하면 다음과 같은 화면이 나타납니다. 여기에서 본인이 선택한 메뉴가 어떠한지 미리 확인을 한 후에, 아래쪽에 있는 Build / Download 버튼을 클릭하면 메뉴를 만드는 화면으로 이동할 수 있습니다. 빌드 / 다운로드 버튼 오른쪽에 있는 드림위버용 플러그인과 워드프레스용 플러그인은 직접 돈을 지불하고 구입해야 하는 유료 서비스입니다.

이 두 서비스를 이용하면 드림위버와 워드프레스에서 매우 쉽게 메뉴를 만들 수 있다고 합니다. CSS MenuMaker 사이트에 직접 접속할 필요 없이 드림위버 또는 워드프레스에서 직접 메뉴를 만들 수 있기 때문에 매우 편리하겠죠.

온라인 빌더를 사용하여 CSS 메뉴를 인터넷에서 직접 수정할 수 있습니다.

위에서 Build Online 버튼을 누르면 다음과 같이 메뉴 항목을 설정하는 화면이 나타납니다. CSS MenuMaker는 사용자의 편리성을 위하여 메뉴를 매우 쉽게 만들 수 있게 해주는 100% GUI 환경을 제공합니다. 우측 하단 스크린을 통해서 사용자는 각 메뉴 항목이 본인이 선택한 메뉴에 어떻게 적용이 되는지 실시간으로 확인할 수도 있습니다. 사용자가 직접 복잡한 소스코드를 입력할 필요 없이, CSS MenuMaker는 완전한 GUI(그래픽 사용자 인터페이스) 환경을 제공하기 때문에, 사용자는 매우 간단하면서도 쉽고 빠르게 고급스러운 메뉴를 만들 수 있습니다.

UI/UX 기획을 할 때 사용하는 와이어프레임(Wireframe)에 대해 들어보셨나요?

웹 또는 앱 프로젝트를 진행할 때 필요한 과정 중 하나로 웹 페이지의 구조를 제안하기 위한 화면 설계도입니다. 즉 디자인이 들어가기 전 단계에서, 선(wire)을 이용해 윤곽선(frame)을 잡는 것을 말합니다. 단순한 선과 회색박스들로 보일 수 있겠지만, 디자인의 컨셉, 고객의 요구사항, 콘텐츠들의 기능 요소를 모두 파악하여 전략적으로 설계되어야 하므로 중요도가 높습니다. 또한, 이 와이어프레임이 잘 갖춰져 있어야 디자이너와 웹 퍼블리셔, 개발자 그리고 클라이언트가 서로 원활히 소통할 수 있게 됩니다.

와이어 프레임이 실제 업무에서 사용되는 예시를 살펴보겠습니다. (*주관적인 흐름으로 개인적, 업체별로 다른 프로세스로 사용될 수 있습니다.) 

고객이 웹 페이지 제작을 요청합니다. 기획자는 고객의 요구사항을 파악하고 메인에 나올 콘텐츠와 기능 요소들을 정리합니다. 정리된 자료를 토대로 와이어프레임을 제작하게 됩니다. 디자인의 컨셉, 레이아웃, 각각 요소들의 상호작용과 인터렉션까지도 정해주게 됩니다. 이 와이어프레임을 통해 개발자는 사이트의 기능을 이해하고, 디자이너는 디자인 컨셉을 원활하게 잡을 수 있고, 클라이언트는 요구사항과 원하는 기능이 제대로 전달되었는지를 사전에 확인할 수 있습니다.

1. Moqups

슬로워크 웹 개발실에서 사용하고 있는 툴입니다. PNG,PDF로 저장이 가능하고 메일이나 URL로 여러 사람과 공유하기가 쉽습니다. 직관적인 UI로 누구나 손쉽게 사용할 수 있다는 장점이 있습니다. 

2. UXPin

반응형 웹 기획에 적합합니다. 동일 페이지를 해상도별 사이즈로 쉽게 만들 수 있고, 실제 html로 확인할 수 있습니다. 실시간 협업 또한 가능합니다.

3. Balsamiq

손으로 스케치한듯한 캐쥬얼한 느낌을 주는 와이어프레임 도구입니다. 네트워크 연결 없이도 사용할 수 있다는 점이 있습니다.

4. Proto.Io

모바일 앱을 만들기에 적합한 툴입니다. 아이폰, 아이패드, 안드로이드, 안드로이드 타블렛 모두 가능합니다. QR코드를 통해 스마트폰에서 바로 확인하여 볼 수 있습니다.

5. Power mockup 

파워 목업은 많은 기획자들이 사용하는 툴입니다. 다운로드를 받으면 파워포인트 내에 설치되어 손쉽게 와이어프레임과 문서작성을 동시에 할 수 있습니다. 사용성이 매우 간편하고 스텐실 종류가 다양해 초보자도 쓰기가 편하다는 장점이 있습니다. 

아이폰 배경을 무료로 다운 받을 수 있는 사이트 입니다.

홈페이지는 여기를 클릭하세요.

안녕하세요~

이번에는 freepick 이라는 사이트를 소개해 드리려고 합니다.

저작권 문제로 고민하시는 분들은 여기서 이미지 사이즈 및 색상 등 자유롭게 선택하여 다운 받으실 수 있으니, 이용해보세요~ 

아시는 분들은 아시겠지만 기획자분들에게 유용한 사이트 입니다.

Wireframe.cc

무료로 사용하실 수 있습니다