본문 바로가기

웹기획23

칼라 그라데이션 조합이 필요할 때 방문하면 좋은 사이트 uiGradient 칼라 그라데이션 참고 사이트를 소개합니다. uiGradient 웹디자인을 할 때 칼라 그라데이션 효과를 줄 때가 많다. 그럴 때 어떤 칼라들을 같이 사용할지 정하기 어려울 때가 많다. 그라데이션은 2가지 이상의 칼라가 서로 자연스럽게 겹치면서 시각적인 효과를 나타내기 때문에 시험적으로 적용해 보지 않으면 그 효과를 먼저 알아내기 어렵기 때문이다. 그런데 섞어야 할 칼라가 3가지 이상이 넘어가면 더 어려워진다. 이럴 때 참고하면 좋은 사이트가 uiGradient 사이트이다. uigradients.com/ uiGradients - Beautiful colored gradients uiGradients is a handpicked collection of beautiful color gradients for .. 2020. 11. 10.
웹쟁이라면 꼭 알아야 할 용어, 의외로 복잡한 용어, UI 그리고 UX UI디자인과 UX디자인 그냥 입에 붙어서 이야기하는 UI와 UX. UI디자인, UI디자인. 설계를 할 때는 UX적 요소를 고려해야 한다는데.................................... UI를 풀었으면, User Interface. 컴퓨터를 사용자가 편리하게 사용할 수 있도록 설계를 하고, 또한 그런 환경을 제공하는 설계 내용이 UI디자인. UX를 풀었으면, User Experience. 사용자가 어떤 시스템, 제품, 서비스를 직접적으로, 간접적으로 이용하면서, 접하면서 느끼고 생각하게 되는 총체적 경험, 그런 경험적인 것을 고려해서 설계하면 UX디자인. 뭔가 경험적인 부분의 Feedback이 들어가는게 UX디자인 개념으로 보면 된다. 예를들면, 휴대폰에서 햄버거 메뉴 버튼을 사용자의 .. 2020. 10. 28.
행정기관 및 공공기관 시스템 구축 사업시 준수하여야 할 표준화지침 행정기관 프로젝트 진행시 준수하여야 할 표준화지침 행정기관 및 공공기간 시스템을 구축할 때 준수하여야 할 표준화지침을 아래와 같이 열거합니다. 프린트하면 양이 상당할 것 같네요. 그래서 해당 법령 및 지침마다 링크를 해드리기는 좀 많아요. 원문은 국가법령정보센트에서 확인하세요. www.law.go.kr/ 국가법령정보센터 1 2 3 4 5 6 7 8 9 0 Bksp q w e r t y u i o p Shift a s d f g h j k l z x c v b n m 띄어쓰기 검색 www.law.go.kr ❍ 법률 - 국가정보화 기본법 - 전자정부법 - 개인정보보호법 - 소프트웨어 산업진흥법 ❍ 규정∙지침 - 정보시스템 구축∙운영지침(행정안전부) - 정보기술아키텍처 도입∙운영지침(행정안전부) - 전자정부 .. 2020. 10. 27.
설문조사 제공툴 : 서베이몽키 Surveymonkey 설문조사에는 서베이 몽키 홈페이지의 디자인 시안은 보통 2개에서 3개는 만듭니다. 이런 시안에서 1안을 택할지, 2안을 택할지에 대해서 예전에는 발주사의 관리층에서 선택을 했죠. 요즘은 시민들이 실제로 어떤 디자인 시안을 좋아하는지 객관적인 자료를 요청하는 발주사들도 많아져서 서베이툴을 사용해야 할 경우가 많이 생깁니다. 그래서 이번에 소개할 내용은 서베이툴인 서베이몽키입니다. www.surveymonkey.com SurveyMonkey: The World’s Most Popular Free Online Survey Tool Use SurveyMonkey to drive your business forward by using our free online survey tool to capture the v.. 2020. 10. 11.
웹접근성과 레이어팝업창, 새창팝업 관련 이슈 웹접근성 관련 이슈 : 레이어 팝업창, 새창 팝업 관련 홈페이지를 제작하면서 고려할 많은 웹접근성 관련 이슈가 있습니다. 이미지에 대한 대체텍스트 제공, session 태그 등을 사용할 때 h 태그를 사용하여야 하는 것 등은 발주사와의 의견 교환없이 코딩을 할 때 준수하면 됩니다. 하지만 팝업에 대해서는? 긴급공지내용이나 비정기적 공지내용을 팝업창으로 해결해 달라는 발주사가 많습니다. 팝업창은 발주사의 의견, 요청과 관련이 되어 있습니다. 하지만 홈페이지에 레이어 팝업창이 뜨는 경우 키보드 제어가 안되기 때문에 웹접근성 위반이 됩니다. 포커스가 레이어 팝업창으로 가야하고 닫을 때 키보드로 제어할 수 있어야 하는데 제어가 안되기 때문입니다. 즉, 웹접근성을 고려한다면 레이어 팝업이나 새창팝업은 사용하면 안.. 2020. 10. 11.
기획자와 PM(Product Manager)은 같을까요? 다를까요? 기획자와 PM의 차이점은? 어떻게 다른가? 기획자와 발주사가 단순히 상상속에서만 가능하고 실제 구현이 불가능하거나, 사실상 실현되기 어려운 기능을 무리하게 주장하고 추진하지 않게 어느정도 높은 수준의 전문적인 지식과 경력을 가지고 의사결정을 하는 것이 PM이라고 생각합니다. 단순히 발주사, 디자이너, 개발자 사이에서 중간역할을 하는 것이 기획자라고 하면, PM은 좀 더 높은 의사결정을 가지고 업무를 정리 및 조정을 해주고 전체 팀(조직)을 이끌어가는 사람이죠. 높은 수준의 업무지식과 경력을 가지고 있기 때문에 발주사와 디지이너, 개발자 사이에서 겉도는 문제를 잘 풀어내기도 합니다. 항해하는 선박에서 비유를 하자면 기획자가 능력있는 갑판장이라고 하면, PM은 전체를 이끌어가는 선장이라고 할 수 있겠죠. 선.. 2020. 10. 9.
마운트 Mount가 뭐야? 마운트란? What is mount? 마운트(mount)는 유닉스(Unix)계열 운영체제의 명령어입니다. 하드디스크 같은 물리적인 장지를 특정위치, 즉 디렉토리에 연결시켜 주는 것을 마운트라고 합니다. 윈도우에서는 마운트가 자동으로 되어서 컴퓨터 사용자들이 마운트를 몰라도 되지만, 리눅스 등의 경우 관리자가 직접 특정 디렉토리에 붙이는 작업을 수행해야 합니다. 이전에 CD를 이용해서 스타크래프트 등의 게임을 할 때 가상 CD 드라이브를 마운트 하기도 했습니다. 리눅스를 아직 배우지 못해서 마운트 명령어를 실제로 어떻게 사용하는지는 잘 몰라서 간단히 의미만 설명하였습니다. 2020. 10. 9.
UNIX 명령어 간단 정리 UNIX 명령어들을 간단히 정리합니다. 프로세스 관련 명령어 fork : 새로운 프로세스를 생성합니다. exec : 새로운 프로세스를 수행합니다. exit : 프로세스 수행을 종료합니다. wait : fork 후 exec에 의해 실행되는 프로세스의 상위 프로세스가 하위 프로세스 종료 등의 event를 기다립니다. kill : 프로세스를 제거합니다. getpid : 자신의 프로세스 아이디를 얻습니다. getppid : 부모 프로세스 아이디를 얻습니다. & : 백그라운드 처리를 위해 명령의 끝에 입력합니다. signal : 신호를 받았을 때 프로세스가 취할 동작을 지정합니다. pipe : 프로세스 간 통신을 위한 경로를 설정합니다. 파일 및 디렉터리 관련 명령어와 기타 명령어들입니다. create : 파일을.. 2020. 10. 8.
통합개발환경 IDE (Intergrated Development Environment) 통합개발환경 IDE (Intergrated Development Environment) IDE는 개발에 필요한 다양한 도구들이 결합되어 있는 소프트웨어로 소스 편집기, 컴파일러, 디버거, 배포 등 프로그램 개발에 관련된 모든 작업을 하나의 프로그램 안에서 처리하는 환경을 제공하는 소프트웨어를 의미합니다. 또한 코딩 에디터에서 확장기능을 인스톨하여 사용할 수 있는 것처럼 IDE도 추가 기능을 인스톨하여 필요한 기능들을 확장할 수 있습니다. 비쥬얼스튜디오코드는 코딩 에디터이지만, 비쥬얼스튜디오에서도 IDE를 다운로드 받아 활용할 수 있습니다. 비쥬얼스튜디오 IDE에서는 파일트리, 에디터, 터미널이 한 화면에서 실행이 됩니다. 2020. 10. 6.
API(Application Programming Interface) API(Application Programming Interface) API(Application Programming Interface)는 운영체제 등 큰 틀에서 지원해 주는 함수의 집합군을 이야기 합니다. interface라는 단어처럼 중간의 매개체를 뜻합니다. 오픈 API api하면서 많이 언급하는게 오픈 api입니다. 구글지도, 카카오맵 등 다양한 지도 api도 오픈 api입니다. 누구나 쉽게 접근할 수 있는 웹서비스에 적용하여 서비스 개발에 필요한 인터페이스를 공개하고 공유하는 것을 오픈 API라고 합니다. 오픈 api를 이용하고자 하면, 데이터 또는 서비스를 제공하는 측, 즉 오픈 api를 제공하는 측에서 정한 규칙을 지켜야 합니다. 오픈 API를 이용하는 사용자들은 자신들의 축적된 데이터 없.. 2020. 10. 6.
시큐어코딩 Secure Coding에 대하여 시큐어코딩 Secure Coding 이란? 시큐어 코딩의 정의는 다음과 같습니다. 시큐어 코딩이란 안전한 소프트웨어 개발을 위해 소스 코드 등에 존재할 수 있는 잠재적인 보안 취약점을 제거하고, 보안을 고려하여 기능을 설계 및 구현하는 등 소프트웨어 개발 과정에서 지켜야 할 일련의 보안 활동을 말합니다. 소프트웨어(SW)를 개발함에 있어 개발자의 실수, 논리적 오류 등으로 인해 SW에 내포될 수 있는 보안취약점(vulnerability)을 배제하기 위한 코딩 기법을 뜻 한다. 코딩을 할 때 프로그램의 제약이 있는 것이 아니므로 메모장으로도 시큐어 코딩을 할 수 있습니다. 다만 좋은 IDE(인텔리제이, 이클리스 등)을 사용 하는 경우 놓칠 수 있는 오류를 경고해 주기 때문에 시큐어 코딩에 도움이 될 수 있.. 2020. 10. 6.
웹접근성 자가진단 도구 : WATCH 2.0 웹 접근성 자동 진단, 웹접근성 자가진단 도구 WATCH 2.0을 소개합니다. Watch2.0을 이용하면 한국형 웹 콘텐츠 접근성 지침 2.1에 다른 6개 세부 항목에 대한 웹 접근성 준수 여부를 편리하게 자가 진단할 수 있습니다. www.webwatch.or.kr/accessibility/040301.html?MenuCD=431 WATCH2.0 | 솔루션 | 정보 접근성 | WebWatch - 웹 접근성 품질인증 No.1 / APP, SW 접근성 인증·컨설팅 WATCH2.0 WATCH2.0 소개 WATCH2.0은 등록된 웹사이트 URL 및 오프라인 웹문서에 대한 웹 접근성 및 웹표준 준수여부를 자동 진단하는 자가 진단툴입니다. 한국형 웹 콘텐츠 접근성 지침 2.1에 따라 웹 사�� www.webwatc.. 2020. 10. 6.

티스토리툴바