박스여우 - BoxFox

안녕하세요 박스여우입니다. 요즘 웹에 관심이 많아졌는데요, 그런 의미에서 오늘은 그동안 배워보고 싶었던 AngularJS에 대해 알아보고자 합니다! JavaScript는 웹은 물론이고 Node.JS, 애플리케이션 분야까지 "JavaScript Is Eating The World"라는 말이 있을 정도로 점점 진화해 가고 있습니다. 이러한 과정속에서 JQuery와 같은 JavaScript 라이브러리들이 많이 등장하고 있는데요, 그 중에도 AngularJS라는 것이 인기를 많이 받고 있습니다. 지금부터 이 AngularJS에 대해 간단히 알아보도록 하겠습니다 ■ AngularJS AngularJS는 JavaScript로 만들어진 웹 어플리케이션 프레임워크 입니다. AngularJS가 인기를 받고있는 이유는 바..

안녕하세요 박스여우입니다. 저번 Google I/O 2016 Extend Seoul 에 얼마 길지 않은 개발 경력을 가지고 참가했기 때문에 새롭게 알게된것이 많았습니다. 최근에 웹 개발을 한창 하고 있어서 Progressive Web App챕터를 듣게 되었는데, 그 중에서 Web Worker라는 녀석이 있더군요. 그 때는 뭐지(?) 하고 개념만 어느정도 잡고 넘겼는데, 얼마전에 javascript상에서 Thread를 사용할 일이 있어서 구글링을 해 보니 Web Worker라는 녀석이 또 등장하더군요. 그래서 Web Worker에 대해 개념을 다시 제대로 잡아보고자 합니다. ■ Web worker 란? HTML 페이지에서 스크립트를 실행할때 그 페이지는 스크립트가 완료할때 까지 응답하지 않게 됩니다. 이를..

안녕하세요 박스여우입니다. 오늘은 요렇게 페이지 새로고침 없이 페이지를 이동(?) 하는 방법에 대해서 알아보겠습니다. ■ Ajax - Asynchronous JavaScript and XMLAjax는 웹브라우저와 웹 서버가 내부적으로 통신을 하고, 그 결과를 웹 페이지에 반영하여 웹 페이지를 로딩이나 새로고침 없이 이용할 수 있도록 하는 기술입니다.이름을 보면 알 수 있겠지만, 자바스크립트를 이용하여 비동기적으로 서버와 브라우저가 데이터를 주고받는 방식으로 보면 됩니다. 그럼 본격적으로 Ajax를 사용하는 방법에 대해서 알아보겠습니다. ■ Ajax - 예제 1 - JQuery를 사용한 예제 123456789101112 $.ajax({ type : "GET", url : "test.jsp", dataTyp..

안녕하세요 박스여우입니다.오늘은 Android도, IOS도 아닌 웹에 Facebook Login 기능을 적용해 보는 방법을 알아보도록 하겠습니다. 우선 facebook javascript SDK를 적용하기 위해서https://developers.facebook.com/apps 요기로 가서 Facebook SDK 앱 코드를 생성해야 합니다. facebook 아이디로 로그인 하고, 지금 가입하기를 눌러서 facebook 개발자 가입을 시작합시다! 지금 가입하기를 누르면 facebook의 개인정보 취급방침을 동의하는 창이 표시됩니다. 그럼 동의를 하고 가입을 하면 되겠죠? 가입에 성공했습니다! 드디어 앱을 등록할 수 있는 창이 나왔습니다! 그럼 이제 사용할 플랫폼을 골라봅시다. 이번에는 웹에 적용하기로 했으니..

안녕하세요 박스여우입니다. 오늘은 JavaScript를 Html 속에서 사용하는 방법에 대해서 알아보겠습니다.우선, JavaScript 강좌는 기본적으로 Html을 알고계시다는 전제 하에 진행하도록 하겠습니다. 아래 파일을 다운받아서 크롬이나 사용하고 계시는 익스플로러에서 적용해 봅시다. 다운받으신 test.html파일을 익스플로어나 크롬에 끌어다 놓으면 이런 모양의 웹 페이지가 보이게 됩니다. 그다음 '클릭해 볼까?' 라는 버튼을 클릭해 보면 아래 사진처럼 클릭했음 이라는 메세지가 나오게 됩니다. 이처럼 웹페이지의 버튼을 클릭했을때 이벤트를 처리하는 과정을 순수하게 Html을 통해 처리할 수도 있지만, 좀 더 복잡하거나 많은일, HTML로는 한계가 있는 것들을 구현하기 위해서는 JavaScript를 사..