전체 글201 Vue Instance 생성하기 Vue Instance 생성해보기 {{msg}} ※ vue를 사용하기 위해서 script로 삽입하거나 NPM,CLI를 사용하는 경우가 있는데 일단 script로 삽입해주었다. 이렇게 인스턴스를 생성해 주었다. 속성 설명 el Vue가 적용될 요소를 지정해준다. data Vue에서 사용되는 정보를 저장한다. 객체 또는 함수의 형태이다. template 화면에 표시할 HTML , CSS등의 마크업 요소를 정의하는 부분이다. methods 로직 제어와 관계된 methods를 정의한다. created 뷰 인스턴스가 생성되자 마자 실행할 로직을 정의한다. 2021. 5. 16. Vue computed 와 method의 차이점 Vue computed? 특정 데이터의 변경사항을 실시간으로 처리해준다. setter와 getter를 이용하여 자동으로 this 컨텍스트를 Vue인스턴스에 바인딩 해준다. 작성은 method 형태로 작성하지만 Vue에서 proxy 처리하여 property처럼 사용한다. 1.computed 사용한 경우 reversedMsg가 총 3번 호출되었음에도 불구하고 console창에 한번만 출력이 된 것을 확인할 수 있다. 2.method사용한 경우 reversedMsg가 3번 호출 되어진 만큼 console 창에도 3번 호출된 것을 확인할 수 있다. computed 속성은 뷰 인스턴스가 생성될 때, data의 msg값을 받아 reversedMsg를 계산하여 저장해 놓는다. 반면 method 속성은 reversed.. 2021. 5. 11. Vue.js 관련 vscode Extension 추천 1.Live Server 코드 변경 시 페이지를 새로고침하지 않아도 자동으로 새로고침된다. 2. Prettier 코드를 자동으로 정렬해준다. 3. Bracket Pair Colorizer 괄호에 색상을 지정해주는 extension이다. 4. Indent-rainbow 들여쓰기 별로 색상을 지정해주는 extension이다. 5.Vetur .vue 파일에 코드생성, 문법강조, 자동완성, 디버깅을 지원하는 extension이다. 6.Vue 2 Snippets vetur에서 지원하지 않은 자동완성까지 적용시켜준다. vue2 말고 3버전을 사용해도 된다. 2021. 5. 10. [JAVA]백준_2877_4와7 문제링크 https://www.acmicpc.net/problem/2877 2877번: 4와 7 창영이는 4와 7로 이루어진 수를 좋아한다. 창영이가 좋아하는 수 중에 K번째 작은 수를 구해 출력하는 프로그램을 작성하시오. www.acmicpc.net package BOJ; import java.util.Scanner; public class Main_2877 { public static void main(String[] args) { Scanner sc = new Scanner(System.in); int K = sc.nextInt(); //몇번째로 큰 수 인지지 K = K+1; StringBuilder sb = new StringBuilder(); int num = 0; while(K!=0){ num.. 2021. 5. 3. SqlSession.selectList에서 Null 값 넘어오는 경우 selectList로 해서 값을 넘겨 받았는데 자꾸 값이 제대로 뜨질 않았다. 그래서 확인해본결과 size까지도 멀쩡하게 넘어오는데 값을 확인할려고 list.get(i).getId()로 찍어보니 NullPointerException이 떴다. 해결하는데 1시간 정도 걸렸다. ㅠㅠ DTO에 작성한 값과 데이터베이스의 값이 달라서 발생한 오류였다. 이렇게 DTO에 작성한 아이디?값과 데이터베이스에서 뽑아올 때의 값이 달라서 값이 list에 들어가질 않았다. 따라서 해결해주기 위해서 ProductDTO의 값을을 다 바꿔주거나 query문을 살짝 바꾸면된다. ProductDTO의 값을 바꿔주자니 뭔가 일이 많을 것 같아서 .xml 파일의 query문을 바꾸어주었다. --->바꾸기 전 ---> 바꾸고 난 후 2021. 5. 3. [JAVA]백준_2846_오르막길 문제링크 https://www.acmicpc.net/problem/2846 2846번: 오르막길 상근이는 자전거를 타고 등교한다. 자전거 길은 오르막길, 내리막길, 평지로 이루어져 있다. 상근이는 개강 첫 날 자전거를 타고 가면서 일정 거리마다 높이를 측정했다. 상근이는 가장 큰 오르 www.acmicpc.net package BOJ; import java.io.BufferedReader; import java.io.IOException; import java.io.InputStreamReader; import java.util.StringTokenizer; public class Main_2846 { public static void main(String[] args) throws IOException.. 2021. 5. 3. $ is not defined 자바스크립트 함수 실행할려고 코드를 작성하고 난 뒤 검사할려고 console.log찍어서 확인할려고 하는데 $ is not defined 라고 에러가 났다. 알고보니 javasciprt 작성하기 위에서 따로 스크립트 설정을 안해줬더라 이 부분 부분 위에 넣어주어서 실행하니 제대로 뜨더라!!! 2021. 5. 2. Spring 'Pulishing to Tomcat v9.0 Server at localhost has encountered a problem' 에러 -Multiple Contexts 에러가 발생했다 Details를 보니까 내가 Spring project 2개를 생성하면서 2개의 프로젝트 다 context를 guestbook으로 설정해주어서 지금 서버가 무슨 guestbook을 실행해야 될 지 몰라서 (충돌?) 일어나는 오류였다. 따라서 서버 실행하기 누르고 next누르면 뜨는 여기서 root context가 똑같은 프로젝트 중 하나만 실행되도록 하나를 빼주어야 한다. 근데 자꾸 내가 빼야할 프로젝트에서 선택하는 창이 안되고 계속 넘어가서 인터넷 한참 뒤졌다. 처음에 프로젝트 생성하고 실행하면서 이 프로젝트 실행 시에 계속 톰캣 사용한다고 체크해서 안뜨는 거 같은데 그때는 여기 보면 Server라고 뜨는 곳에서 우클릭 후 Add and Remove선택하면 현재 서버에 들어가 있는? 프.. 2021. 4. 29. [JAVA]백준_2075_N번째 큰 수 문제링크 https://www.acmicpc.net/problem/2075 2075번: N번째 큰 수 첫째 줄에 N(1 ≤ N ≤ 1,500)이 주어진다. 다음 N개의 줄에는 각 줄마다 N개의 수가 주어진다. 표에 적힌 수는 -10억보다 크거나 같고, 10억보다 작거나 같은 정수이다. www.acmicpc.net 초반에 TreeMap을 이용하여 한꺼번에 다 받아서 출력을 해보았는데 그렇게 할 시 시간초과가 발생했다. 따라서 우선순위 큐를 써서 해결하였다. +그냥 배열에 다 입력한 뒤 정렬하여도 해결된다,,! package BOJ; import java.io.BufferedReader; import java.io.IOException; import java.io.InputStreamReader; impor.. 2021. 4. 27. 이전 1 ··· 4 5 6 7 8 9 10 ··· 23 다음
