본문 바로가기

분류 전체보기48

[spring] 스프링 입문 - > JPA 이 글은 인프런의 김영한 강사님의 스프링 입문- 코드로 배우는 스프링 부트, 웹 MVC, DB 접근 기술의 강의 내용을 바탕으로 작성되었습니다. [무료] 스프링 입문 - 코드로 배우는 스프링 부트, 웹 MVC, DB 접근 기술 - 인프런 | 강의 스프링 입문자가 예제를 만들어가면서 스프링 웹 애플리케이션 개발 전반을 빠르게 학습할 수 있습니다., 스프링 학습 첫 길잡이! 개발 공부의 길을 잃지 않도록 도와드립니다. 📣 확인해주세 www.inflearn.com JPA기술은 개발자가 쿼리문 코드를 최대한 줄여 효율성을 높이는 라이브러리다. 먼저 JpaMemberRepository 클래스를 생성해 준다. package hello.hellospring.service; import hello.hellospring.. 2023. 10. 31.
[spring] 스프링 입문 -> JDBC Template 이 글은 인프런의 김영한 강사님의 스프링 입문- 코드로 배우는 스프링 부트, 웹 MVC, DB 접근 기술의 강의 내용을 바탕으로 작성되었습니다. [무료] 스프링 입문 - 코드로 배우는 스프링 부트, 웹 MVC, DB 접근 기술 - 인프런 | 강의 스프링 입문자가 예제를 만들어가면서 스프링 웹 애플리케이션 개발 전반을 빠르게 학습할 수 있습니다., 스프링 학습 첫 길잡이! 개발 공부의 길을 잃지 않도록 도와드립니다. 📣 확인해주세 www.inflearn.com JDBC Template를 적용한다면 중복된 코드 줄어들고, 직접 쿼리문을 작성하여 코드가 많이 줄어든다. Repository 폴더에서 JdbcTemplateMEmberReposityory 클래스를 생성해주고 아래와 같이 JDBC 탬플릿 코드를 작성.. 2023. 10. 31.
[웹기초] HTTP 기본 이 글은 인프런 김영한 강사님에 모든 개발자를 위한 http웹 기본지식의 강의 내용을 바탕으로 작성되었습니다. 모든 개발자를 위한 HTTP 웹 기본 지식 - 인프런 | 강의 실무에 꼭 필요한 HTTP 핵심 기능과 올바른 HTTP API 설계 방법을 학습합니다., [사진] 📣 확인해주세요!본 강의는 자바 스프링 완전 정복 시리즈의 세 번째 강의입니다. 우아한형제들 최연소 기술 www.inflearn.com HTTP란? HTML, TEXT image, 음성, 영상, 파일 json, xml 거의 모든 형태의 데이터 전송 가능 서버 간에 데이터를 주고받을 때도 대부분 http 사용 기반 프로토콜 TCP : HTTP/1.1, HTTP/2 UDP : HTTP/3 현재 HTTP/1.1 주로 사용 HTTP/2, HTT.. 2023. 10. 31.
[JQuery] 제이쿼리 함수 사용법 기본적인 제이쿼리 함수는 생성자 함수, 메서드로 나눈다. 함수의 활용법은 다음과 같다 테스트 입니다 보이나여?? .test2{ background-color: blue; width: 100px; margin-top: 10px; color: white; text-align: center; display: none; } $('.test').mouseenter(function(){ $('.test2').show() }); $('.test').mouseleave(function(){ $('.test2').hide() }); 예제를 작성했을 때 다음과 같이 아무것도 보이지 않는다 하지만 마우스를 올려보았을 때 test2의 클래스 div가 출력 되는것을 볼 수 있다. 자바스크립트를 보면 test클래스에 마우스를 올.. 2023. 10. 30.
[JQuery] 제이쿼리 기본 규칙 JQuery의 기본 구문은 아래와 같이 선택자, 그리고 함수로 나눈다. 선택자는 기본적으로 html을 말하는 것이고 자바스크립트 코드는 함수 않에 넣는다. $('선택자').함수(function(){ 실행구문; }); 선택자 종류 : 클래스, 아이디, 태그 주로 많이 쓰이는 함수 : click, mouseenter, mouseleave 메소드(실행구문에 들어가는 것) : addClass, children, fadeIn, fadeout, siblings, show, stop, slideUp, slideDown, removeClass, hide 2023. 10. 30.
[퍼블] 가상클래스의 순서 자식 클래스의 순서를 지정하여 디자인해 주는 기능 nth-child nth-of-type nth-child 기능은 태그에 영향을 받지 않고 무조건 순서에 영향을 받는다. test1 test2 .test{ border: 1px solid black; width: 300px; } .test div{ font-size: 30px; } .test div:nth-child(1){ color: blue; } .test div:nth-child(2){ color: red; } css에서 nth-child를 주었을 경우 태그의 구분과 상관없이 위에서부터 순서로 css가 지정된 것을 볼 수 있다. 하지만 nth-of-type을 적용한다면 순서와 타입을 지정하여 할 수 있다. test1 h2 test test2 .test.. 2023. 10. 30.