종종 HTML 요소의 드래그가 필요한 때가 있습니다. 드래그를 통해 상태값을 변경하거나, 간단하게 설정을 적용시킬 수 있을때 특히 유용합니다. 저희가 준비중인 프로젝트에서는 칸반 보드가 들어갈 예정인데 이를 위해 꼭 필요한 기술입니다. 일단 칸반 카드로 쓸 div를 만들어 줬습니다. .kanbanCard { cursor: move; position: absolute; background-color: #2196F3; color : white; border: 1px solid #d3d3d3; text-align: center; } cursor:move로 마우스를 올렸을때 십자표시로 커서가 바뀌도록 css를 적용해줍니다. 이제 위의 자바스크립트 코드가 필요합니다. 코드 전문을 먼저 보여드리고 나서, 함수를 한..

// submit is an action performed ON THE FORM ITSELF... // probably best to give the form an ID attribute and refer to it by that $('form').submit( function (event) { // prevent the usual form submission behaviour; the "action" attribute of the form event.preventDefault(); // validation goes below... // now for the big event $.ajax({ // the server script you want to send your data to 'url': 'dest..

아래 문서는 Kakao SDK for JavaScript(이하 JavaScript SDK) 사용법을 설명합니다. https://developers.kakao.com/docs/latest/ko/getting-started/sdk-js Kakao Developers 카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다. developers.kakao.com 아래 문서에서는 예제 코드들을 확인 할 수 있습니다. 카카오에서 코드를 쉽고 간결하게 잘 짜두었고, 주석도 친절히 잘 달아주어서 어렵지 않게 여러가지 다양한 기능을 사용해 볼 수 있습니다. 개인적으로 API 는 카카오쪽이 가장 마음에 들었습니다. developers.ka..

Python 에서 Flask의 활용을 공부하던 중이었지만, 사실상 Flask는 서버 역할만 하고, javascipt로만 구현되어있기 때문에 javascipt 카테고리로 구분하였습니다. 사실상 로그인 구현에 필요한 모든 코드는 NAVER Developers 에 모두 잘 정리가 되어있습니다. 그걸 받아다가 원하는 포맷으로 가공해서 사용하기만 하면 됩니다, 하지만 막막하고 어려움을 겪을 수 있으니 한번 정리해보겠습니다! developers.naver.com/docs/login/web/web.md Web 애플리케이션 - LOGIN 네이버 아이디로 로그인은 서버 사이드 언어인 PHP나 Java로 개발한 웹 애플리케이션에도 적용할 수 있습니다. 또한 프런트엔드에서 사용하는 JavaScript를 사용해도 적용할 수 ..

자바 수업시간에 쿠키와 세션에 대해 배웠습니다. 서버에서 이루어지는 세션은 그렇다 쳐도, 어차피 사용자의 컴퓨터에 저장될 쿠키데이터를 위해 서블릿까지 추가하는건 좀 부담스러워서 쿠키를 다루는 사항들은 웹페이지에서 바로 다뤄보려고 합니다. 진행중인 프로젝트에서 처음으로 쿠키를 사용할 곳은 '아이디 저장' 기능입니다. 아직 테스트중인 페이지이기 때문에 시안이 좀 투박하나 양해 부탁드립니다. 아이디 저장을 해놓고 로그인을 하면 다음부터 해당 페이지에 접속했을때에는 굳이 아이디를 한번 더 칠 필요가 없도록 구현하려고 합니다. 안그래도 본 프로젝트에서 이메일주소를 아이디로 쓸 계획을 하고 있다보니, 아이디 입력이 번거로워 꼭 필요한 기능입니다. 프로젝트가 어느정도 완성궤도에 오르면 그때는 세션을 이..