본문 바로가기
반응형

웹개발/기타11

[웹개발] 개발자가 꼭 알아야 하는 명명법 📌 명명법 명명법(Naming Convention)은 어떠한 대상의 이름을 짓는데 있어 개발자들간에 정해져 있는 약속이다. 틀리면 진짜 큰일나고 3년 동안 명명법 모르는 애로 소문나도 할 말 없으니 꼭 외워야 한다. ① 카멜 케이스 (Camel Case) : 공백, 대쉬(-), 언더스코어(_) 등 특수문자를 사용하지 않고, 첫자 소문자, 단어 간 구분을 대문자로 하는 명명법이다. 자바나 자바스크립트의 변수, 읽기 전용 값, 메서드, 함수 등의 이름에 사용한다. namingConvention camelCase someName ② 파스칼 케이스(Pascal Case) : 공백, 대쉬(-), 언더스코어(_) 등 특수문자를 사용하지 않고, 첫자 대문자, 단어간 구분을 대문자로 하는 명명법이다. 자바의 클래스, .. 2023. 5. 26.
[웹개발] 웹개발 프로젝트 시 사용 가능한 유용한 리소스 📌 웹개발 프로젝트 시 사용 가능한 유용한 리소스 웹개발하는데 유용한 리소스를 알려드릴게요~! 프로젝트 야물딱지게 성공하세용 ① Pexels : 원하는 스톡 이미지 혹은 비디오를 라이센스 관련 문제 없이 무한정 다운박아 사용할 수 있다. https://www.pexels.com/ko-kr/ ② HTML Color Codes : HTML 테마별 색상을 Chart 메뉴를 통해 사용할 수 있다. https://htmlcolorcodes.com/ HTML Color Codes Easily find HTML color codes for your website using our color picker, color chart and HTML color names with Hex color codes, RGB and .. 2023. 5. 26.
[웹개발 - 회원가입] 비밀번호 암호화 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.
반응형