Dev Environment 검색 결과

해당 글 42건

Web Accessibility(웹 접근성)

웹 접근성이란? 장애인, 고령자 등을 포함한 다양한 사용자가 인터넷 상에서 차별없이 일반 사용자와 동등하게 정보에 접근하고 이용할 수 있도록 보장하는 것을 말합니다. 웹 접근성 준수의 필요성다양한 사용자에게 동등한 정보접근권 제공 필요웹 접근성 준수는 장애인 및 고령자등 정보 접근 취약자에게 정보격차를 해소시켜 주고, 나아가 누구나 손쉽게 웹을 활용할 수 있고 정보를 얻을 수 있는 기회를 제공할 수 있습니다. 법적 요구사항에 대한 준수웹 접근성 보장은 국가법령에 따라 "국가정보화 기본법", "장애인 차별금지법" 으로 제정되었으며, 이에 따라 선택이 아닌 지켜야 할 필수사항입니다. 한국형 웹 컨텐츠 접근성 지침 2.0 접근성 지침은 원칙 4개, 지침 13개, 지표(22개 체크리스트)로 구성되어 있습니다. ..
Dev Environment/개발 기타 자료 2016. 4. 28. 19:39

Reflow or Repaint(or ReDraw)과정 설명 및 최적화 방법

Reflow or Repaint(or ReDraw)과정 설명 및 최적화 방법 리플로우와 리페인팅에 대해 알아봅니다. Reflow 발생 생성된 DOM 노드의 레이아웃 수치(너비, 높이, 위치 등) 변경 시 영향 받은 모든 노드의(자신, 자식, 부모, 조상(결국 모든 노드) ) 수치를 다시 계산하여(Recalculate), 렌더 트리를 재생성하는 과정이며 또한, Reflow 과정이 끝난 후 재 생성된 렌더 트리를 다시 그리게 되는데 이 과정을 Repaint 라 합니다. Reflow 발생 코드 JavaScript function reFlow() { document.getElementById('container').style.width = '600px'; return false; } Reflow 발생 그래프 그..
Dev Environment/개발 기타 자료 2016. 3. 21. 07:00

Tomcat & Apache

톰캣과 아파치의 역할 사용자가 브라우져를 통해 네이버에 접속하려면 브라우져 주소표시줄에 http://naver.com 라고 입력하고 실행하게 됩니다. 사용자가 브라우져를 통해 네이버에 접속하는 이 행위는 "내가 네이버에 접속합니다" 라고 네이버 서버에 요청하는 행위입니다. 그리고 통상 사용자를 클라이언트라 칭합니다. 즉 , 클라이언트(사용자)는 서버(네이버서버)에 어떤것을 요청을 하게 되면 서버는 클라이언트의 요청을 받아들입니다. 그리고 서버는 클라이언트의 요청을 해석합니다. 클라이언트가 원하는 Data를 요청한 클라이언트에게 보내고, 클라이언트는 원하는 화면을 볼 수 있게 됩니다. 이렇게 사용자와 서버, 둘 사이에 통신을 가능하게 하는 프로그램이 바로 브라우저(Browser)인 것입니다. 브라우져는 사..
Dev Environment/개발 환경 2016. 2. 29. 09:01

sublime text3 사용법 #3 - 'euc-kr' 한글 인코딩 문제

sublime text3 사용법 #3 - 한글 인코딩 문제 해결서브라임 텍스트에서 'EUC-KR' 인코딩 한글 표시 문제를 해결하는 방법에 대해 알아봅니다. 'EUC-KR' 인코딩 문제 해결하기서브라임 텍스트는 기본적으로 한글 인코딩 'euc-kr'을 지원해 주지 않고 있습니다.그리고 한글 인코딩을 utf-8 과 같은 인코딩으로 변환할 수도 없기 때문에 이를 변환하거나 한글 인코딩을 사용하려면 별도의 패키지를 설치해주어야 합니다.ctrl + shift + p를 눌러 커맨드 팔레트창을 열어서 install package를 실행합니다.그러면 패키지 저장소가 검색이 되고 그 안에서 converttoutf8 이라는 패키지를 찾아서 설치합니다. 설치가 완료되었다면 : 도구 메뉴의 File > Set File En..
Dev Environment/sublimeText3 2016. 2. 16. 15:24

Sublime Text3 사용법 #2 - 패키지(package) 관리도구 및 패키지 사용

