nalaolla

IE11을 이용한 JavaScript 디버깅 04, F12 개발자 도구 DOM 탐색기 창 Part 2 브라우저를 기반으로 한 웹 응용 프로그램 개발 생태계에서 클라이언트 측 개발의 난이도와 복잡성은 이미 서버 측에 못지 않습니다. 이런 어려움에 대한 대표적인 방안 중 하나로 대부분의 최신 브라우저들은 수 년 전부터 F12 개발자 도구를 제공하고 있습니다. F12 개발자 도구를 활용하면 직면한 문제점을 해결할 수 있는 실마리를 손쉽게 발견할 수 있는 경우가 많습니다. 그러나 초보자나 갑자기 웹 환경에서 작업하게 된 다른 언어의 전문가가 F12 개발자 도구에 부담 없이 접근할 수 있게 실질적인 도움을 제공하는 자료는 아직 많이 부족합니다. 이 시리즈에서는 가장 단순한 F12 개발자 도구를 갖고 있는 IE11..

IE11을 이용한 JavaScript 디버깅 04, F12 개발자 도구 DOM 탐색기 창 Part 2 브라우저를 기반으로 한 웹 응용 프로그램 개발 생태계에서 클라이언트 측 개발의 난이도와 복잡성은 이미 서버 측에 못지 않습니다. 이런 어려움에 대한 대표적인 방안 중 하나로 대부분의 최신 브라우저들은 수 년 전부터 F12 개발자 도구를 제공하고 있습니다. F12 개발자 도구를 활용하면 직면한 문제점을 해결할 수 있는 실마리를 손쉽게 발견할 수 있는 경우가 많습니다. 그러나 초보자나 갑자기 웹 환경에서 작업하게 된 다른 언어의 전문가가 F12 개발자 도구에 부담 없이 접근할 수 있게 실질적인 도움을 제공하는 자료는 아직 많이 부족합니다. 이 시리즈에서는 가장 단순한 F12 개발자 도구를 갖고 있는 IE11..

브라우저를 기반으로 한 웹 응용 프로그램 개발 생태계에서 클라이언트 측 개발의 난이도와 복잡성은 이미 서버 측에 못지 않습니다. 이런 어려움에 대한 대표적인 방안 중 하나로 대부분의 최신 브라우저들은 수 년 전부터 F12 개발자 도구를 제공하고 있습니다. F12 개발자 도구를 활용하면 직면한 문제점을 해결할 수 있는 실마리를 손쉽게 발견할 수 있는 경우가 많습니다. 그러나 초보자나 갑자기 웹 환경에서 작업하게 된 다른 언어의 전문가가 F12 개발자 도구에 부담 없이 접근할 수 있게 실질적인 도움을 제공하는 자료는 아직 많이 부족합니다. 이 시리즈에서는 가장 단순한 F12 개발자 도구를 갖고 있는 IE11을 사용해서 JavaScript를 디버깅하는 초보적인 수준의 방법을 소개합니다. F12 개발자 도구에서..

IE11을 이용한 JavaScript 디버깅 02, console 개체 브라우저를 기반으로 한 웹 응용 프로그램 개발 생태계에서 클라이언트 측 개발의 난이도와 복잡성은 이미 서버 측에 못지 않습니다. 이런 어려움에 대한 대표적인 방안 중 하나로 대부분의 최신 브라우저들은 수 년 전부터 F12 개발자 도구를 제공하고 있습니다. F12 개발자 도구를 활용하면 직면한 문제점을 해결할 수 있는 실마리를 손쉽게 발견할 수 있는 경우가 많습니다. 그러나 초보자나 갑자기 웹 환경에서 작업하게 된 다른 언어의 전문가가 F12 개발자 도구에 부담 없이 접근할 수 있게 실질적인 도움을 제공하는 자료는 아직 많이 부족합니다. 이 시리즈에서는 가장 단순한 F12 개발자 도구를 갖고 있는 IE11을 사용해서 JavaScript..

IE11을 이용한 JavaScript 디버깅 : F12 개발자 도구 콘솔 창 이어지는 일련의 글에서는 IE11을 이용한 예제와 디버깅 방법을 살펴봅니다. 다양한 최신 브라우저 대신 IE11을 대상으로 선택한 데에는 몇 가지 이유가 있습니다. 가장 큰 이유는 예상하시는 것처럼 우리나라의 특수한 웹 생태계 때문입니다. 우리나라는 아직도 IE에 종속된 환경이 많이 남아 있습니다. 그리고 브라우저마다 렌더링 방식이나 메모리 관리 방식 등이 서로 다르기 때문에 웹 응용 프로그램이 한 브라우저에서 원활하게 실행된다고 해서 다른 모든 브라우저에서도 원활하게 실행된다고 장담하기는 어렵습니다. 구버전의 IE까지 대상으로 포함하는 크로스-브라우징 개발 환경에서 성능 이슈가 발생할 경우 대부분 IE와 관련된 경우가 많은데,..

