정리공간

, 태그를 쓰면 아래 사진같은 걸 만들 수 있다.  단순히 반복할거라 v-for를 써서 반복했는데 {{ month }} 사용자들이 중간에 있는 숫자를 많이 쓸 것 같아서 처음부터 기본 값을 8로 나타나게 하고싶었다.  여기서 약간 방황.... v-for를 쓰는게 아니라면 기본으로 하고싶은 option태그에 selected를 적으면된다. 아래처럼 가 나 다근데 나는 v-for를 써서 반복하기 때문에 이렇게 한 태그에 selected를 적을 수 없었다. 결국 젤 좋은 방법은 마지막에 있는데 급하신 분은 바로 마지막꺼 보면된다.   첫번째 시도 : v-if를 걸어서 8일때만 selected 지정하도록 하기.Vue 2.3버전부터 v-for과 v-if를 같이 쓸 수 있다고 한다. 근데 우선..

위와 같이 목차가 있고, 해당 글자를 누르면 아래 같은 글자로 이동하려 한다. 보통 이동을 할때 하이퍼링크를 다는데, A1 이런식으로 셀 위치를 입력해주면 하이퍼링크로 이동할 수 있다. 그려면 우리는 해당 문자열이 있는 위치를 찾아내서 링크를 걸면된다. 사용할 함수 1. HYPERLINK() 2. ADDRESS() 3. MATCH() 1. HYPERLINK(이동할 곳, 표시할 이름) 하이퍼링크 함수는 첫번째 인자에 지정한 곳으로 이동시켜준다. 즉, 이동하고싶은 글자의 위치를 여기에 넣어줘야한다. 2. ADDRESS(행번호, 열번호) 행 번호와 열 번호를 받아서 지정한 형식으로 반환하는 함수다. 1행에 2열로 적었으니 $B$1로 반환함을 볼 수 있다. 3. MATCH("찾을문자", 범위, 옵션) : 찾을 ..

1. 소수점 아래 6자리까지 기본 출력한다. 이것은 앞에서도 배운 가장 기본 기능입니다. 엄청 큰 소수의 출력을 원할 경우엔 %g를 사용합니다. (근데 %g는 거의 사용안하니까 알 필요는..) ​ 2. 소수점 아래 6번째 자리에서 반올림한다. 0.1111117이라고 썻을때 출력은 0.111112로 나옵니다. --여기까지가 이전 단원에서 배운 내용-- 3. 소수점 아래 출력 자리수 정하기 [%+마침표(.)+숫자+f] %f는 소수가 짧아도 항상 6자리까지 출력합니다. 소수점 아래 2개만 출력하고 싶다면? => %.2f 소수점 아래 3개만 출력하고 싶다면? =? %.3f ​ 예시) 원의 둘레와 지름의 비율인 원주율이 있습니다. 실제 원주율을 엄청 길지만 우리는 3.14까지만 기억합니다. 따라서 %f를 이용하여..

가상화 환경을 이용하다보면 파일을 옮기기에 불편합니다. 드래그 앤 드롭은 가상화 운영체제와 실제 운영체제 간에 파일을 옮길때 그냥 마우스로 그래그 해서 옮길 수 있는 기능을 말합니다. ​ ​ 설정방법! (저는 Workstation 16 버전을 사용중입니다) ​ 1. 설정할 가상환경에서 우클릭> Settings클릭 ​ 2. Options >shared folders 부분에 disabled -> always enabled로 바꾼다 ​ 3. 터미널을 열어 다음 명령어 입력 sudo apt-get install open-vm-tools-desktop ​ ​ 4. 재부팅 reboot ​ ​ 이제 가상환경의 파일 부분에 파일을 드래그 하면 잘 들어가는 것을 확인할 수 있습니다! ​ *이전 블로그에서 옮긴 글

