H-Yujin H-Yujin

분류 전체보기

• [에러]Unclosed character class near index 0

  잡동사니 2023. 2. 2. 10:57

  괄호나 각괄호를 그냥 사용할때 나타나는 에러 역슬래쉬를 두번 붙여준다 \\ String[] goods = goodsVo.getDbGoodsImage().replaceAll("\\[", "").replaceAll("\\]", "").trim().split(",");

  Read More
• [406 error] ajax로 list 받아오기

  잡동사니 2023. 1. 26. 10:29

  ajax로 list자료형을 받아오려고 했으나 406에러가 떴다. ajax->controller까지는 전송이 되는데 최종 데이터를 ajax에서 받아올때 406에러가 났다. 1. 406에러란? 406 에러는 해당 URI를 호출할 때 Accept Header에 명시된 형식을 생성하지 못하는 경우에 발생한다. 즉 나의 경우에는 ajax에서 json형태의 데이터를 받기로 했으나 list형태로 데이터를 넘겨주어 json형태로 변환하지 못해 발생한 오류다. 2. 해결 방법 1. jackson 라이브러리 추가 spring 4점대 부터는 jackson-databind를 추가하고, com.fasterxml.jackson.core jackson-databind 2.14.1 spring 3점대는 jackson-mapper를..

  Read More
• [국민 은행 클론코딩][vue]메인 슬라이드

  금융프로젝트 2022. 11. 10. 16:34

  목표 화면 구현한 화면 컴포넌트 구조 headerWrap.vue에 대해서는 전 기록물에 있다. ActiveWrap.vue template section section1 클래스는 opacity:0,visiblity:hidden으로 로드 직 후에는 보이지 않는 상태다. 이 클래스에 opacity:1,visiblity:visible인 style속성을 가지는 ‘on’이라는 style속성을 부여해야한다. style .wrap-visual .area-con > ul > li { position: absolute; left: 0; top: 0; opacity:0; z-index:-1; color: #333; visibility: hidden; } .wrap-visual .area-con > ul > li.on { z..

  Read More
• [국민 은행 클론코딩][vue] 헤더 구현

  금융프로젝트 2022. 11. 10. 16:11

  목표 헤더 화면 구현한 헤더 화면 코드 헤더 컴포넌트: src/components/HeaderWrap.vue template temisone은행 개인 기업 금융상품 자산관리 부동산 퇴직연금 카드 전체서비스 GLOBAL 통합검색 로그인 인증센터 script style App.vue template script style

  Read More
• [vue]메서드

  react+vue 2022. 11. 9. 16:16

  숫자 증가시키기 예제 data에 number 변수 정의 {{number}} methods에 number 더하는 함수 추가, 버튼 추가 {{number}} 증가 number is not defined number 변수가 정의되지 않았다는 에러가 난다. this 키워드 사용 {{number}} 증가 화면은 뜨지만 버튼을 클릭하면 TypeError: Cannot read properties of undefined (reading 'number') 여전히 에러가 뜬다. 기본 함수 형식 사용 {{number}} 증가 화살표 함수를 쓰면 scope가 달라지기 때문에 this가 가리키는 영역이 달라진다.

  Read More
• [vue]v-for 조건부 랜더링(template태그)

  react+vue 2022. 11. 9. 14:20

  조건부 렌더링 v-if와 v-for는 함께 사용할 수 없다 {{index}}:{{animal}} 태그를 중첩시키는 방법 {{index}}:{{animal}} h2와 span태그가 반복되는 만큼 생성되어 비효율적이다. template 태그 사용 {{index}}:{{animal}} 중첩태그 없이 필요한 개수만큼 태그가 생성된다.

  Read More
• [vue]v-for

  react+vue 2022. 11. 9. 14:06

  v-for 배열 출력 {{animals}} {{animal}} v-bind:key를 지정해 주어야한다. key값은 고유한 값이 어야하므로 고유한 값을 대입해 준다. v-for의 두번째 인자 index {{index}}:{{animal}} index는 고유값이므로 key에 대입시킬때 유용하다.

  Read More
• [vue]v-show와 v-if의 차이

  react+vue 2022. 11. 9. 12:44

  v-show v-if보입니다. v-show보입니다. display값을 true로 주었을 때 둘 다 같은 결과를 노출한다. display값을 false로 주었을 때 v-if는 태그 자체가 주석처리되고, v-show는 style속성이 display:none으로 처리된다. 렌더링 시간을 고려하여 렌더링 시간이 많이 걸리는 컴포넌트를 노출시켜야할 때는 v-show를 사용하고 v-else나 v-else-if를 사용해야 할 상황이라면 v-if를 사용한다.

  Read More