아래 이미지처럼 Git 프로젝트로 시작합니다. 자신의 저장소 주소를 넣어서 Test 해보세요. 초록색 레이어와 함께 successful 이라는 문구가 나오면 정상적으로 연결된겁니다. 클론뿐만 아니라 실제로 깃헙에 커밋까지 할수 있으려면 해당 저장소에 접근할 수 있다는 것을 증명해야합니다. Log in to Github버튼을 클릭해서 인증을 진행합시다. 깃헙 2차 인증Two-factor authentication을 사용하지 않는다면 Login / Password 필드를 채워주시면 되고 만약 2차 인증을 사용중이면 Enter token 으로 전환해서 입력하세요.

Keyboard Maestro 앱을 이용해서 macOS 단축키 설정하기! 제가 맥을 사용하면서 가장 필수로 설정하는 것이 단축키입니다. 스팟라이트(Spotlight)를 이용해서 편리하게 앱을 실행시킬 수도 있지만 저는 키보드 마에스트로 앱을 이용해서 자주 사용하는 앱을 단축키로 지정하여 사용하고 있습니다. 단축키를 이용해서 필요한 앱을 실행시키고, 사용을 안 할 경우 편리하게 숨기면서 마우스 사용 빈도와 시간이 크게 단축되고 엄청난 편리함을 느낄 수 있습니다. 그러면 "키보드 마에스트로(Keyboard Maestro)" 앱을 설치하고 설정하는 방법을 알려드리도록 하겠습니다. - 설명하기에 앞서 "macOS Mojave 버전 10.14" 운영체제에서 Chrome 브라우저를 이용하여 설치했습니다. 1. Ke..

IntelliJ에서 Apache Tomcat 설정 및 실행 방법! Apache Tomcat을 설치해서 서버 구동 준비까지 끝냈다면 이제부터 Web 개발을 하기 위한 준비를 위해서 개발 툴에 Tomcat을 설정하고 서버를 구동시켜 결과를 확인해야겠죠~! 자신의 프로젝트가 서버를 통해서 정상적으로 실행되는지..! 저는 IntelliJ IDEA 개발 도구를 이용하여 Java로 Web 개발을 공부 중입니다. 이제부터 인텔리J에서 톰캣을 설정하고 JSP 실행하는 방법을 알려드리도록 할게요~! - 설명하기에 앞서 "macOS Mojave 버전 10.14.2" 운영체제에서 "IntelliJ IDEA ULTIMATE 2018.3", "Apache Tomcat 9"를 이용하여 설정했습니다. ☛ IntelliJ 학생 인증..

macOS 서버 구동을 위한 Apache Tomcat 설치 및 실행 방법! 저는 Java 언어를 이용하여 Web 개발 공부를 하고 있습니다. 웹 개발을 하기 위한 기본적인 준비 중 하나인 아파치 톰캣을 설치하고 서버 구동을 해야 합니다. 괜히 복잡해 보이는 서버 설치와 실행 방법을 저와 함께 차근차근해봐요~! - 설명하기에 앞서 "macOS Mojave 버전 10.14"운영체제에서 Homebrew(홈브류)를 이용하여 설치했습니다. 1. Apache Tomcat 설치 방법 직접 Apache Tomcat 사이트로 접속해서 다운로드한 후 패키지 경로를 설정하여 사용해도 괜찮습니다. 하지만, 저는 macOS 용 패키지 관리자 Homebrew를 이용하여 설치하였습니다. Homebrew를 통해서 설치한 이유는 환경..

나만의 스타일로 터미널(Terminal) 꾸미는 방법! 개발 공부를 하다 보면 터미널을 사용할 일이 많아지죠~! 내가 필요한 정보를 구글링으로 열심히 찾다 보면 Terminal의 색상이 알록달록하신 분들을 볼 수도 있습니다. 그렇다면, 나도 터미널을 내가 원하는 스타일로 꾸며보고 싶다는 생각을 한 번씩 해보셨을 거예요! 자신이 마음에 드는 스타일로 눈에 쏙쏙 들어오는 색상으로 바꾸는 방법을 알려드리도록 할게요~! - 설명하기에 앞서 "macOS Mojave 버전 10.14" 운영체제를 이용했습니다. 1. 터미널 기본 스타일 바꾸는 방법 "command + 스페이스바" 키를 이용하여 Spotlight 검색창을 실행시켜주세요. "터미널"을 입력 후 "return" 키를 눌러주세요. "터미널" 창이 실행되고 ..