배움 저장소8 Vue에서 json 파일로 움짤만들기 (Lottie) 안녕하세요. 오늘의 주제는 '웹 프론트엔드에서 어떻게 움짤을 적용할까??' 입니다. 디자인 팀에서 어느날 gif 대신 json 파일을 드릴테니 애니메이션처럼 적용해주실 수 있냐고 전달을 받았습니다..! 모바일팀에서 이미 이런 작업을 많이 해왔기에 'Lottie'라는 키워드를 알려주셔서 꽤 수월하게 해결할 수 있었습니다. 우선 Json 파일로 움짤 만들기에 앞서서 저는 2가지 사항이 궁금했습니다. 1. Json 파일을 뷰(vue) 에서 어떻게 읽어서 사용할지? 2. Lottie 를 vue 프로젝트에 어떻게 적용할지? 1. Json 파일을 뷰(vue) 에서 어떻게 읽어서 사용할지? 저희 프로젝트에서는 기존에 `@assets/js/....png` 형식으로 resource들을 읽어왔었기 때문에 json 도 동일.. 2023. 2. 11. SpringDataSolr 적용하기 1 (Spring,Kotlin) 안녕하세요. 오늘은 프로젝트 내에서 자동완성 기능을 구현한 과정을 간략하게 공유해보고자 합니다. 1. SpringDataSolr 도입 이유와 문제 상황 [기획 요구사항] 1. 상품 검색시 (이름, 브랜드명(회사명), 성분명) 3가지중 어디서 검색 키워드가 걸렸는지 우선순위에 따라 검색이 되어야합니다. 2. 예) 정관장 화이락 이라고 검색했을때, 정관장이 포함된건도, 화이락이 포함된 건도 나와야합니다. 위 2가지를 초점 맞추어서 진행할 수 있는 검색엔진을 찾아보다가 Solr 도입을 검토하게 되었습니다. 특히 Solr에서 제공하는 Full text search 기능이 필요했고, 검색어 자동완성을 구현하고자 했습니다. 한글 형태소 분석을 통해서 띄어쓰기를 하더라도 단어들이 모두 포함될 수 있도록 해야 했습니다.. 2023. 2. 4. [BOJ 1058] 친구 (JAVA) [문제링크] 1058번: 친구 지민이는 세계에서 가장 유명한 사람이 누구인지 궁금해졌다. 가장 유명한 사람을 구하는 방법은 각 사람의 2-친구를 구하면 된다. 어떤 사람 A가 또다른 사람 B의 2-친구가 되기 위해선, 두 사람 www.acmicpc.net [실수한 부분(주석처리)] - 두개의 노드가 관계없을 때 0으로 잘못 처리했었음 (INF로 변경) - 자기자신의 경우도 친구로 카운트를 했었음 (자기자신은 건너뛰도록 변경) [기본 로직 OR IDEA] [코드] import java.util.*; public class Main { static int[][] arr; final static int INF = Integer.MAX_VALUE / 2; public static void main(String[.. 2021. 9. 14. [BOJ 7562] 나이트의 이동 (JAVA) [문제링크] 7562번: 나이트의 이동 체스판 위에 한 나이트가 놓여져 있다. 나이트가 한 번에 이동할 수 있는 칸은 아래 그림에 나와있다. 나이트가 이동하려고 하는 칸이 주어진다. 나이트는 몇 번 움직이면 이 칸으로 이동할 수 www.acmicpc.net [배운점] - 문제에서 '최소 몇 번만에 이동할 수 있는지' => BFS를 떠올리자..! - 단순히 재귀로 또 풀어내야겠네~했다가 stack over flow에 걸렸다. (이동 횟수를 직접 매개변수로 전달해주면서 카운트했었음) - 이런 문제를 접하면 이동 횟수를 배열에 저장해나가는 방식으로 하면 편리한 것 같다. - 맞추고 다른 사람들의 코드를 보다보니 입출력에 BufferedReader, 문자열 다룰때 StringTockenizer를 많이 사용한다... 2021. 9. 14. [BOJ 1011] Fly me to the Alpha Centauri [문제 링크] 1011번: Fly me to the Alpha Centauri 우현이는 어린 시절, 지구 외의 다른 행성에서도 인류들이 살아갈 수 있는 미래가 오리라 믿었다. 그리고 그가 지구라는 세상에 발을 내려 놓은 지 23년이 지난 지금, 세계 최연소 ASNA 우주 비행 www.acmicpc.net [배운점] 1. 문제를 잘 읽자. 조건을 일단 잘못 이해했었다. 2. 규칙을 찾기 위해 하나하나 적어보자. => 적고 틀린 곳이 없는지 잘 확인 [기본 로직 OR IDEA] [구현] public class Main1011 { public static void main(String[] args) { Scanner sc = new Scanner(System.in); int T = sc.nextInt(); f.. 2021. 9. 13. 이전 1 2 다음