Sublime Text3 사용법 #2 이 글에서는 패키지 관리도구 설치와 패키지 사용방법에 대해 알아봅니다. sublim text3 Package Control(패키지 컨트롤) 설치 서브라인 패키지 컨트롤은 서브라임에서 제공하는 플러그인들의 관리를 용이하게 해주도록 하기 위한 도구라고 할 수 있습니다. 서브라임텍스트에는 유용하고 다양한 플러그인들이 많이 존재하는데 이 패키지 컨트롤을 통해 사용자 기호에 맞는 플러그인을 설치 및 관리하실 수 있습니다. https://packagecontrol.io/ 에서 install now 를 클릭하면 좌측에 sublime text2, 3 버전의 탭을 보실 수 있습니다. 이곳에서는 3버전을 다룹니다. 3버전 탭 내용을 모두 드래그한 후 복사하여 서브라임텍스트의 View ..
Dev Environment/sublimeText3 2016. 2. 12. 13:42

Sublime Text3 사용법 #1 - 기본 설정 및 단축키 설정, 한글 입력

Sublime Text3 Usage #1 서브라임은 맥, 윈도우, 리눅스 등 다양한 운영체제에서도 사용이 가능합니다. 그리고 맥에서나 보여지는 스타일을 윈도우에서도 사용할 수 있습니다. 앞으로 유용하고 간단한 사용 방법에 대해 알아봅니다. 에디터 기본 설정 - 파일 생성 및 사이드바 생성 파일의 생성 새로운 파일 생성 ctrl + N 의 경우 하단 우측 모서리를 보면 문서 모드가 Plain Text Syntax mode로 생성될 것입니다. 파일 저장 시 파일의 확장자(파일타입)를 지정해 주면서 저장해도 되며, ctrl + shift + p 에서 명령창이 뜨면 Syntax 를 치면 해당 파일의 확장자 모드를 지정하여 파일타입을 변경하실 수 있습니다. Side Bar - 사이드바 생성 Tool menu(도구..
Dev Environment/sublimeText3 2016. 2. 11. 11:31

Git 리모트 저장소

Git remote repository 리모트 저장소를 관리할 줄 알아야 다른 사람과 함께 일할 수 있습니다. 리모트 저장소는 인터넷이나 네트워크 어딘가에 있는 저장소를 말합니다. 저장소는 여러 개가 있을 수 있는데 어떤 저장소는 읽고 쓰기 모두 할 수 있고 어떤 저장소는 읽기 권한만 있을 수도 있습니다. 간단히 말해서 다른 사람들과 함께 일한다는 것은 리모트 저장소를 관리하면서 데이터를 거기에 Push하고 Pull하는 것입니다. 리모트 저장소를 관리한다는 것은 저장소를 추가, 삭제하는 것뿐만 아니라 브랜치를 관리하고 추적할지 말지 등을 관리하는 것을 말합니다. 이번에는 리모트 저장소를 관리하는 방법에 대해 알아봅니다. 리모트 저장소 리모트 저장소 확인하기 git remote 명령으로 현재 프로젝트에 등..
Dev Environment/Git 2016. 2. 2. 11:30

Git branch(브랜치)

Git 브랜치 모든 버전 관리 시스템은 브랜치를 지원합니다. 개발을 하다 보면 코드를 여러 개로 복사해야 하는 일이 자주 생길 수 있습니다. 코드를 통째로 복사하고 나서 원래 코드와는 상관없이 독립적으로 개발을 진행할 수 있는데, 이렇게 독립적으로 개발하는 것이 브랜치입니다. 버전 관리 시스템에서 브랜치를 만드는 과정은 고생스럽습니다. 개발자가 수동으로 소스코드 디렉토리를 복사해서 브랜치를 만들어야 하고 소스코드의 양이 많으면 브랜치를 만드는 시간도 오래 걸립니다. 사람들은 브랜치 모델이 Git의 최고의 장점이라고, Git이 다른 것들과 구분되는 특징이라고 말합니다. 당최 어떤 점이 그렇게 특별한 것일까? Git의 브랜치는 매우 가볍습니다. 순식간에 브랜치를 새로 만들고 브랜치 사이를 이동할 수 있습니다..
Dev Environment/Git 2016. 2. 2. 09:51

Git 기초- 깃(git) 명령어 배워보기

Git Command Git을 사용해서 프로젝트 관리하는 것에 대한 명령어를 배워봅니다. Git의 기본 개념인 push, pull, commit, branch 등에 대해 알아보며 windows에서의 실행을 전제로 합니다. Git Working Flow - 작업 흐름 여러분의 로컬 저장소는 git이 관리하는 세 그루의 나무로 구성되어 있습니다. 첫번째 나무인 작업 디렉토리(Working directory)는 로컬(실제) 파일들로 이루어져있고, 두번째 나무인 인덱스(Index)는 준비 영역(staging area)의 역할을 하며, 마지막 나무인 HEAD는 최종 확정본(commit)을 나타냅니다. Git 저장소 만들기 Git 저장소를 만드는 방법은 두 가지입니다. 기존 프로젝트를 Git 저장소로 만드는 방법이..
Dev Environment/Git 2016. 2. 1. 10:13

브라우저 호환성 대응 방안

