모바일 애플리케이션을 사용하기 쉽게 만들려면 어떻게 디자인해야 할까? 디자인에 애를 먹는 개발사들은 새로운 UI/UX를 만들어내기 위해 고민하기 보다는 기존에 있는 것들을 잘 활용하는 것이 좋은 방법이다.그 중 pttrns는 상당히 유용한 정보를 제공해주는 사이트다. pttrns는 다양한 모바일 디자인 패턴, 리소스를 제공한다.http://pttrns.com/ 플랫폼(Android, iOS) 섹션별로 정보를 보여주고, 카테고리 별로 디자인을 볼 수 있어서 UI/UX 디자이너들에게 도움이 될 것이다.
Response Class Code Response Class 의미 설명 1 Informational (정보) 리퀘스트를 받고, 처리 중에 있음 2 Success (성공) 리퀘스트를 정상적으로 처리함. 3 Redirection (리디렉션) 리퀘스트 완료를 위해 추가 동작이 필요함. 4 Client Error (클라이언트 오류) 클라이언트 요청을 처리할 수 없어 오류 발생 5Server Error (서버 오류) 서버에서 처리를 하지 못하여 오류 발생 [200번대 응답 : 성공 (Success)] Status Code 의미 설명 200 OK * 요청 정상 처리. 204 No Content * 요청 정상 처리하였지만, 돌려줄 리소스 없음. * 응답에 어떠한 Entity body도 포함하지 않음. * 서버에서 ..
Fiddler는 간단하면서도 강력한 웹 디버깅 툴입니다.일반적으로 HTTP를 통한 요청과 응답에 대한 내용을 확인할 수 있고, 요청을 만들거나 요청에 대한 성능 분석까지 지원해줍니다. [다운로드 링크]https://www.telerik.com/download/fiddler [첨부파일] [실행화면] 특히 웹 화면 개발할 때 요청하는 URL 목록들, 파라메터의 값들을 쉽게 확인할 수 있습니다. 예를 들어 로그인 화면에서 로그인 요청을 했을 때 입력한 아이디, 비밀번호가 암호화 되어 요청되는지 확인해보겠습니다. 오른쪽 화면의 Inspectors - WebForms의 Body를 보면 요청한 파라메터 Name과 Value를 확인할 수 있습니다. 이러한 기능 외에도 Request Header 값, 요청 응답 시간 ..
1. 네이버 스마트 에디터 파일 다운로드 http://naver.github.io/smarteditor2/user_guide/2_install/download.html http://dev.naver.com/projects/smarteditor/download (사용불가) 2. 이클립스 - 프로젝트 생성 (ex) SmartEditor2.8_project) 3. 에디터를 사용할 페이지에 소스 추가 (ex) /page/test/index.jsp에 에디터 적용) * 스크립트 추가 * 에디터 호출 코드 * 에디터 관련 스크립트 코드 $(document).ready(function() { var oEditors = []; // 개발되어 있는 소스에 맞추느라, 전역변수로 사용하였지만, 지역변수로 사용해도 전혀 무관 ..
