디자인을 넣어서 CSS를 적용하다 보면 예쁜 그라데이션 컬러를 적용해야할 때가 있다. 일반적으로 div와 같은 요소에는 간단히 background의 linear-gradient 속성을 이용해 적용할 수 있다..gradient-box { width: 300px; height: 300px; background: rgb(238,174,202); background: linear-gradient(90deg, rgba(238,174,202,1) 0%, rgba(148,187,233,1) 100%); } 그라데이션 컬러 코드는 CSS Gradient 사이트에서 편하게 만들어올 수 있다. Text에 Gradient를 적용하려면..
MSSQL의 테이블에 데이터를 넣었는데, 한글로 넣었더니 출력이 제대로 되지 않고 ??로 깨져서 출력되었다. 인코딩 문자 설정을 확인해봤지만 utf-8으로 제대로 설정이 되어있었고, 유니코드 지원을 위해서는 컬럼의 데이터 타입이 varchar가 아닌 nvarchar로 지정되어야 한다고 해서 역시 확인해봤지만 nvarchar로 제대로 지정이 되어 있었다. 문제 해결 알고보니 ! 컬럼의 데이터 타입 뿐만 아니라 데이터를 INSERT할 때에도 N을 붙여줘야 했다. 이렇게 N'한글'로 작성해 데이터를 삽입하면 출력이 깨지지 않고 잘 되는 것을 볼 수 있다 :D + GPT에게 물어본 결과 테이블을 생성할 때 테이블의 COLLATE를 UTF-8으로 설정하는 방법도 있다고 한다. CREATE DATABASE TABL..
이전까지 멀쩡히 잘 작업이 진행되다가 갑자기! add-migration을 작성해도 Build failed가 반복됐다...😦 뭐가 문제인가 했는데 매우 간단하게 해결할 수 있었다. 도구 - NuGet 패키지 관리자 - 패키지 관리자 설정 (또는 도구 - 옵션으로 들어가서 찾을 수도 있다) 모든 NuGet 스토리지 지우기 실행 ! 해결 완료 😊 이렇게 간단한 문제였다니 . . . 허무하지만 다행이다 ✌🏻
해당 카테고리의 글에서 작성, 첨부하는 모든 코드와 예제, 자료는 김영한 님의 강의 [인프런 : 스프링 입문 - 코드로 배우는 스프링 부트, 웹 MVC, DB 접근 기술] 을 수강 후 개인적으로 정리한 내용임을 알립니다 :D JPA(Java Persistence API)를 사용하는 이유 jdbc의 이용으로 반복적인 코드 작성이 확 줄었지만 SQL문은 개발자가 직접 작성해야 함 → JPA는 기존의 반복 코드뿐만 아니라 SQL 쿼리도 자동으로 처리해준다. JPA의 사용으로 개발 생산성을 크게 높일 수 있다. JPA를 사용하면 SQL과 데이터 중심 설계에서 객체 지향 설계로 패러다임을 전환할 수 있다. JPA 사용 설정 build.gradle 파일에 JPA, h2 데이터베이스 관련 라이브러리 추가 depend..
새로운 개념을 알게 되었다! 그동안 HTML에서 input 태그의 값을 전송할 때면 getParameter나 RequestParam을 이용해서 name값을 통해 데이터를 받아왔었는데, 프로퍼티 바인딩이라고 getter setter가 같은 name을 가진 값을 매핑하는 방식을 접하게 되었다. 이름 나이 등록 이렇게 name="name"과 name="age"로 이름, 나이를 입력받는 input 칸이 있다. 이 form을 전송하면 이동하는 Controller는 아래와 같다. @PostMapping("/members/new") public String create(MemberForm form){ // input name="이름"과 set이름 메서드 매칭 Member member = new Member(); me..
일반적으로 로그인, 회원 가입 등 어떠한 정보를 전송할 때는 post 방식을 이용한다. 그런데, 해당 페이지를 새로고침할 때마다 계속 post로 이동이 되어서 이전에 입력한 값이 남아 중복체크 등을 구현할 때 충돌을 하게 되었다 😥 또는 DB에 INSERT하는 페이지일 경우 새로고침할 때마다 값이 계속계속 적재되는 문제도 발생했다 😢 처음에는 이 원인을 파악하지 못한채 새로고침 방식에 문제가 있는 것 같은데.....💭 하고 두루뭉실하게 생각만 하다가 원인을 파악해 해결하게 되었다 ! 새로고침 시 get으로 이동하기, redirect:/ @GetMapping("search_id_pw") public String getsearch_id_pw(Model model, HttpServletRequest reque..
See the Pen Untitled by 모카 (@akauwwdc-the-encoder) on CodePen. button과 JS를 이용해 버튼을 클릭하면 원하는 내용이 나오도록 하는 기능을 구현하는 코드이다 ! onclick시 showContent 함수가 실행되는데, A버튼 B버튼은 같은 기능을 하지만 각각 눌렀을 때 보여줄 요소가 다르기 때문에 함수의 매개 변수를 이용해 이를 구분해준다. 숨기고 보여줄 요소인 div를 우선 display:none;으로 숨긴 뒤 버튼을 눌렀을 때 받은 매개변수가 A라면(A button onclick) A 내용을 display:block; 받은 매개변수가 B라면(B button onclick) B 내용을 display:block;로 작동시켜서 보이도록 해준다.
버튼이 있는 페이지를 만들던 중, 해당 페이지로 이동했을 때 특정 버튼에 focus가 되어있는 상태를 기본 값으로 설정하고 싶었다. 찾아본 결과 아주 간단한 방법으로 설정할 수 있었다. 지역별 매장 스파 매장 안내 해당 button태그 안에 autofocus를 적어주는 것이었다 🌟 css에도 적을 수 있는 것 같았는데, 그렇게 하면 :focus 스타일과 함께 작성하니 오류가 발생해서 html의 button태그 안에 바로 적어주었더니 문제 없이 적용이 되었다. 적용 완료😊