C언어의 제일 기본 내장함수 printf()에 대해서 배워봅니다. 이미 앞에서 여러번 사용했지만 이제 제대로 알고 응용하도록 합니다. ​ printf()는 출력하는 함수입니다. 출력하라고 하는 문자, 숫자 등을 그대로 모니터 화면에 출력하는 것입니다. 형태: printf("원하는 문구 입력"); 의 사진과 같이 입력하고 crtl+f5키를 눌러 실행하면 printf() 예시1 위의 사진과 같이 큰따옴표("")안에 있는 문구가 그대로 나오는 것을 볼 수 있습니다. ​ 이번에는 문장 2개를 입력해보겠습니다. 문장 2개를 입력했는데, 결과는 어떨까요? 이상하게도 두 문장이 한 줄에 같이 나옵니다. 그럼 문장이 두 줄로 나오게 하려면 어떻게 해야 할까?? 바로 "\n"을 사용하는 것입니다. ​ ​ printf()..

자바에서 List 형태는 일반 반복문으로 돌릴 수 없다. List tempListMap = new ArrayList(); The type of the expression must be an array type but it resolved to List 위와 같은 오류를 만나게 된다. 해결방법 향상된 for문을 사용한다! for(Map map : tempListMap) { System.out.println("리스트 내용: " + map); System.out.println("키 값으로 value찾기: " + map.get("키 값")); } 이렇게 하면 List안의 배열을들 하나하나 돌릴 수 있고, 돌리면서 그 안에 세부내용도 볼 수 있다.

첫번째. v-if를 사용하는 방법 1. 모달창 vue페이지를 만든다. 모달창 닫기 전달된 데이터: {{ this.modalData }} export default { props : ['modalData']// 호출된 곳으로부터 전달받은 데이터를 받는다. } *혹시 닫기 전에 다른 동작을 하고 닫기 위해 @click에 함수를 쓰고싶다면?* 닫기 export default { methods : { closePop() { this.$emit('close'); } } } 함수안에서 닫기를 호출할때는 앞에 this를 붙이면된다! 2. 호출할 페이지에서 모달 상태를 관리할 변수 선언 export default { , data() { return { popState : false } } } 3. 호출할 페이지에 모달..

나는 webpack3 에서 webpack5로 버전 업을 진행하고 있다. 버전 3과 5는 정말 많은 플러그 인이 달랐다ㅠㅜ 상황 버전3의 uglifyjs-webpack-plugin 이 webpack5에서는 이미 내장되어 제공하는 terser-webpack-plugin 로 지원한다고 한다. webpack4는 를 설치해야하지만, 5부터는 기본 제공되어 따로 설치할 필요가 없다. 가져오기 webpack.prod.config const TerserPlugin = require('terser-webpack-plugin') 실행 오류 ValidationError: Invalid options object. Terser Plugin has been initialized using an options object tha..

개발 환경 Vue3 Spring Boot 3.0.2 JAVA 17 Vue의 포트번호 : 3000 Spring의 포트번호 : 8080 Vue랑 Spring Boot를 처음으로 연동하여 공부를 하고 있는데 역시나 CORS에 부딪혔다. 수많은 블로그에 추천은 하지 않지만 프론트 단에서만 해결할 수도 있다고 하는데 아무리 Proxy를 설정해도 해결되지 않았다. 결국 프론트단의 proxy설정과 백엔드단의 설정이 둘다 필요했다. Vue webpack.config.js module.exports = { devServer : { proxy : { '/api' : { target:'http://localhost:8080', pathRewrite:{'^/api':''}, } } }, }; target : 위 내용은 /ap..

현 상태 이렇게 이미지 주소가 담긴 배열을 반복문을 돌려 화면에 뿌려주려 한다. 우선 require을 써야하고, 썼는데도 로드가 되지않고 콘솔에 다음과 같이 [object Module] 이라고 찍혀있다. 원인 esModule을 끄지 않아서. url을 commonJS 으로 처리하기 때문에 esModule 방식을 꺼야한다. 해결 webpack.config.js module: { rules: [ { test: /\.js$/, use: 'babel-loader' }, { test: /\.vue$/, use: 'vue-loader' }, { test: /\.css$/, use: ['vue-style-loader', 'css-loader']}, { test: /\.(gif|svg|jpg|png)$/, use: {l..