본문 바로가기

분류 전체보기

(8)
css - 자동으로 수평 수직 위치 시키기 안녕하세요~ 오브젝트를 화면 가운데 정확히 위치시키는 방법을 기록하려고 합니다.프로젝트를 할때 비즈니스 로직 구현도 어렵긴 했지만 항상 css가 발목을 붙잡고는 했었는데요(화면이 다 흩어져버리고 마는..ㅋㅋㅋㅋ) 저처럼 어려움이 있는 분들을 위해 자동으로 수평 수직 중앙에 위치시키는 방법을 정리했습니다.자식요소를 감싸는 부모요소가 있어야 합니다아래와 같은 구조인경우로 설명드리겠습니다. html 코드  css 코드.parent{ position : relative; width: 1000px; height: 1000px; background-color: blue; border: 1px solid 000000;}.child{ position : absolute; width: 200px; hei..
[springboot]날씨정보 가져오기 - httpUrlConnection 과 날씨정보 데이터 가져오기 HttpUrlConnection을 통해 날씨정보 데이터 가져오기 네트워킹 관련 api를 이용하면 서버에서 리소스를 가져올 수 있다. httpUrlConnection을 통해서 날씨 정보 데이터를 가져오는 방법을 알아보자 HttpUrlConnection이란? Jsoup을 통해서 크롤링 및 오픈소스에서 데이터를 가져오는 방법에 대해 정리했었는데 오픈소스에서 html에서 텍스트 데이터를 가져오는 게 아니라 다른 리소스 정보 예를 들어 이미지, 영상 등을 가져오려면 어떻게 해야 할까? HttpUrlConnection을 사용하면 된다. HttpUrlConnection은 UrlConnection의 하위 클래스로 http 프로토콜을 사용해서 특정 웹서버와 통신하기 위한 클래스이며 http 메서드(get, post, p..
웹크롤링 - Jsoup 사용하기 Jsoup을 사용해서 웹 크롤링을 해보자 수많은 데이터들 사이에서 필요한 정보만을 수집하기 위해서는 많은 시간과 노력이 들게 된다 이때 필요한 건 웹 크롤링이다. 웹 크롤링이란? 웹 크롤링은 웹상의 정보들을 탐색하고 수집하는 작업을 의미한다. Jsoup이란? - 자바 라이브러리 - 웹크롤링, 웹 스크레이핑, 데이터 추출등의 작업을 수행 - 사이트의 html에서 원하는 요소를 쉽게 선택하고 조작할 수 있다. Jsoup 사용하기 html구조에 대해서 파악을 해야 한다. 어떤 글자를 가져오기 위해 태그의 정보도 알아야 한다. 의존성 주입 maven org.jsoup jsoup 1.17.2 Gradle(Kotlin) // https://mvnrepository.com/artifact/org.jsoup/jsou..
Java에서 JSON 데이터를 다루는 방법 - Gson Gson라이브러리를 통해 Java에서 Json데이터를 다루는 방법을 알아보자 Member라는 객체에 이름과 나이 필드가 있을 때 이 객체를 json으로 직접 수정한다고 생각해 보자 {"name":"김땡땡", "age":28} 데이터양이 적은 짧은 내용의 경우에는 간단하게 작성이 가능하지만 크고 복잡한 형식을 하나하나 json으로 바꿔주는 건 매우 불편한 일이다 이 불편을 해결하기 위해 Gson라이브러리에 대해 알아보자 Gson이란? Java에서 JSON을 파싱 하고, 생성하기 위해 사용되는 구글에서 개발한 오픈라이브러리 Java Object를 JSON 문자열로 변환할 수 있고, JSON 문자열을 Java Object로 변환할 수 있다. 의존성 주입 maven com.google.code.gson gson..
JSON이란? JSON은 뭘까? 웹개발을 하다 보면 JSON이라는 것에 대해 듣게 될 텐데 이게 도대체 뭘까?? 간단하게 말하면 데이터 형식이다 데이터 교환 형식의 대표적인 데이터 형식은 JSON과 XML이 있다 JSON과 XML 이 둘을 비교하며 어떤 건지 또 어떤 것을 사용해야 할지 알아보는 시간이 됐으면 좋겠다. JSON과 XML이란? JSON과 XML은 둘 다 구조화된 데이터를 표현하고 전송하기 위한 데이터 형식이다 JSON(JavaScriopt Object Notation) 특징 - 경량의 데이터 교환 형식 - 텍스트기반의 구조화된 데이터를 표현 - 가독성이 좋다 - 다양한 프로그래밍 언어와 호환된다 XML(eXtensible Markup language) 특징 - 태그형식으로 데이터를 표현 - 앞뒤에 태그..
[Mybatis] selectKey란? Mybatis의 selectKey란 뭘까? DB에 Insert문 동작시 생성되는 uuid()나 자동 증감키 같은 식별키를 그대로 가져와 사용해야하는 경우 어떻게 작업하면 될까? 등록 작업후 자동 생성되는키를 조회문을 통해서 최근 등록된 데이터를 불러와서 조회한다? 아니다 selectkey를 사용할 경우 insert를 통해 등록된 식별키의 값을 바로 가져와서 사용할 수 있습니다. selectKey의 사용예시 selectKey의 구체적인 사용예시를 들어보겠습니다. 직원테이블에 직원정보를 등록한 다음 첨부파일테이블에 직원의 프로필 이미지를 등록해야 할 때 첨부파일테이블은 직원의 식별키를 가지고 있어야 합니다. selectKey가 없다면 1) 직원정보 등록 2) 방금 등록한 직원의 식별키 조회 3) 첨부파일 등..
[DB 연결] springboot - mariadb springboot 프로젝트에 db 연결하기 springboot 프로젝트에 mariadb를 연동하는 방법에 대해서 알아보겠습니다. 1. 의존성 주입하기 메이븐 리포지토리(https://mvnrepository.com)에 접속해 mariadb-java-client를 추가해 줍니다. dependencies { implementation("org.mariadb.jdbc:mariadb-java-client:3.3.2") .. } 2. Mariadb - database 생성 이미 db 생성이 끝나신 분은 이 과정을 건너뛰시면 됩니다. mariadb 연결 및 데이터베이스를 생성합니다. 정상적으로 완료됐다면 아래와 같이 our-pet(db)이 생성됩니다. 3.Yml 설정 DB연결을 위해 yml에 설정해 줍니다. 생성..
[Mybatis] 프로젝트 시작하기(환경설정) springboot 프로젝트에서 mybatis를 사용하기 위한 초기세팅을 함께 해보겠습니다. 먼저 db연결 완료 후 아래의 순서대로 따라와 주세요 1. 의존성 주입 mybatis를 사용하기 위해서는 프로젝트에 mybatis를 사용하겠다! 선언하는 의존성주입이 필요합니다. 보통 프로젝트를 생성할 때 mybatis를 체크하면 자동으로 버전에 맞추어 의존성 주입이 됩니다. 하지만 프로젝트 생성이후에 mybatis를 의존성을 따로 추가해 주려면 다음과 같이 해야 합니다. 메이븐 리포지토리(https://mvnrepository.com)에 접속해 "mybatis" 키워드로 검색 - Mybatis Spring Boot Starter을 클릭하고 버전을 선택해 줍니다. 저는 3.0.3을 클릭하고 gradle(kotli..