(SpringBoot) 배민 클론 코딩3 - 테이블, 스프링시큐리티
깃허브 repository : SpringBoot Baemin practice
* 참고한 블로그: blog link
이전 포스팅에서 이어진다.
목차
Error 해결하기
회원가입을 시도 하는데 자꾸 에러창이 뜬다.
콘솔창에 뜬 에러 내용을 보니, UserMapper에서의 overlapCheck 매서드를 찾지 못하는 것 같다.
<해결>
UserDAOImpl.java 코드를 수정해줘야한다. 기존 코드는 SqlSession을 Autowired해서 사용했지만 나는 UserMapper를 Autowired해서 사용하도록 하겠다.
@Repository
public class UserDAOImpl implements UserDAO{
@Autowired
private UserMapper userMapper; //수정
@Override
public void join(Join join) {
userMapper.join(join); //수정
}
@Override
public int overlapCheck(String value, String valueType) {
Map<String, String> map = new HashMap<>();
map.put("value", value);
map.put("valueType", valueType);
return userMapper.overlapCheck(map); //수정
}
}
이에 맞게 UserMapper.java도 수정해준다.
@Mapper
public interface UserMapper {
@Insert("insert into BM_USER(ID, USERNAME, PASSWORD, EMAIL, NICKNAME, PHONE VALUES USER_ID_SEQ.NEXTVAL, #{username}, #{password}, #{email}, #{nickname}, #{phone}")
public void join(Join join); //수정
@Select("SELECT COUNT(*) FROM BM_USER WHERE ${valueType} = #{value}")
int overlapCheck(Map<String, String> map); //수정
}
하지만…
회원가입 버튼을 누르자 또 에러가 난다.
문제는 두가지인데, 하나는 올바른 이메일 형식이 아니라는 메시지가 뜬다는 것이고, 하나는 Controller에서 errorMsg를 보낼때 HashMap에서 username을 매칭을 못하는 것 같다.
아무래도 예상으로는 이메일 부분에서 에러가 났지만 username에서는 에러가 없어서 field = username이 존재하지 않아서 이런 오류가 뜨는 것 같다. null일때의 처리 방법을 찾아봐야할 것 같다.
정말 오랜시간동안 에러가 발생하는 부분을 찾았다. 그리고 구조적으로 중복되는 부분도 찾았는데, 먼저 에러가 발생한 부분부터 말하자면 Controller의 “/join” PostMapping에서 오류가 발생했다.
그 안에서도 @Valid 어노테이션에서 에러가 발생하는 거였는데, 이 어노테이션이 이메일 형식을 제데로 이메일 형식이라고 인식하지 못해서 오류 메세지를 띄우는 것이었다…
처음에는 자바스크립트 파일에서의 유효성 검사에서 문제가 발생하나 했는데 애초에 자바스크립트에서 유효성 검사가 통과 됐기에 회원가입 버튼이 활성화 되서 서버로 데이터를 전송하고 처리를 하는 것이기에 스크립트는 아니었다. 그렇다면 Controller에서 유효성 검사를 하고 에러가 뜨면 에러메세지를 보내는 과정에서 오류가 발생했다는 것인데, 처음에는 BindingResult 클래스에서 오류가 발생하는 것인가 했다. 그래서 BindingResult 매개변수를 지워서 실행했더니 springframework.validation 뭐시기가 뜨길래 @Valid 어노테이션이 문제라는 것을 알아차렸다. 프레임웍 안의 정규식이 잘못된건지 왜그러는지는 모르겠으나 어노테이션 자체의 오류라니… 찾기가 너무 힘들었다..
그리고 view에서 유효성 검사를 하는데 굳이 서버에서도 할 필요가 있을까 싶어 Controller에서의 유효성 검사는 지웠다. 게다가 HashMap을 사용하니 오류가 발생해도 발생하지 않은 부분에 대해서는 처음이랑 똑같이 매핑할수 없는 오류가 뜰테니까 지워버리도록 하자.
아 그리고 Mapper의 sql문에서의 오류도 발견하여 고쳐줬다.
@PostMapping("/join")
public String joinProc(Join join,Model model){
System.out.println(join);
userService.join(join);
return "redirect:/login";
}
@Insert("insert into BM_USER(ID, USERNAME, PASSWORD, EMAIL, NICKNAME, PHONE) VALUES (USER_ID_SEQ.NEXTVAL, #{username}, #{password}, #{email}, #{nickname}, #{phone})")
public void join(Join join);
테이블 생성하기
로그인을 하기 위해 미리 테이블을 내 임의로 만들었는데 다시 drop table 하고 새로 만들도록 하겠다. 그리고 프로젝트에 필요한 모든 테이블들을 만들어 놓는다.
Table Sql
CREATE TABLE BM_USER (
ID NUMBER PRIMARY KEY,
USERNAME VARCHAR2(100) NOT NULL,
PASSWORD VARCHAR2(100) NOT NULL,
EMAIL VARCHAR2(50) ,
NICKNAME VARCHAR2(50),
POINT NUMBER DEFAULT 0,
PHONE VARCHAR2(20) ,
RATING VARCHAR2(50) DEFAULT 0,
ROLE VARCHAR2(20) DEFAULT 'ROLE_USER'
);
-- 유저 번호 자동증가
CREATE SEQUENCE USER_ID_SEQ
INCREMENT BY 1
START WITH 1
MINVALUE 1
MAXVALUE 99999999999
NOCYCLE
NOCACHE
NOORDER;
create table bm_store (
id NUMBER primary key,
category number NOT NULL,
store_name varchar2(100) NOT NULL,
store_address1 varchar2(200) NOT NULL,
store_address2 varchar2(200) NOT NULL,
store_address3 varchar2(200),
store_phone varchar2(20) NOT NULL,
store_img varchar2(200),
store_thumb varchar2(200),
opening_time number DEFAULT 0,
closing_time number DEFAULT 0,
min_delevery number DEFAULT 0,
delevery_time number DEFAULT 0,
delevery_tip number DEFAULT 0,
store_des varchar2(1000) DEFAULT '가게소개가 없습니다'
);
CREATE SEQUENCE STORE_ID_SEQ
INCREMENT BY 1
START WITH 1
MINVALUE 1
MAXVALUE 99999999999
NOCYCLE
NOCACHE
NOORDER;
create table bm_food (
id number primary key,
store_id number NOT NULL,
food_name varchar2(100) NOT NULL,
food_price number NOT NULL,
food_dec varchar2(200),
food_img varchar2(200),
food_thumb varchar2(200)
);
CREATE SEQUENCE FOOD_ID_SEQ
INCREMENT BY 1
START WITH 1
MINVALUE 1
MAXVALUE 99999999999
NOCYCLE
NOCACHE
NOORDER;
ALTER TABLE BM_FOOD
ADD CONSTRAINT FOOD
FOREIGN KEY (STORE_ID)
REFERENCES BM_STORE(ID)
on delete cascade;
-- 음식 추가옵션
create table bm_food_option (
id number PRIMARY KEY,
food_id number not null,
option_name varchar2(100) not null,
option_price number not null
);
CREATE SEQUENCE OPTION_ID_SEQ
INCREMENT BY 1
START WITH 1
MINVALUE 1
MAXVALUE 99999999999
NOCYCLE
NOCACHE
NOORDER;
ALTER TABLE BM_FOOD_OPTION
ADD CONSTRAINT FOOD_OPTION
FOREIGN KEY (FOOD_ID)
REFERENCES BM_FOOD(ID)
on delete cascade;
-- 회원 주문정보 테이블
CREATE TABLE BM_ORDER_USER (
ORDER_NUM NUMBER PRIMARY KEY,
STORE_ID NUMBER NOT NULL,
USER_ID NUMBER NOT NULL,
ORDER_DATE TIMESTAMP DEFAULT SYSDATE,
PAY_METHOD VARCHAR2(30),
DELEVERY_STATUS VARCHAR2(50) DEFAULT '주문접수 대기 중',
PHONE VARCHAR2(20) NOT NULL,
DELEVERY_ADDRESS1 NUMBER NOT NULL,
DELEVERY_ADDRESS2 VARCHAR2(200) NOT NULL,
DELEVERY_ADDRESS3 VARCHAR2(200),
TOTAL_PRICE NUMBER NOT NULL,
USED_POINT NUMBER DEFAULT 0,
REQUEST VARCHAR2(2000),
IMP_UID VARCHAR2(30) -- 아임포트 결제번호
);
CREATE TABLE BM_ORDER_DETAIL_USER (
ORDER_NUM NUMBER,
FOOD_INFO VARCHAR2(2000)
);
ALTER TABLE BM_ORDER_DETAIL_USER
ADD CONSTRAINT ORDER_DETAIL_USER
FOREIGN KEY (ORDER_NUM)
REFERENCES BM_ORDER_USER(ORDER_NUM)
on delete cascade;
-- 비회원 테이블
-- 회원 비회원 union all 하기위해 user_id 컬럼 추가
CREATE TABLE BM_ORDER_NON_USER (
ORDER_NUM NUMBER PRIMARY KEY,
STORE_ID NUMBER NOT NULL,
USER_ID NUMBER NOT NULL,
ORDER_DATE TIMESTAMP DEFAULT SYSDATE,
PAY_METHOD VARCHAR2(30),
DELEVERY_STATUS VARCHAR2(50) DEFAULT '주문접수 대기 중',
PHONE VARCHAR2(20) NOT NULL,
DELEVERY_ADDRESS1 NUMBER NOT NULL,
DELEVERY_ADDRESS2 VARCHAR2(200) NOT NULL,
DELEVERY_ADDRESS3 VARCHAR2(200),
TOTAL_PRICE NUMBER NOT NULL,
USED_POINT NUMBER DEFAULT 0,
REQUEST VARCHAR2(2000),
IMP_UID VARCHAR2(30) -- 아임포트 결제번호
);
CREATE TABLE BM_ORDER_DETAIL_NON_USER (
ORDER_NUM NUMBER,
FOOD_INFO VARCHAR2(2000)
);
ALTER TABLE BM_ORDER_DETAIL_NON_USER
ADD CONSTRAINT ORDER_DETAIL_NON_USER
FOREIGN KEY (ORDER_NUM)
REFERENCES BM_ORDER_NON_USER(ORDER_NUM)
on delete cascade;
-- 포인트 테이블
CREATE TABLE BM_POINT (
USER_ID NUMBER,
USED_DATE TIMESTAMP DEFAULT SYSDATE,
INFO VARCHAR2(100) NOT NULL,
POINT NUMBER NOT NULL
);
ALTER TABLE BM_POINT
ADD CONSTRAINT POINT
FOREIGN KEY (USER_ID)
REFERENCES BM_USER(ID)
on delete cascade;
CREATE TABLE BM_REVIEW (
ORDER_NUM NUMBER PRIMARY KEY,
STORE_ID NUMBER NOT NULL,
REVIEW_CONTENT VARCHAR2(3000) NOT NULL,
BOSS_COMMENT VARCHAR2(3000),
REGI_DATE TIMESTAMP DEFAULT SYSDATE,
USER_ID NUMBER NOT NULL,
SCORE NUMBER NOT NULL,
REVIEW_IMG VARCHAR2(200)
);
ALTER TABLE BM_REVIEW
ADD CONSTRAINT REVIEW
FOREIGN KEY (ORDER_NUM)
REFERENCES BM_ORDER_USER(ORDER_NUM)
on delete cascade;
-- 찜하기 테이블
CREATE TABLE BM_LIKES (
USER_ID NUMBER,
STORE_ID NUMBER,
LIKES_DATE TIMESTAMP DEFAULT SYSDATE
);
ALTER TABLE BM_LIKES
ADD CONSTRAINT LIKES_USER_ID
FOREIGN KEY (USER_ID)
REFERENCES BM_USER(ID)
on delete cascade;
ALTER TABLE BM_LIKES
ADD CONSTRAINT LIKES_STORE_ID
FOREIGN KEY (STORE_ID)
REFERENCES BM_STORE(ID)
on delete cascade;
CREATE TABLE BM_POINT (
USER_ID NUMBER,
USED_DATE TIMESTAMP DEFAULT SYSDATE,
INFO VARCHAR2(100) NOT NULL,
USED_POINT NUMBER NOT NULL
);
CREATE TABLE BM_GIFT_CARD (
GIFT_CARD_NUM VARCHAR2(50) PRIMARY KEY,
POINT NUMBER NOT NULL,
INFO VARCHAR2(100) NOT NULL
);
INSERT INTO BM_STORE (ID, CATEGORY, STORE_NAME, STORE_ADDRESS1, STORE_ADDRESS2, STORE_PHONE) VALUES (STORE_ID_SEQ.NEXTVAL, 100, '도미노피자', '31099', '천안시 서북구 두정동 오성초등학교', '01012341234');
INSERT INTO BM_FOOD (ID, STORE_ID, FOOD_NAME, FOOD_PRICE, FOOD_DEC, FOOD_IMG, FOOD_THUMB)
VALUES (FOOD_ID_SEQ.NEXTVAL, 1, '불고기피자', '11000', '불고기피자 입니다', '\img\none.gif', '\img\none.gif');
INSERT INTO BM_FOOD (ID, STORE_ID, FOOD_NAME, FOOD_PRICE, FOOD_DEC, FOOD_IMG, FOOD_THUMB)
VALUES (FOOD_ID_SEQ.NEXTVAL, 1, '포테이토피자', '12000', '포테이토피자 입니다', '\img\none.gif', '\img\none.gif');
INSERT INTO BM_FOOD (ID, STORE_ID, FOOD_NAME, FOOD_PRICE, FOOD_DEC, FOOD_IMG, FOOD_THUMB)
VALUES (FOOD_ID_SEQ.NEXTVAL, 1, '고구마피자', '4000', '고구마피자 입니다', '\img\none.gif', '\img\none.gif');
INSERT INTO BM_FOOD (ID, STORE_ID, FOOD_NAME, FOOD_PRICE, FOOD_DEC, FOOD_IMG, FOOD_THUMB)
VALUES (FOOD_ID_SEQ.NEXTVAL, 1, '페퍼로니피자', '21000', '페퍼뢰니피자 입니다', '\img\none.gif', '\img\none.gif');
INSERT INTO BM_FOOD_OPTION VALUES (OPTION_ID_SEQ.NEXTVAL, 1, '치즈크러스트로 변경', 3000);
INSERT INTO BM_FOOD_OPTION VALUES (OPTION_ID_SEQ.NEXTVAL, 1, '파스타 추가', 4000);
INSERT INTO BM_FOOD_OPTION VALUES (OPTION_ID_SEQ.NEXTVAL, 1, '베이컨 토핑 추가', 1000);
INSERT INTO BM_FOOD_OPTION VALUES (OPTION_ID_SEQ.NEXTVAL, 1, '치즈 토핑 추가', 1000);
INSERT INTO BM_FOOD_OPTION VALUES (OPTION_ID_SEQ.NEXTVAL, 1, '치즈크러스트로 변경', 3000);
INSERT INTO BM_FOOD_OPTION VALUES (OPTION_ID_SEQ.NEXTVAL, 1, '파스타 추가', 4000);
INSERT INTO BM_FOOD_OPTION VALUES (OPTION_ID_SEQ.NEXTVAL, 1, '베이컨 토핑 추가', 1000);
INSERT INTO BM_FOOD_OPTION VALUES (OPTION_ID_SEQ.NEXTVAL, 1, '치즈 토핑 추가', 1000);
INSERT INTO BM_GIFT_CARD VALUES ('QKRTNALS' , 50000, '상품권 충전');
COMMIT;
비밀번호 암호화 하기
비밀번호를 저장할때 암호화를 해준다.
build.gradle에 security implementation 추가
implementation "org.springframework.boot:spring-boot-starter-security"
코드를 추가하고 업데이트 후 다시 실행시켜 보면
이런 로그인 화면이 뜬다.
콘솔창을 보면 서버가 실행될때 비밀번호가 뜨는데 Id 는 user, 비밀번호는 콘솔창에 나와있는 것을 치면 된다.
하지만 이건 그냥 진짜 security 로그인일뿐 배민 페이지 로그인이 아니다. 이를 커스텀해서 사용해야하기 때문에 코드를 짜준다.
config 패키지를 만들고 그 안에 SecurityConfig.java를 만들어준다.
@EnableWebSecurity
@Configuration
public class SecurityConfig extends WebSecurityConfigurerAdapter {
@Bean
public BCryptPasswordEncoder encodePwd() {
return new BCryptPasswordEncoder();
}
@Override
protected void configure(HttpSecurity http) throws Exception {
http.csrf().disable();
http.authorizeRequests()
.antMatchers("/admin/**").hasRole("ADMIN")
.antMatchers("/user/**").hasAnyRole("ADMIN, USER")
.anyRequest().permitAll()
.and()
.formLogin()
.loginPage("/")
.loginProcessingUrl("/login")
.and()
.logout()
.logoutSuccessUrl("/myPage");
}
}
BCryptPasswordEncoder를 빈으로 등록해 비밀번호를 암호화 할수 있게했다.
그리고
-
antMatchers(“/admin/**”).hasRole(“ADMIN”) : “/admin”이 들어가는 주소는 ADMIN만 들어갈수 있게 설정
-
antMatchers(“/user/**”).hasAnyRole(“ADMIN, USER”) : “/user”가 들어가는 주소는 ADMIN과 USER만 들어갈수 있게 설정
-
.anyRequest().permitAll() : 그 외 다른 페이지들은 아무나 다 들어갈수 있음.
-
formLogin()
.loginPage(“/”)
.loginProcessingUrl(“/login”) :
1. 권한이 없는데 권한이 있는 페이지에 들어가려 할 시
2. “/” 페이지로 이동
실제 로그인을 실행할 주소 “/login” -
로그아웃 성공 시 이동할 페이지 “/myPage”
그리고 Controller에서 회원가입을 할때 입력 받은 비밀번호를 암호화 할 수 있도록 코드를 수정해준다.
@Autowired
private BCryptPasswordEncoder pwdEncoder;
@PostMapping("/join")
public String joinProc(Join join,Model model){
String encPwd = pwdEncoder.encode(join.getPassword()); //코드추가
join.setPassword(encPwd); //코드 추가
System.out.println(join);
userService.join(join);
return "redirect:/login";
}
다시 회원가입을 해보면
위에서 보이듯이 비밀번호가 암호화 되서 들어간다.
Spring Security로 로그인
이상 BCryptPasswordEncoder로 암호화였고, Spring Security로 로그인 구현해 보겠다.
위에서 .loginProcessingUrl(“/login”) 설정해줬듯이 “/login” 링크로 가게 되면 Spring Security에서 가로채서 로그인을 처리하게 된다고 한다.
User role은 USER, ADMIN으로 둘 밖에 선택 못하도록 config 패키지 안에 Role.java를 열거형으로 생성해 준다.
public enum Role {
USER, ADMIN
}
그리고 SpringSecurity는 로그인을 하면 UserDetail 타입의 세션을 생성한다고 한다. DB에서 받을 User 클래스와 LoginService를 생성해 로그인했을 시 회원 정보를 처리하도록 한다. login 패키지를 만들어 파일을 생성한다.
@Getter
@Setter
@ToString
public class User {
private long id;
private String username;
private String password;
private String email;
private String nickname;
private int point;
private String phone;
private String rating;
private Role role;
public User(String username, String password, String email, String nickname, String phone) {
this.username = username;
this.password = password;
this.email = email;
this.nickname = nickname;
this.phone = phone;
}
}
LoginService.java
@Getter
@Setter
@ToString
public class LoginService implements UserDetails {
private User user;
@Override
public Collection<? extends GrantedAuthority> getAuthorities() {
List<GrantedAuthority> roles = new ArrayList<>();
roles.add(new GrantedAuthority() {
@Override
public String getAuthority() {
return user.getRole().toString();
}
});
return roles;
}
@Override
public String getPassword() {
return user.getPassword();
}
@Override
public String getUsername() {
return user.getUsername();
}
@Override
public boolean isAccountNonExpired() {
return true;
}
@Override
public boolean isAccountNonLocked() {
return true;
}
@Override
public boolean isCredentialsNonExpired() {
return true;
}
@Override
public boolean isEnabled() {
return true;
}
}
여기서 User 클래스는 위에서 만든 dto를 임포트 한다.
그리고 유저 정보를 불러오기위해 LoginDetailService.java를 생성하고, Mapper에서 유저 정보를 불러오는 sql을 작성해주도록 한다.
@Service
public class LoginDetailService implements UserDetailsService {
@Autowired
private UserMapper userMapper;
@Override
public UserDetails loadUserByUsername(String username) throws UsernameNotFoundException {
User user = userMapper.login(username);
if(user != null){
LoginService loginDetail = new LoginService();
loginDetail.setUser(user);
return loginDetail;
} else {
throw new UsernameNotFoundException("유저 없음");
}
}
}
@Select("SELECT U.ID ,U.USERNAME ,U.PASSWORD ,U.EMAIL ,U.NICKNAME ,U.PHONE ,U.RATING,U.ROLE,P.POINT FROM BM_USER U LEFT JOIN (SELECT USER_ID, SUM(POINT) POINT FROM BM_POINT GROUP BY USER_ID) P ON U.ID = P.USER_ID WHERE U.USERNAME = #{username }")
public User login(String username);
로그인을 성공 했을 때와 실패 했을 때 피라미터를 전달해 주기위해 LoginSuccess.java , LoginFail.java를 login패키지 안에 만들어준다.
@Component
public class LoginSuccess implements AuthenticationSuccessHandler {
@Override
public void onAuthenticationSuccess(HttpServletRequest request, HttpServletResponse response, Authentication authentication) throws IOException, ServletException {
response.sendRedirect("/myPage");
}
}
@Component
public class LoginFail implements AuthenticationFailureHandler {
@Override
public void onAuthenticationFailure(HttpServletRequest request, HttpServletResponse response, AuthenticationException exception) throws IOException, ServletException {
if(exception instanceof BadCredentialsException || exception instanceof InternalAuthenticationServiceException){
request.setAttribute("loginFailMsg", "아이디와 비밀번호를 확인해 주세요");
}
request.getRequestDispatcher("/resources/templates/user/login.html").forward(request, response);
}
}
SecurityConfig도 수정해줍니다.
@Autowired
private LoginFail loginFail;
@Autowired
private LoginSuccess loginSuccess;
@Override
protected void configure(HttpSecurity http) throws Exception {
http.csrf().disable();
http.authorizeRequests()
.antMatchers("/admin/**").hasRole("ADMIN")
.antMatchers("/user/**").hasAnyRole("ADMIN, USER")
.anyRequest().permitAll()
.and()
.formLogin()
.loginPage("/")
.loginProcessingUrl("/login")
.successHandler(loginSuccess) //추가
.failureHandler(loginFail) //추가
.and()
.logout()
.logoutSuccessUrl("/myPage");
}
로그인 실패하면 화면에 로그인 실패 창이 뜨도록 login.html 상단에 코드를 추가해준다.
<th:block th:if ="${loginFailMsg != null}">
<script type="text/javascript">
const msg = "${loginFailMsg}";
swal(msg);
</script>
</th:block>
자동 로그인 기능
rememberMe() 매서드를 사용하면 자동 로그인 기능을 사용할 수 있다고 한다.
SecurityConfig.java를 수정해준다.
@Autowired
private LoginDetailService loginDetailService;
@Override
protected void configure(HttpSecurity http) throws Exception {
http.csrf().disable();
http.authorizeRequests()
.antMatchers("/admin/**").hasRole("ADMIN")
.antMatchers("/user/**").hasAnyRole("ADMIN, USER")
.anyRequest().permitAll()
.and()
.formLogin()
.loginPage("/")
.loginProcessingUrl("/login")
.successHandler(loginSuccess)
.failureHandler(loginFail)
.and()
.logout()
.logoutSuccessUrl("/myPage")
.and() //추가 시작
.rememberMe()
.key("rememberKey")
.rememberMeCookieName("rememberMeCookieName")
.rememberMeParameter("remember-me")
.tokenValiditySeconds(60 * 60 * 24 * 7)
.userDetailsService(loginDetailService); //추가 끝
}
-
key(“rememberKey”) : 쿠키 값을 암호화 할 때 사용되는 키
-
rememberMeCookieName(“rememberMeCookieName”) : 저장할 쿠키의 이름
-
rememberMeParameter(“remember-me”) : 로그인 페이지의 체크박스(자동로그인을 체크하는 체크박스) name과 일치해야함. 이 옵션을 쓰지않으면 기본 값은 “remember-me”
-
tokenValiditySeconds(60 * 60 * 24 * 7) : 쿠키 유지기간 = 일주일로 설정
-
userDetailsService(loginDetailService) : 유저 정보를 받아올 service
여기까지 작성하고 로그인을 하면 딱 “/myPage”로 가야하나…. 어째서인지 404 에러가 난다. 로그인 성공, 실패도 모두 404에러;; LoginSuccess와 LogimFail이 모두 작동 안하는 듯 하다. 다음장에서 에러 고치도록 하겠다..
