본문 바로가기

전체 글105

[Vue.js] 버튼 만들고, 버튼 누르면 텍스트 나타내기. 참고로 Vue.js에 대해서 잘 모릅니다.아무거나 막 해보는 중이고 옳은 정보인지 저도 모릅니다! 버튼을 만들고그 버튼을 누르면텍스트가 나오도록만들 것이다. 1. 실행 화면 2. HelloView.vue MainView.vue에 있는 Hello,Vue!! 텍스트 출력 부분 코드를 HelloView.vue로 옮겨준다. 만약 새롭게 화면을 만든다면 메인화면 창 하나와 텍스트를 설정한 창 하나를 만들면 된다. HelloVue!! 나머지는 거의 똑같은데, 텍스트 위치만 left: 80%로 옮겨줬고 아까 HelloView에서 export 했었는데, 그걸 MainView에서 import로 받아보겠다. from에 경로를 적어준다. 위 사진을 보면 components 디렉.. 2025. 7. 27.

[Spring] (MAC, IntelliJ, vue.js) org.h2.jdbc.JdbcSQLFeatureNotSupportedException: Feature not supported: "CHARACTER VARYING(255)"; 오류는 왜 뜨는걸까? 어찌저찌 프론트를 만들고백엔드를 하려는데,오류가 발생했다!왜 발생할걸까? 1. 오류 살피기. 이런! 못생긴 오류가 떴다.Caused by: org.h2.jdbc.JdbcSQLFeatureNotSupportedException:Feature not supported: "CHARACTER VARYING(255)"; SQL statement: 현재 H2로 database를 관리하려고 한다. 그런데 여기서 h2에서 서포트하지 않는 특정 타입이 존재한다고 오류가 발생했다. 그 특정 타입은 "CHARACTER VARYING(255)"라고 한다. 그렇다면 데이터베이스 로직과 연결된 파트를 살펴봐야겠다. 2. 코드 살피기.현재 프로젝트 파일이다. 하나씩 살펴보면 RegisterRequest는 프론트로 들.. 2025. 7. 26.

[Vue.js] 글씨체 적용하기. (눈누) 참고로 Vue.js에 대해서 잘 모릅니다.아무거나 막 해보는 중이고 옳은 정보인지 저도 모릅니다! 예쁜 글씨체로바꾸고 싶다!어떻게 바꾸면 될까? 1. 글씨체 찾아오기.일단 저는 눈누에서 글씨체를 찾았습니다. 눈누 사이트 눈누상업용 무료 한글 폰트 사이트noonnu.cc 여기에 들어가서 원하는 글씨를 찾으시면 됩니다. 주의할 점은 사용목적에 따라 저작권이 달라지기 때문에 어느 용도로 사용할건지, 그리고 그 용도로 제공하는지를 보셔야합니다. 저는 모든 폰트에 들어가서 허용 범위에 웹사이트를 체크한 후 고릅니다. 영어에 글씨체를 적용할거라 아래 글씨체를 가져올 것입니다.- Cafe24 Meongi Black 눈누Cafe24 Meongi Black - Cafe24noonnu.cc 웹폰트로 사용 옆에.. 2025. 7. 24.

[Vue.js] transform: translate로 텍스트 중앙에 배치하기. 참고로 Vue.js에 대해서 잘 모릅니다.아무거나 막 해보는 중이고 옳은 정보인지 저도 모릅니다! 노란 배경까지 만들었다.이번엔 텍스트를 중앙에 배치해보자! 1. 전체코드 MainView.vue에 텍스트를 만들었다. Hello, Vue!! 2. 텍스트 적기. Hello, Vue!! main-view 안에 적었다. 다음으로 hello-vue 클래스의 스타일을 정의하자. (복습) main-view는 width: 100vw;와 height: 100vh를 가지고 있다. 여기서 vw와 vh는 viewport width와 viewport height로 viewport란 화면 Display상의 표시 영역을 뜻한다. 즉, vw와 vh는 현재 실행중인 스크린 크기에 .. 2025. 7. 23.

[Vue.js] 배경에 나타나는 검은색 테두리(?) 없애기. [ 라우터 설치하고 배경색 바꿔보기 ]◀ 이전 포스팅 ◀ [Vue.js] 라우터 설치하고, 배경색 바꿔보기.[ 3. Vue.js 설치하기 ]설치 안 하신 분들을 위해 남겨두겠습니다 [Spring] (MAC, IntelliJ, vue.js) Spring boot로 프로젝트 만들고, vue.js 설치와 프로젝트 열기.이번에 만들 웹사이트는vue.js를 사용할 것이다post-this.tistory.com 참고로 Vue.js에 대해서 잘 모릅니다.아무거나 막 해보는 중이고 옳은 정보인지 저도 모릅니다! 배경색을 채웠더니,이상한 검은색이 왼쪽 사이드에 존재한다.거슬리니 없애보자! 1. 문제 확인하기이상한 검은면(?)선(?)이 왼쪽 사이드에 나타났다. 아무리 코드를 살펴봐도, 검은색 관련 코드를 적은 .. 2025. 7. 22.

[Spring] 김영한 스프링 MVC_ 섹션6. 스프링 MVC - 구조이해 섹션 6은 스프링 MVC 구조를 정확히 이해해 보기 위해 각각의 부분들이 어떻게 변화했는지 살펴봤다. 섹션 5는 직접 MVC 패턴을 만들었고, 섹션 6은 스프링이 어떻게 MVC를 제공하고 있는지 알아봤다. 그리고 제공되는 현재의 스프링 MVC가 어떤 과정을 거쳐서 오게 됐는 지도 배웠다. ☘️ 잘못된 정보가 있을 수 있습니다 ✔️ 과거 버전 스프링 컨트롤러지금은 전혀 사용하지 않는, 과거에 사용했던 컨트롤러를 사용해보자. ► OldController.class @Component: 스프링 빈으로 등록한다.@Component("/springmvc/old-controller")public class OldController implements Controller { @Override publ.. 2025. 7. 22.

이전 1 ··· 3 4 5 6 7 8 9 ··· 18 다음

티스토리툴바