전체 글

[Spring Boot] 스프링 부트 mustache 한글 깨짐

유트브에 있는 스프링 부트 입문 강의를 듣던중에 한글이 깨지는 현상이 발생 했습니다! 1. 스프링 부트 버전 내려주기 1) build.gradle 찾기 2) 스프링 부트 버전을 2.6.x 버전으로 내려주기 3)gradle 재시작하기 2. application.properties에 설정 추가하기 1) src/main/resources/application.properties application.properties 파일은 애플리케이션의 설정을 지정하는데 사용됩니다. 구성관리/환경별 설정/외부 속성 파일 로딩 등의 이유로 사용합니다. 2) 설정 추가 server.servlet.encoding.force-response = true server.servlet.encoding.force-response은 HTT..

[Vue2] vue이용해서 캘린더 만들기 2

이전에도 vue를 이용해서 캘린더를 만드는 것을 했었는데요. 캘린더에 기능을 조금 추가하고, typeScript를 사용하려고합니다! Vue2로 제작 후에는 Vue3로 마이그레이션 하는 과정까지 해보려고 합니다. 또한 그동안은 optionAPI를 사용하여 개발을 했었는데 compositionAPI를 사용해보려고 합니다. compositionAPI 란 컴포넌트 로직을 유연하게 구성할 수 있는 API 모음으로 로직의 재사용성과 가독성을 높여준다고 합니다. optionAPI의 경우는 data, methods, computed등 각각 로직이 흩어져 있지만 compositionAPI의 경우 로직이 모아지게 됩니다. 좀 더 자세한건 저도 공부해서 블로그에 정리하도록 하겠습니다! 이 블로그 글 또한 직접 제작하면서 정..

[TS] 기본 문법 타입 정리

TypeScript 문법을 정리하려고 합니다! TypeScript란? 자바스크립트에 타입을 부여한 언어 자바스크립트의 단점을 보완해 만든 언어 정적타입언어 TypeScript 기본 타입 일반 변수, 매개변수, 객체 속성 등에 :TYPE과 같은 형태로 타입을 지정할 수 있습니다. 1. Number //js let num = 1; //ts let num:number = 1; num = 2; num = '2'; //error 2. String let car:string = 'bmw'; 3. Boolean let isDone:boolean = false; 4. Array //일반적인 배열 let numList:number[] = [1,2,3]; let numList:Array = [1,2,3]; let stri..

[코딩테스트]시저암호

문제 설명 어떤 문장의 각 알파벳을 일정한 거리만큼 밀어서 다른 알파벳으로 바꾸는 암호화 방식을 시저 암호라고 합니다. 예를 들어 "AB"는 1만큼 밀면 "BC"가 되고, 3만큼 밀면 "DE"가 됩니다. "z"는 1만큼 밀면 "a"가 됩니다. 문자열 s와 거리 n을 입력받아 s를 n만큼 민 암호문을 만드는 함수, solution을 완성해 보세요. function solution(s, n) { const sArray = [] for(let i = 0; i 90 || ASCIIcode > 98 && shiftASCIIcode > 122 ){ shiftASCIIcode = shiftASCIIcode - 26 } sArray.push(String.fromCharCode(shiftASCIIcode)) } retu..

[코딩테스트]예산

문제 설명 S사에서는 각 부서에 필요한 물품을 지원해 주기 위해 부서별로 물품을 구매하는데 필요한 금액을 조사했습니다. 그러나, 전체 예산이 정해져 있기 때문에 모든 부서의 물품을 구매해 줄 수는 없습니다. 그래서 최대한 많은 부서의 물품을 구매해 줄 수 있도록 하려고 합니다. 물품을 구매해 줄 때는 각 부서가 신청한 금액만큼을 모두 지원해 줘야 합니다. 예를 들어 1,000원을 신청한 부서에는 정확히 1,000원을 지원해야 하며, 1,000원보다 적은 금액을 지원해 줄 수는 없습니다. 부서별로 신청한 금액이 들어있는 배열 d와 예산 budget이 매개변수로 주어질 때, 최대 몇 개의 부서에 물품을 지원할 수 있는지 return 하도록 solution 함수를 완성해주세요. function solution..

[코딩테스트]이상한 문자 만들기

문제 설명 문자열 s는 한 개 이상의 단어로 구성되어 있습니다. 각 단어는 하나 이상의 공백문자로 구분되어 있습니다. 각 단어의 짝수번째 알파벳은 대문자로, 홀수번째 알파벳은 소문자로 바꾼 문자열을 리턴하는 함수 solution을 완성하시오 function solution(s) { return s.split(' ').map((x)=>( [...x].map((s,idx)=>( idx % 2 ? s.toLowerCase():s.toUpperCase() )).join('') )).join(' ') } String.split() : 지정한 구분자를 이용하여 배열로 반환 Array.map(currentValue, index) : 배열의 요소를 반대로 재배 배열 내의 모든 요소 각각에 대하여 주어진 함수를 호출한 ..

[코딩테스트]3진법 뒤집기

문제 설명 자연수 n이 매개변수로 주어집니다. n을 3진법 상에서 앞뒤로 뒤집은 후, 이를 다시 10진법으로 표현한 수를 return 하도록 solution 함수를 완성해 주세요. function solution(n) { return parseInt([...n.toString(3)].reverse().join(''),3) } Number.toString([radix]) : 문자열로 반환, 인수로 숫자를 넣으면 해당 숫자값으로 변환한 값을 문자열로 반환 [...n] : 스프레드 오퍼레이터 split('')대신에 사용, split()의 구분자로 빈 문자열을 제공하면 오류가 발생 시킬수 있음 Array.reverse() : 배열의 요소를 반대로 재배열 Array.join() : 배열의 모든 요소를 연결해 하나..

[JS] 진수 변환하기(10진수 -> n진수, n진수 -> 10진수)

오늘은 진수 변환에 대해서 정리하려고 합니다 코딩테스트를 보다보면 진수 변환하는 문제가 나오는데 그때 유용하게 사용할 수 있습니다. 10진수 -> N진수로 변환 let num = 10; //2진수 num.toString(2); //8진수 num.toString(8); //16진수 num.toString(16); //3진수 num.toString(3); toString( ) 문자열을 반환하는 object의 대표적인 방법 선택적으로 기수(radix)를 매개변수로 취함 *기수는 최소 2 ~ 36까지 기수를 이용하여 10진수를 다른 진수로 변환할 수 있음 N진수 -> 10 진수로 변환 //2진수 -> 10진수 let num = "10"; parseInt(num,2); // 8진수 -> 10진수 parseInt(..