안드로이드 웹 study&work

핸들러 기본 사용법 1초마다 핸들러 동작 시키기 class example { var num : Int = 0 var handler = object : Handler(){ override fun handleMessage(msg: Message) { super.handleMessage(msg) if(num < 10){ sendEmptyMessageDelayed(0,1000) Log.d("abcd","num : $num") num++ }else{ time_q() Log.d("abcd","핸들러 종료") } } } fun time_s(){ handler.sendEmptyMessageDelayed(0,1000) } fun time_q(){ handler.removeMessages(0) } }

웹에서 카카오로그인을 만들어보겠습니다. 웹은 앱보다 간단하였습니다. 로그인 페이지에 kakao sdk사용을 위해 아래내용을 추가해줍니다. 우선 앱과 동일하게 카카오개발자 사이트에 앱을 등록해줍니다. 그리고 redirect url등록도 빠트리지않고 해줍니다. 이제 js에 코드만 추가해주면 간단히 카카오 로그인을 사용할 수 있습니다. 로그인페이지에 kakao sdk사용을 위해 아래 코드를 추가해주고 login.ejs 앱 등록 후에 발급받은 앱 키를 넣어줍니다. Kakao.init('c60951f171353d2c8ec772356b73fb07'); //발급받은 키 중 javascript키를 사용해준다. console.log(Kakao.isInitialized());// sdk초기화여부판단 이제 스크립트를 이용해..

이번에는 카카오톡 로그인을 만들어보겠습니다. 우선 앱에서 카카오로그인 기능을 사용하기 위해서 gradle을 설정합니다. settings.gradle과 build.gradle의 repositories에 아래 내용을 추가 해줍니다. maven { url 'https://devrepo.kakao.com/nexus/content/groups/public/' } setting.gradle repositories { google() mavenCentral() maven { url 'https://devrepo.kakao.com/nexus/content/groups/public/' } jcenter() // Warning: this repository is going to shut down soon } build.g..

앱에서도 새로운 요청을 위한 인터페이스 추가를 먼저 해주었습니다. loginService.kt 데이터는 같은 클래스를 이용해 통신할 예정이기 때문에 새로 추가하지는 않았습니다. interface loginService{ @POST("/login") fun requestLogin( //인풋 @Body jsonparams: Login ) : Call //아웃풋 } interface signupService{ @POST("/signup") fun requestLogin( //인풋 @Body jsonparams: Login ) : Call //아웃풋 } interface idCheckService{ @POST("/idcheck") fun requestLogin( //인풋 @Body jsonparams: Logi..

웹에서 회원가입페이지와 서버요청 우선 새로운 페이지를 node.js와 라우터에서 연결할 수 있도록 추가해주었다. node.js "use strict"; const express = require("express"); const app = express(); const home = require("./routes/home") app.set("views","./views"); app.set("view engine","ejs"); app.use("/",home); app.use("/signUp",home); app.listen(3000,function (){ console.log("서버가동"); }); router router.get("/signUp",(req,res) => { res.render("home/..

로그인을 모두 만들었으니 이제 회원가입 페이지를 만들어보자. 회원가입에는 ID중복확인과 회원등록을 위해 서버와 통신이 두가지가 필요했다. 서버에서 요청을 각각 처리할 수 있도록 해주었다. java서버 회원등록을 처리하는 코드 기본적으로 로그인과 같지만 sql문과 sql문을 실행하는 부분에서 조금 차이가 있다. @RequestMapping (value="/signup",method = RequestMethod.POST) @ResponseBody public LoginVO Signup(@RequestBody LoginVO loginvo){ try { Class.forName(driver); con = DriverManager.getConnection( "jdbc:mariadb://127.0.0.1:3306/..

앱과 연동과정에서 서버도 손을 보아야 했다. MVC패턴을 적용하기 위해 요청데이터를 loginvo 클래스를 만들어 매핑을 시켰다. public class LoginVO { public String getId() { return id; } public void setId(String id) { this.id = id; } public String getPwd() { return pwd; } public void setPwd(String pwd) { this.pwd = pwd; } String id ; String pwd; public String getMsg() { return msg; } public void setMsg(String msg) { this.msg = msg; } String msg; } ..

이번엔 앱과 서버를 연결해보았다. 앱 연동을 위해서 retrofit을 이용해보았다. 선언부 val gson = GsonBuilder() .setLenient() .create() var retrofit = Retrofit.Builder() .baseUrl("http://192.168.45.200:3001/") .addConverterFactory(GsonConverterFactory.create(gson)) .build() var loginService = retrofit.create(loginService::class.java) 로컬에서만 진행을 하기때문에 웹 연동때는 로컬주소를 이용해 url을 넣어주었지만, 앱 연동을 위해서는 실제 ip를 넣어줘야 연동이 되었다. loginService interfa..

로그인 할 때 입력한 ID,PW를 DB와 연동해 처리하기 maria DB와 서버를 연결한다. 연결을 위해 maria DB의 jar 파일을 라이브러리에 추가해준 후 DB 연결을 위한 계정설정을 해준다 java DB관련 선언부 String driver = "org.mariadb.jdbc.Driver"; Connection con = null; PreparedStatement pstmt; Statement stmt = null; ResultSet rs = null; getConnection을 이용해 계정정보를 입력해 연결 후 con의 값을 통해 접속이 됐는지 확인 할 수 있다. Class.forName(driver); con = DriverManager.getConnection( "jdbc:mariadb://..

ajax를 이용한 통신과 통신을 위한 java 코드 입력 ajax java CORS 문제로 헤매었지만 @CrossOrigin 어노테이션을 추가해서 해결 @CrossOrigin(origins = {"http://localhost:3000"}) @RestController public class Hello { @RequestMapping (value="/login",method = RequestMethod.GET) public String Login(String userId,String userPassword){ String id = userId; String pwd = userPassword; return "아이디 : "+id + "\n"+"비밀번호 : "+ pwd; } } 정상동작 확인