Dev Environment/개발 환경 검색 결과

해당 글 10건

자바스크립트 디버깅(Debugging) - alert, console

Deburgging - console, alert이 글에서는 자바스크립트의 디버깅 방법에 대해 정리합니다.먼저 디버깅의 개념에 대해 알아봅니다.컴퓨터 분야에서 디버깅이란 컴퓨터 프로그램이나 하드웨어 장치에서 잘못된 부분, 즉 버그를 찾아서 수정하거나 또는 에러를 피해나가는 처리과정입니다.프로그램이나 하드웨어 장치의 결함을 제거하기 위해서는 문제가 되는 부분을 분리시킨 후 수정해야 합니다. 프로그램이 디버깅되었다거나 프로그램의 결함을 해결하였다는 것은 더 이상의 잘못된 부분이 없다는 것을 의미합니다.다시말해, 프로그램의 버그를 고치는 일이라고 할 수 있습니다. 버그는 프로그램의 오동작을 말하는데 긴 프로그램이라도 기본적으론 의심되는 코드부분에 브레이크 포인트를 걸고 조금씩 실행해 보면서 여러 가지 값들이 ..
Dev Environment/개발 환경 2016. 9. 30. 13:26

Mobile Web(모바일 웹)

모바일 환경에 대하여 모바일(Mobile)은 “이동하는” 또는 “움직임이 자유로운” 이라는 뜻으로, 휴대성, 이동성의 특징을 지닌 기기를 말합니다. 즉, 현재 많이 사용하고 있는 스마트폰, 태블릿PC 가 모바일이라는 범주에 속하는 기기로, 모바일 웹이라는 것은 이 모바일 범주에 속하는 기기에 최적화된 최적화된 웹을 지칭한다고 할 수 있습니다. 모바일 웹과 모바일 앱 모바일 앱도 모바일 범주에 속하는 기기에 최적화된 앱을 말합니다. 여기서의 앱(App) 이란 운영체제 혹은 플랫폼에서 제공하는 SDK(Software Development Kit)를 기반으로 개발된 애플리케이션을 지칭하는 용어이며 일반적으로 네이티브 앱(Native App)을 말합니다. 그리고 네이티브 앱은 사용자가 아이폰 앱스토어 또는 구글..
Dev Environment/개발 환경 2016. 8. 16. 15:35

Tomcat & Apache

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

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

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

[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

.bashrc 문서 별칭(Alias) 등록 및 CLI 에서 유효성검사하기

.bashrc 문서에 Alias 등록 .bashrc 파일을 생성하여 단축어을 별칭 등록하여 CLI 에서 간편 사용하기.bashrc 를 생성하기 위해 사용자 계정이 있는 위치로 이동$ cd ~/ => 사용자 계정으로 이동.bashrc 파일을 사용자 폴더에 생성한다. # Alias alias ls='ls -ph --show-control-chars' alias lsa='ls -al --color=auto --show-control-chars' alias cls='clear' # Sass Alias (Sass 명령어를 별칭으로 등록) alias sass='sass -w -t compact -E utf-8' alias sass-e='sass -w -t expaned -E utf-8' alias sass-c='s..
Dev Environment/개발 환경 2015. 9. 9. 10:15

Aptana Studio localhost 설정하기

localhost : 서버설정방법 ※ preference => Aptana Studio의 Web Severs 클릭후 new 클릭 = > External Web Server External Web Server Name : 사용자 네임 Base URL : http://localhost:8080 Document Root : 이거는 내가 작업하는 폴더루트 경로 잡기 ※ project에 properties - preview Server 셋팅할 것 ※ run 아이콘에서 run coofigurations > Web Brower 에서 우측 ui에서 Server => use selected server 클릭해서 설정한 로컬호스트로 연결 ※ ctrl+ F11로 브라우저 바로 열기 preferences > run/Debug..
Dev Environment/개발 환경 2015. 2. 15. 20:55

아파치 톰캣이 아닌 아파치 셋팅(설정)하기

Apache 아파치 웹사이트 : http://httpd.apache.org/download.cgi C:\Program Files (x86)\Apache Group\Apache2\conf httpd.conf 파일에서 # line 119 # Listen 12.34.56.78:80 Listen 80 Listen 8080 (포트번호 추가하려면) line 252 # This should be changed to whatever you set DocumentRoot to. # # # 참고 (해당 로컬 루트 프로젝트 전체) # 도큐먼트 루트설정하기 # line 321 DirectoryIndex index.html index.html.var main.html (인덱스로 사용할 파일네이밍 추가할수 있음) # line 8..
Dev Environment/개발 환경 2015. 2. 15. 20:49

톰캣 로컬 서버 및 SSI 설정하기

톰캣 SSI 설정 context.xml 수정 톰캣 : http://tomcat.apache.org/ C:\Program Files (x86)\Apache Software Foundation\Tomcat 7.0\conf 의 context.html 파일에서컨텍스트 설정부분에 속성을 하나 추가해준다. Catalina C:\Program Files (x86)\Apache Software Foundation\Tomcat 7.0\conf\Catalina\localhost ㆍ docBase 는 작업루트 경로로 맞춘다 SSI(server side include)사용하기 위한 톰캣 web.xml 수정하기 web.xml 에서 아래의 코드 주석을 풀어줍니다. ssi org.apache.catalina.ssi.SSIServl..
Dev Environment/개발 환경 2015. 2. 15. 20:19

tomcat SSI(sever side include) 설정하기

window os에서 톰캣 SSI 설정하는 방법 SSI, html include 하기 tomcat ssi t(omcat/설정) # 이런식으로 파일 인클루드함 그리고 SSI의 기능을 활성화 하기 위해서 아래 코드 하단의 web.xml의 주석을 푼다. ssi org.apache.catalina.ssi.SSIServlet buffered 1 debug 0 expires 666 isVirtualWebappRelative 0 4 ssi *.html 맵핑부분을 보면 *.shtml 이라고 되어 있을 것이다. 이것을 경우에 맞게 변경하여 사용하면 된다.
Dev Environment/개발 환경 2015. 2. 11. 17:53