기억 조각 모음 저장소

국비교육에서 다른 팀원이 한 프로젝트를 보게 됐는데 TTS를 적용한 요리 레시피 사이트를 만든 걸 감명 깊게 봐서 꼭 나도 해봐야지 했던 게 있다. 마침 시간이 나던 차 기존 작업하던 개인 프로젝트에 적용해 보려 한다. 이제는 코드를 짜야하는데 https://sub0709.tistory.com/86 [javascript] 플러그인 없는 Text-To-Speech 만들기 관련지식 javascript, TTS, speechSynthesis, SpeechSynthesisUtterance TTS 라는 기술이 있습니다. 프로그램이 텍스트를 읽어주는 것으로, 과거에는 운전중인 사람을 위해 책을 읽어주거나 시각장애인을 위해 웹. sub0709.tistory.com 이 블로그에서 tts란 무엇인지 예제 또한 훌륭한 것..

Controller로 ajax 등의 요청을 했을 때, json형식으로 return 해주는 방식은 크게 두 가지가 있다. 1. Controller return type을 String으로 하고, 별도의 Json API를 사용해 parsing해서 json 형식으로 return 해준다. 2. MappingJackson2JsonView를 사용해서 ModelAndView를 json 형식으로 반환해 준다. 1번의 경우에는 매우 귀찮게 일일이 map object에 담아서 for 돌려서 만들어 주는 방법도 있고 Gson 등 Json API들을 사용해서 만들어 주는 경우도 있다. 나의 경우 spring boot를 주로 사용하므로 jsonview를 bean에 등록하고 ModelAndView에 담아서 사용하는 것으로 사용한다..

위처럼 보여서 오류는 아니고 unicode라는 문자입니다. https://jsonobject.tistory.com/246 Java, 아스키코드(ASCII), 유니코드(Unicode), UTF-8 설명 아스키코드? 유니코드가 뭐지? 컴퓨터가 처음 발명되었을 때 표현 가능한 문자는 128개였다. 이를 ASCII 코드라고 한다. 영어 알파벳과 통화를 포함한 여러 기호를 표현할 수 있었기에 미국을 중심 jsonobject.tistory.com 저 문자를 다시 한글로 보이게 하기 위해서는 이클립스에 라이브러리를 추가 해야 합니다. 이클립스 메뉴에서 Help -> Install New Software location에 다음 주소를 추가 합니다. http://propedit.sourceforge.jp/eclipse/..

다국어 처리가 되어 있는 프로젝트에 처음 투입 됐을 때 조금 당황했다. 이런 식으로 직접적으로 view에 표출되는 문자가 전부 위와 같이 적용되어 어디 항목인지 정확히 파악하기 어려웠다. 또, pms.common.title을 이클립스에서 검색해서 보니 아래와 같은 이상한 문자로 가득한 properties가 있었다. 그래서 한글로 변경 하기 위해 조금 설정을 해줬다. 2021.07.24 - [유용] - [유용] 유니코드로 보이는 properties 한글로 변환 적용 다시 돌아와서 나의 경우는 다국어 처리로 영어와 한글을 지원하는 웹이여서 *_ko.properties, *_en.properties로 페이지마다 구성이 되어있었다. 찾아보니 유니코드라고 하긴 하는데 뭐지? 하며 바쁘니까 대략 title이라고 적..

프로젝트 도중 properties에 있는 값을 가져와 java static 변수로 초기화 해서 사용해야 하는 상황이 왔습니다. 하지만 아직도 저는 @value로 가져오는 값 초기화와 static 클래스 변수 초기화의 순서 차이를 뚜렷하게 알지를 못합니다. 저의 경우 static 블록으로 static 변수를 초기화 해주는 SET메소드를 불러와 static 클래스 변수를 초기화 하기 때문에 아래에 써내려갈 해결책과는 케이스가 달라서 저는 적용을 못했습니다. 이러한 해결책을 찾으시는 분들에게 도움이 되고자 링크를 적겠습니다. 1. bean으로 해결 https://stay-hungry.tistory.com/26 [Spring boot yml 파일에서 값 가져오기] Spring boot load data from..