Browser Compatibility - 브라우저 호환성 대응 방안PC/모바일에서 사용하는 브라우저가 다양하고 각각의 레이아웃 엔진, Javascript 엔진이 다르고 지원하는 기능 범위도 차이가 있습니다. 부분적인 기능이지만 참고 http://html5test.com/compare/browser/chrome-37/firefox-32/ie-11/ie-8.html 그로 인해 개발과 검수하는 단계에서 현재 진행하고 있는 프로젝트가 고객들이 사용하는 주요 브라우저에서 잘 서비스되는지 검토해야 합니다. 아래는 검토 시 필요한 내용들을 정리하였습니다. 브라우저 호환성 대응 기준 호환성 대응 방법을 얘기하기 전에 어떤 범위까지 지원할지 정리가 필요합니다 아래는 체크가 필요한 방향과 기준에 대해서만 작성하였습니다...
Dev Environment/개발 기타 자료 2016. 1. 28. 08:33

오프라인에서 크롬 확장 프로그램 설치하기

Chrome Extension (유용한 크롬 확장 프로그램) 웹 개발을 하는데 유용한 크롬 확장 프로그램에 대해 간략히 알아봅니다. 확장 프로그램 추출하는 방법(CRX) 온라인 연결이 불가능한 개발망 같은 환경(오프라인)에서 크롬 웹 스토어의 확장 프로그램을 추출하여 사용가능하도록 할 수 있습니다. 1. 먼저 온라인이 가능한 환경에서 Give Me CRX 를 다운로드 및 설치합니다. 2. 이제 사용자가 오프라인에서 사용하고자 하는 확장프로그램을 선택하도록 합니다. 여기서는 GitHub Mate 라는 확장 프로그램을 다운받도록 하겠습니다. 다운로드 받으려한 확장 프로그램 팝업에 우측 마우스를 클릭하면 다음과 같은 항목이 나타납니다. 위 그림의 Get CRX of this extension 을 클릭하여 확장..
Dev Environment/개발 환경 2016. 1. 11. 11:24

Front-end Developer

Front-end Developer 에 대해서 프론트-엔드 개발자로서 요구되는 능력 위키피디아에 정의된 Front-end Developer 정의 프론트-엔트 개발자가 고려해야 할 목표 접근성(Accessibility)사용성(Usability)성능 향상(Performance) 프론트-엔드 개발자에게 요구되는 테크닉 가이드라인접근성검색 엔진 최적화(SEO)UX 사용성 모델 웹 언어HTMLCSSJavaScript 라이브러리JQueryUnderscoreModernizr기타 등등... 이미지 편집Phtoshop 프리프로세싱 & 컴파일러CSSSassLessstylus JSCoffeeScriptTypeScript기타 등등.. 모듈 관리RequireJSBrowerify 업무 관리 도구(자동화 빌드시스템)GulpGrun..
Dev Environment/개발 기타 자료 2015. 12. 30. 10:52

명령어 기반 인터페이스 도구(CLI)

CLI (Command Line Interface)node.js 를 활용하기 위해서는 명령어 기반 인터페이스에 익숙해져야 한다. front-ui 를 다루는 입장에서 이 인터페이스는 정말 낯설다. 하여 이렇게 포스팅하며 개인적으로 공부해 본다. 일반적으로 CMD는 Window 운영체제에서 기본으로 제공하는 명령어 기반 인터페이스 도구이다.window키 + R 을 누르고 cmd를 입력하면 CMD창이 실행된다. CMD 창에 ipconfig를 입력한 후 엔터를 누르면 IP Configuration을 확인할 수가 있다. 즉, 컴퓨터에 연결된 IP Address와 인터넷 연결정보를 확인할 수가 있다. 그리고 CMD 도구를 대체할 수 있는 CLI로는 마이크로소프트사에서 개발한 확장 가능한 명령어 기반 인터페이스로Po..
Dev Environment/개발 기타 자료 2015. 9. 9. 13:49

[Window] cmd 명령어 & DOS Command

cmd(Command)@ 시작 -> 실행 에서 cmd 또는 cmd dos 입력 주로 사용하는 명령어 notepad : 메모장 msconfig : 시스템 구성 유틸 sysedit : 시스템 구성 편집기 shutdown -s -t 60 : 60초로 컴퓨터 강제 종료. regedit : 레지스트리 calc : 계산기 control : 제어판 start or start . : 다른 cmd 열기 또는 해당 디렉토리의 윈도우 탐색기 열기 프로그램 명령어 개체 포장기 : packager 그림판 : mspaint , pbrush 디스크 관리 : diskmgmt.msc 디스크 정리 : cleanmgr 디스크 조각 모음 : dfrg.msc 돋보기 : magnify 마스터 볼륨 : sndvol32 마우스 등록 정보 : co..
Dev Environment/개발 환경 2015. 9. 9. 13:34