반응형 웹개발25 [웹개발 - 회원가입] 비밀번호 암호화 public class CryptoUtils { public static String hasSha512(String input) { try { StringBuilder passwordSaltHashBuilder = new StringBuilder(); MessageDigest md = MessageDigest.getInstance("SHA-512"); md.update(input.getBytes(StandardCharsets.UTF_8)); for (byte hashByte : md.digest()) { passwordSaltHashBuilder.append(String.format("%02x", hashByte)); // 난수를 생성한 뒤, 10진수의 문자열로 변경 } return passwordSal.. 2023. 2. 11. [웹개발] parameter 0 of constructor in ~ 오류 Service 에 의존성 주입하기만 하면 parameter 0 of constructor in 에러가 떴다. 이 때까지 한 번도 이런 적 없었는데 잉 찾아보니까 @Service 안 적어서 그런 경우가 많은 것 같던데 난 잘 적어줬다. 혹시 몰라서 pom.xml 가서 버전 낮춰줬는데 (3.0.2 ➡️ 2.7.5) 에러 안 뜬다. 2023. 2. 11. [웹개발] checkbox 안에 font Awesome 아이콘 넣기 checkbox 색깔을 바꾸고 싶어서 input 의 checkbox 타입을 쓰지 않고 font Awesome 에서 체크 아이콘을 가져와서 만들어보겠다. HTML 위 서비스 이용약관 및 개인정보 처리방침을 읽어보았고 이해하였으며 동의합니다. i 태그는 font Awesome 에서 뽀려온 거다. CSS /* 체크박스 */ .--object-check { align-items: center; cursor: pointer; display: flex; flex-display: row; justify-content: flex-start; user-select: none; } .--object-check > input[type=checkbox] { display: none; } .--object-check> .--c.. 2023. 2. 11. [웹개발] CSS 밑줄 긋는 효과 글자:after { display:block; content: ''; border-bottom: solid 3px rgb(11, 94, 4); transform: scaleX(0); transition: transform 250ms ease-in-out; transform-origin: 0% 50%; } 글자:hover:after { transform: scaleX(1); } 2023. 2. 10. [웹개발] thymeleaf 를 이용한 공통 Header 만들기 일단 모든 페이지에 공통으로 들어갈 거라서 common 으로 빼준다. home.html 에 넣어볼 거다. CommonBody 에 만든 뒤, class 주고 타임리프 이렇게 적어준다. 공통 header를 넣고 싶은 페이지(home.html)의 body 안에 넣어준다. 옴메 진짜 잘 들어간다. 이렇게 따로 빼 놓으면 나중에 모든 페이지에 한 줄만 적어도 상단메뉴 넣을 수 있다. footer 까지 넣어봤다. 그리고 css 도 공통으로 주기 위해 common.css 를 commonHead.html 에 적어야한다. home.html 에서 main 에는 내용이 들어가야 하고, footer는 바닥에 붙어있어야 하기 때문에 css 는 이렇게 주면 된다. body { top: 0; left: 0; width: 100%;.. 2023. 2. 9. [웹개발] Mybatis MyBatis - 필요한 DB관련 메서드는 인터페이스에 정의하고, 그 인터페이스 및 이가 포함하는 메서드 등을 외부 XML과 연결하여 쿼리를 자바 코드와 분리하여 관리하기 위해 사용한다. - 엔티티(Entity) 객체의 멤버를 자동으로 초기화 해주기 때문에 편리하다. - application.properties 설정 # Mybatis 에서 활용할 XML 파일의 위치를 지정한다. mybatis.mapper-locations=classpath:mappers/**/*.xml # 사용할 DBMS의 JDBC Driver 전체 경로 spring.datasource.driver-class-name=org.mariadb.jdbc.Driver # DBMS URL spring.datasource.url=jdbc:maria.. 2023. 2. 9. [웹개발] 어노테이션 (Annotation) 어노테이션 - 어노테이션(Annotation)은 후술하는 클래스, 메서드, 변수 등의 상태나 속성을 표시하기 위해 사용한다. - @Deprecated [Class|Method] : 해당 클래스 혹은 메서드가 더 이상 사용될 수 없음을 의미한다. 물론 해당 어노테이션이 붙어 있어도 정상 작동은 하지만 보통 '다음 버전 부터 빠질겁니다~'라고 알려주는데 사용된다. - @Override [Method] : 해당 메서드가 재정의(Override) 되었음을 알린다. 생략하여도 제 기능은 하지만 개발자로서의 입지가.. - @Controller [Class] : 해당 클래스가 스프링 부트가 인식해야 하는 컨트롤러(Controller)임을 알린다. ▪ value : 식별자를 직접 지정한다. 지정하지 않을 경우 컨트롤러.. 2023. 2. 9. [웹개발] 웹 (Web) 웹(Web) - 클라이언트(Client) : 일반적으로 접속자와 동일한 의미를 가진다. 넓은 의미에서는 요청을 보내는 모든 주체를 클라이언트라고 한다. - 서버(Server) : 서비스를 제공하는 주체이다. 클라이언트의 요청에 따라 적절한 응답을 돌려준다. 네이버, 카카오 등 모두가 서버의 의미를 가지고있다. - 요청(Request) : 클라이언트가 서버로 보내는 요청을 의미한다. 요청은 크게 아래의 구성요소로 되어 있다. ▪ 프로토콜(Protocol) : HTTP 혹은 HTTPS(SSL, Secure Sockets Layer) ▪ 주소(URL, Address) : 요청을 보내는 경로 ▪ 방식(Method) : 요청을 보내는 방식. 자세한 내용은 후술한다. ▪ 헤더(Header) : 요청에 대한 명세. .. 2023. 2. 9. [웹개발] intelliJ 와 GitHub 연동 상단 메뉴에 VCS 에서 Get from Version Control Re-Login 뜬다. 전에 한 번 연결한 적 있어서 그런가보다. 아님말고 GitHub 누르고 Token 입력 - 대박 token 어딨는지 까먹어서 다시 찾아봤다. 깃허브 로그인하고 프로필 누르면 메뉴가 나오는데 거기서 Settings 눌러야된다. 누르면 왼쪽에 또 메뉴가 쭉 뜨는데 거기서 Developer settings 누른다. - Personal access tokens ➡️ Generate new token - 이름이랑 유효기간이랑 권한을 설정해준다. 유효기간은 보안 문제 때문에 무제한으로 하면 안 좋다고 해서 그냥 30일로 했다. - token 생성 완료 이 화면 나가면 다신 안 보여준다고 어디 잘 적어 놓으라고 다들 겁주던데.. 2023. 2. 9. [웹개발 수업 - 맛집 사이트] 검색 기능 만들기 HTML +CSS 작성 list-container 안에 검색기능을 넣을 search-form 을 추가한다 난 CSS 로 이렇게 만들어줬다 사실 쌤 거 따라한거다 따라한다고 땀 2리터 흘렸다 javascript 에 작성해 둔 HTML 에 추가 item 에 visible 추가 : 검색 했을 때 일치하는 결과만 보이게 하기 위해 name 에 rel="name" 추가 : 검색을 위해 자 각각 이 부분 말하는거다 2022. 12. 10. [웹개발 수업 - 맛집 사이트] TIME 타입 HH:mm 형식으로 받아오기 디비에 맛집의 오픈시간과 브레이크타임을 담을 칼럼들의 타입을 TIME 으로 했다 시간을 이렇게 잘 적어줬다 그리고 javascript 에서 컨트롤러를 통해 오픈시간을 placeObject['openFrom'] 으로 받아오면 저런 형태로 나와버린다 장난하나 진짜 맘에 안 든다 HH : mm 형태로 받아와보겠다 2022. 12. 10. [웹개발 수업 - 맛집 사이트] 맛집 리스트 만들기 / list / 카카오맵 API ▶️ 맛집 리스트 + 클릭 시 위치이동 html 작성 : 리스트 틀을 잡아준다. ( 안에 들어감) 용정반점 중식 4.1 7건 리뷰 영업 전 17:00에 영업 시작 대구 북구 고성동 3가 1층 053-123-4567 디테일 담을 곳 지도를 불러오고 있습니다 2022. 12. 4. 이전 1 2 3 다음 반응형
