반응형 전체 글123 [JavaScript] `(백틱) 을 이용한 Template literals ${} 데이터 추출 홈페이지를 만드는데 HTML에서는 잘 돌아가던 코드가 JSP에서는 안돌아가서 무슨 문제지 하다가 해결해서 나중에 까먹지 않기 위해 정리한다. 먼저 ` 이렇게 생긴 친구들을 백틱이라 부르는데 키보드에서 Tab 위에 위에 있는 숫자 자판 1 옆에 있는 친구이다. 자바스트립트 ES6 부터는 백틱 기호를 사용한 문자열을 템플릿 리터럴이라고 부른다. 쉽게 말해, 템플릿 리터럴은 새로운 문자연결 표기방식이라고 보시면 된다. console.log(language + "처음이죠?" + "Hello World" + language + "참 쉽죠?"); 문자열을 연결하고 출력하려면 따옴표와 더하기(+) 기호를 사용해 위와 같이 사용해야 했다. 템플릿 문자열에서는 ${}(플레이스 홀더place holder라고 부릅니다)를 .. 2021. 11. 3. [JavaScript] 숫자,문자가 섞인 문자열에서 숫자만 추출하기 이번에 Spring을 이용한 아파트 실거래가 검색 홈페이지를 만들면서 xml데이터를 추출할 일이 있었다. 원하는 가격 내 검색기능을 구현하기 위해 데이터에 들어있는 실 거래가와, 사용자가 입력한 최소, 최대값을 비교해서 Client에게 뿌려주게 하려 했다. 하지만 실거래가 데이터가 13,000 , 25,000, 5,000 이런식으로 문자열과 숫자가 섞인 데이터였다. ParseInt()를 이용하여 실거래가를 int형으로 변환하려고 했으나 ','가 섞여있어서 이상한 데이터가 나왔다. 이를 해결하기 위해 JavaScript에서 제공하는 함수인 replace와 정규식을 이용하여 숫자와 문자가 섞인 데이터에서 숫자만 뽑아와서 비교해주는 기능을 작성하였다. 숫자가 아닌 문자를 모두 선택하는 정규식인 /[^0-9]/.. 2021. 11. 3. [REST] RESTFul 설정 순서 1. pom.xml에 json과 rest가 잘 동작하는지 확인할 수 있는 swagger를 추가해준다. 20210307 org.json json ${json-version} io.springfox springfox-swagger2 2.4.0 io.springfox springfox-swagger-ui 2.4.0 2. src/main/java에 swagger.java파일을 넣는다. 3. servlet-context.xml 파일에 mapping정보를 추가한다. 4. servlet-context.xml 파일에 기본루트 : MVC project 만들 때 설정한 기본 루트로 설정한다. 5. controller 패키지 안에 @RestController를 지정할 컨트롤러를 하나 생성한 후 GET,POST,PUT,DEL.. 2021. 10. 29. 백준 1991. 트리순회 [트리의 정석 문제] 🅰 백준 1991. 트리순회 1991번: 트리 순회 첫째 줄에는 이진 트리의 노드의 개수 N(1 ≤ N ≤ 26)이 주어진다. 둘째 줄부터 N개의 줄에 걸쳐 각 노드와 그의 왼쪽 자식 노드, 오른쪽 자식 노드가 주어진다. 노드의 이름은 A부터 차례대로 알파 www.acmicpc.net ✏️ 문제 풀이 전위, 후위, 중위순회를 출력하는 문제이다. ✏️ 소스코드 package tree; import java.util.*; import java.io.*; public class Main_실버1_1991_트리순회 { private static class Node { char data; Node left = null; Node right = null; Node() { } Node(char data) { this... 2021. 10. 22. [Junit] 단정함수 및 기능 단정함수 기능 aeesrtNotNull(a) 객체 a가 null이 아님을 확인 테스트 할 대상 객체나, 함수를 수행한 결과가 null이 아닌지 검사 assertEquals(a,b) 객체 a와 b의 값이 일치하는지 확인 assertArrayEqauls(a,b) 배열 a와 b가 일치하는지 확인 assertSame(a,b) 객체 a와 b가 같은 객체인지 확인 assertEquals(a,b)는 값이 일치하는지만 확인한다면 assertSame(a,b)는 두 객체의 레퍼런스가 동일한지를 확인 assertTrue(a) 조건 A가 참인지를 확인 2021. 10. 22. 부트스트랩 아이콘 넣는 법 https://fontawesome.com/v4.7/icons/ Font Awesome Icons Get 1535 icons right now with FA Free, plus another 7020 icons with Pro, which also gets you another 53 icon category packs as we finish them! Our all-new SVG with JavaScript gives you all the power of SVG without the usual hassle. Ligatures for easier des fontawesome.com 2021. 10. 22. [Spring / BackEnd] 404 Error Exception 날리는 법 보호되어 있는 글 입니다. 2021. 10. 20. [Graph] 다익스트라(Dijkstra) 알고리즘 - 다익스트라 DP를 활용한 정점과 정점 사이의 최단거리를 알아내는 최단경로알고리즘이다. 하나의 출발지에서 모든 정점을 도착지로 한 최단경로를 구할 수 있다. 이때 음의 간선은 포함할 수 없다. Step1. 방문하지 않은 정점 중 S -> 자신으로의 비용이 최소인 정점 선택 Step2. 선택한 정점을 경유지로 해서 아직 방문하지 않은 다른 정점과의 비용을 계산해서 최적을 갱신 - 이전에 선택된 정점은 경유지를 통해 가는 것 보다 무조건 더 짧기 때문에 고려 X 위 상태에서는 시작점 s(0)를 시작으로 갈 수 있는 정점인 t(10), y(5)을 우선순위 큐에 넣는다. 큐는 가중치가 작은 순서대로 정렬므로 y(5)를 기준으로 다시 탐색한다. 이 과정에서 t(10)은 s->y->t(8)의 비용이 더 저렴하므로.. 2021. 9. 30. 백준 2056. 작업 🅰 백준 2056. 작업 2056번: 작업 수행해야 할 작업 N개 (3 ≤ N ≤ 10000)가 있다. 각각의 작업마다 걸리는 시간(1 ≤ 시간 ≤ 100)이 정수로 주어진다. 몇몇 작업들 사이에는 선행 관계라는 게 있어서, 어떤 작업을 수행하기 위해 www.acmicpc.net ✏️ 문제 풀이 순서가 주어지므로 위상정렬의 개념을 이용하여서 풀었다. 일단 위상정렬이랑 비슷하지만 선행관계가 없는 작업들은 동시에 수행되기 때문에 이 부분을 생각해내는데 시간이 조금 걸렸다. pq에 저장되는 정점들은 comparable을 이용하여 수행시간이 작은 순으로 정렬을 시켜서 하나씩 뽑아낸다. pq에는 들어오는 간선이 없는 정점부터 저장을 해서 탐색을 시작한다. cur = pq.poll() 한 정점이 걸리는 시간을 an.. 2021. 9. 29. 이전 1 2 3 4 5 6 7 8 ··· 14 다음