예전에 spring boot에 spring security를 이론은 제쳐두고 적용해서 글을 쓴적이 있는데 다시 프로젝트에 사용할 일이 있어서 오랜만에 제 글을 다시 보니 역시 뭐가 뭔지 하나도 모르겠더라고요;;; 다시 공부하는겸 이번 글은 간단하게 이론편으로 글을 올리고 예전적어둔 글을 적용편으로 사용하도록 하겠습니다. Spring Security(스프링 시큐리티)란? 스프링 시큐리티는 스프링 기반의 애플리케이션의 보안(인증과 권한,인가 등)을 담당하는 스프링 하위 프레임워크이다. 주로 서블릿 필터와 이들로 구성된 필터체인으로의 위임모델을 사용한다. 그리고 보안과 관련해서 체계적으로 많은 옵션을 제공해주기 때문에 개발자 입장에서는 일일이 보안관련 로직을 작성하지 않아도 된다. 출처: https://cod..

이론편 보기 2020/06/28 - [spring boot] - [spring security] spring boot에 가장 빠르게 적용해 보자[1] 일단 DB에 접근할 수 있는 환경과 더불어 기본적인 mvc 패턴 vo,dao 정도로 구성이 다 짜여있다는 바탕 하에 진행해 보도록 하겠습니다. 저는 springboot + mybatis + mysql만으로 구현했습니다. 또한 필자는 다른 블로그에 비해 지식이 한없이 얕기 때문에 jpa를 통해 db에 접근한다던지던 지 enum을 사용해 사용자에게 권한을 준다 던지 이런 기술들은 제게 없습니다 어떻게 보면 가장 베이직한 기술만으로 적용을 했습니다. 필요한 파일: WebSecurityConfigurerAdapter 상속한 class 1개 UserDetails를 ..

Modal적용 3가지 방법 필요한 상황에 따라 사용하시면 될 거 같습니다. bootstrap을 사용한다는 가정하에서의 2가지와 javascript만으로 만든 modal입니다. 우선은 bootstrap으로 만드는 간단한 방법입니다. 데이터를 넣지 않는 항상 똑같은 값을 가지고 있는 모달에서 사용하시면 됩니다. 1. 결과물 tables.jsp Ready to test x test Cancel jsp안 body 하단에 위치해줍시다. 주의 사항은 a 태그에 data-target과 Moa Modal에 id를 맞춰야 합니다. 간단하죠~ 두 번째입니다. 이번에는 jsp을 하나를 더 추가해줘서 내용만 따로 적는 방법입니다. 모달의 껍데기만 모달이 나올 본문에 위치하고 내용물만 따로 jsp로 만들어 다른곳에서 제어한다고..

페이징 플러그인을 적용해 간단히... 또 검색 기능까지 활용할 수 있지만.. 어디를 면접가도 페이징 할 수 있어요? 네! 인터넷으로 검색 안 하고요? 그건... 좀.. 오래 걸릴 거 같아요.. 라는 뻔한 레퍼토리가 나오기 십상이다. 이 글을 통해 다시 한번 기억을 되짚어 보면서 반성해보려 한다. 이 글은 유튜브 동영상에서 조금 모자랐던 코드를 수정해서 만들었다. -결과물- 생성할 페이징 기능(목표): 1. 보여줄 글 개수 정하는 셀렉트 박스 -> 10개, 20개, 30개 2. 페이징(페이지는 5개씩) 3. 이전, 다음 버튼 생성 참고하면서 만들면 편할거 같다. 페이징을 하기위해 필요한 파일작성을 차근차근 프로젝트 상단부터 아래로 만들어 보자. MainContoller.java @Controller pub..

국비 팀 단위 마지막 프로젝트를 페이스북과 같은 SNS 컨셉으로 가닥을 잡았다. 타 사이트에 비해 부족한 것은 무엇일까를 고민했고, 다른 사이트에 계정을 이용해서 회원가입을 유도하는 기능이 있으면 좋을 것 같다는 생각을 했다 적용만 시킨다면 기업에서 제공하는 편리한 API 기능을 앞으로 해결해야 할 개인 프로젝트나 업무에 용이하게 쓸 귀중한 경험이 되고 초보 개발자인 나에게는 뜻깊은 일이 될 것이라고 생각했다. 막상 하려고 하니 처음 생각했던 만큼 어려운 일은 아니었다. 네이버가 대기업인만큼 네아로 적용시키는 예제가 굉장히 많았고 적용시키는 데에는 큰 무리가 없었다. 코드 적용을 하기 전 먼저 네이버 애플리케이션 등록을 해야 한다. 이 부분은 위 링크를 이용해 등록하자 꼼꼼히 기술하면 좋겠지만 이 블로그..