본문 바로가기

전체 글

[Spring/maven] 프로젝트 회고4. 카카오 로그인 API 매번 복잡하고 까다로운 회원가입 절차는 아무리 우리의 개인정보를 보호해준다고 해도 귀찮다. 이미 가입한 나의 정보를 가지고 다른 사이트에서 이용할 수 없을까? 이러한 이유 때문에 거의 모든 웹사이트들은 소셜로그인(구글,카카오,네이버등) 을 사용한다. 나는 프로젝트 때 카카오로그인API를 이용하였고 로그인 정보를 DB에 저장하여 프로젝트 서비스를 이용하도록 구현하였다. 카카오로그인을 구현하기 위해서는 단순히 내 프로젝트의 코드 작성 뿐만 아니라 '카카오에 API를 쓰겠다' 라고 등록을 먼저 해야 한다. 등록 절차 구글에 카카오 developers를 검색 한 후 -> 로그인 -> 내어플리케이션 순으로 들어간다. 자신의 어플리케이션을 등록한다. [플랫폼]에 들어가서 자신이 이용할 도메인 주소를 등록한다. 하단.. 더보기
[Spring Security]프로젝트 회고 3.비밀번호 암호화 관리자가 내 비밀번호를 알고 있다면 내 모든 개인정보를 조회 할수 있고 이는 사용자로서 매우 불쾌하게 느껴질 것이다. Spring security에서 제공하는 Bcrypt를 통해 비밀번호를 암호화 할수 있고 이를 통해 사용자의 정보를 보호 할 수 있다. pom.xml org.springframework.security spring-security-core 4.0.2.RELEASE org.springframework.security spring-security-web 4.0.2.RELEASE org.springframework.security spring-security-config 4.0.2.RELEASE 우선 pom.xml 에 자신의 스프링 버전과 맞게 security관련 dependancy를 작성해준.. 더보기
java.sql.sqlsyntaxerrorexception: ora-00926: missing values keyword 딱봐도 너무나 간단한오류지만......... data를 여러번 빼보고 수정해봐도 계속 같은 오류가 떴다.. 그이유는 mysql에서 오라클로 바꾸는 도중 insert 구문 value -> values로 안바꿨기 때문........... 이런 오류가 빈번하니 안 될땐 다지우거나 ctrl C+V 를 활용하자! 더보기
[Spring/maven]프로젝트 회고 2. 로그인(유효성 체크 & 쿠키를 이용한 로그인 유지) 로그인 로직 1. 회원가입시 DB에 입력된 정보(id,password)와 대조하여 로그인 유효성체크를 하고 웹사이트의 접근을 허용한다. 2. 로그인을 한 유저들은 자신의 정보와 권한 만큼의 사이트의 기능들을 사용 할 수 있다. 로그인을 하지 않은 유저들의 사이트 이용을 막는것 또한 로그인 기능의 역할이다. 세션을 통해 로그인한 유저와 하지 않은 유저간의 사이트의 기능이용 제한에 차이를 둔다. 3. 브라우저를 종료하면 사라지는 세션과는 달리 local저장소에 저장 될 수 있는 쿠키를 이용하여 로그인 유지를 구현 할 수 있다. 4. 쿠키만으로 로그인을 구현하면 보안에 굉장히 취약해지므로 세션과 쿠키를 같이 사용해 보안을 강화한다. Oracle ALTER table users ADD sessionkey var.. 더보기
[Spring/maven]프로젝트 회고 1. 회원가입(유효성체크 & ajax Id 중복체크) 회원가입 로직 사용자가 회원가입 시 너무 많은 입력사항이 있을 경우 귀찮아 할 수 있다. 그래서 너무많은 정보를 요청하는 것은 옳지 않다. 하지만 사이트에 필요한 최소한의 정보는 반드시 요청해야한다. 유효성체크를 통해 홈페이지만의 회원가입 규칙을 정하고 규칙을 어긋난 회원가입을 막는다. ID중복체크를 통해 Id의 고유값(not null)을 가져오고 이 id와 sequence로 주어지는 user_no을 통해 사이트의 여러기능을 사용 할 때 회원정보를 불러온다. SQL 설계를 끝내고 코드를 짜려면 회원가입에 필요한 data를 DB에 저장하기 위해 users 테이블을 만들어야 한다. CREATE TABLE users( user_no NUMBER PRIMARY KEY NOT null, user_type NUMB.. 더보기
Json 이해하기 //Json이란? JavaScript Object Notation라는 의미의 축약어로 데이터를 저장하거나 전송할 때 많이 사용되는 경량의 DATA 교환 형식 즉 stringfy해서 data를 보내기도 하고 parse해서 data를 받기도하고.. //자바스크립트의 객체를 다른 언어로 보내기 위해서 문자열화 하는 것을 스트링이라고 한다. JSON으로 stringfy해서 data를 java나 server로 보냄 let jsonstud = JSON.stringify(student); console.log(jsonstud); console.log(typeof jsonstud); //parsing화: string으로 보내진 data를 다시 객체타입으로 바꾸는 과정 let objstud = JSON.parse(jso.. 더보기
Input tag 관련 , initial-scale=1.0"> Document 남 여 일반 특수 취미: 독서 영화감상 잠자기 " data-ke-type="html">HTML 삽입미리보기할 수 없는 소스남여 일반 특수취미: 독서 영화감상 잠자기 더보기
html/css 이론정리 html 은 기본적으로 브라우저의 뼈대 -value의 속성은 " "을 붙힌다 (' ' 도 상관 없음) - class를 호출 할 땐 . 을 붙힘 id를 호출 할 땐 #을 붙힘 더보기