본문 바로가기

분류 전체보기65

[자바스크립트] 네이버 로그인 API 쉽게 구현 방법 및 예제- OAuth 2.0, Javascript, Jsp, 로그아웃 네이버 로그인 API (OAuth 2.0) 클라이언트 입장에서 수많은 사이트의 모든 아이디 비밀번호를 기억하기는 쉽지 않습니다. 또한 서비스를 제공해주는 리소스 오너 또한 안전하게 보관하여야 하기 때문에 부담되고요. 이런 문제를 해결하기 위해, 구글이나, 페이스북, 네이버 같은 큰 기업들이 로그인 연동 기능을 제공하고 있습니다. 그중 네이버 로그인을 구현해 보겠습니다. 네이버 로그인 API 사용을 위한 애플리케이션 설정 개발의 흐름은 먼저 네이버 개발자 사이트에서 애플리케이션을 세팅을 한 후 사이트 코드를 작성해 주면 됩니다. 먼저 아래 사이트에서 로그인을 진행해 줍니다. https://developers.naver.com/apps/#/register?api=nvlogin TYPE1 *네이버 디벨로퍼를 .. 2021. 7. 15.
[앱만들기] 웹개발자가 가장 쉽게 어플만들기③ (EXPO로 AFK 만들기) 준비 앞전 구름 IDE를 통해 NodeJS React Native Expo 개발환경을 구축했으며, Expo를 통해 내가 제작할 어플리케이션을 미리보기로 확인했습니다. 이번에는 미리 본 어플리케이션을 실제 APK로 변환해보는 작업을 진행해보겠습니다. 앞전 개발환경구축링크 [앱만들기] 웹개발자가 가장 쉽게 어플만들기② (구름IDE, EXPO feat 조코딩) 웹 개발자도 쉽게 어플리케이션을 만드는 방법을 찾던 중 조코딩님의 ‘구름 IDE를 이용한 3분 만에 안드로이드와 아이폰 어플 만들기’를 보았고, 이 방법이면 앱 개발자가 아니어도 충분히 tyrannocoding.tistory.com AFK로 만들기 구름IDE에서 기본적으로 제공해주는 NodeJs가 EXPO 버전과 호완성이 맞지 않은지 애러가 나서 APK.. 2021. 7. 7.
[앱만들기] 웹개발자가 가장 쉽게 어플만들기② (구름IDE, EXPO feat 조코딩) 웹 개발자도 쉽게 어플리케이션을 만드는 방법을 찾던 중 조코딩님의 ‘구름 IDE를 이용한 3분 만에 안드로이드와 아이폰 어플 만들기’를 보았고, 이 방법이면 앱 개발자가 아니어도 충분히 훌륭한 앱을 만들 수 있겠다는 생각이 들었습니다. 그리고 조코딩님의 유튜브 찍은 날짜가 1년이 넘어, 영상과 다른 부분이 있어 혼자 시행착오하고 성공한 결과를 정리 및 공유드립니다. 진행할 내용은 구름IDE를 활용한 리액트 네이티브로 웹뷰를 활용해 앱을 만드는 것입니다. 리엑트네이티브가 웹 개발자가 앱을 만듬에 있어 강력한 이유는 우리가 ios를 만들기 위해 swift를 공부 및 알 필요도 없으며 안드로이드 언어 또한 마찬가지입니다. 그러므로 최종 완성은 콘텐츠 영역은 html이며, 앱 배포에 필요한 패키징 처리만 아이폰.. 2021. 7. 7.
[앱만들기] 웹개발자가 가장 쉽게 어플만들기① (언어 종류 및 선택) 저는 자바 스프링을 주력으로 하는 웹팀에서 웹 개발하고 있는 개발자입니다. 이번에 저희 팀에서는 '구현된 웹'을 '앱'으로 만드는 작업을 해야만 했습니다. 모든 팀원이 앱을 개발해 본적도, 구동하는 방식도 모르는 상태였습니다. 그래서 앱에 대한 배경지식이 전무한 상태로 자료조사를 진행했으며, 가장 쉬운 방법으로 실제 구현까지 진행해봤습니다. 목표는 이미 구현된 웹사이트(웹앱)를 앱 배포에 필요한 패키징 처리만 안드로이드, 아이폰으로 하는 (깡통) 앱을 만드는 것입니다. 앱 종류 (웹앱 vs 네이티브 앱 vs 하이브리드 앱 vs 크로스 플랫폼) 웹앱 웹앱은 모바일 화면에 맞게 개발된 웹페이지입니다. 개발단계에서부터 모바일을 고려해서 홈페이지를 제작하였기 때문에 다양한 모바일 기기에서 주소를 입력하더라도 그.. 2021. 7. 6.
[간단설명]행복주택 공공임대 국민임대 장기전세 차이 및 조건 시작 정부에서 제공하는 행복주택, 공공임대, 국민임대, 장기전세는 내 집 마련을 도와주는 징검다리 같은 역할을 합니다. 모든 시장은 사이클이 있습니다. 이번 부동산 상승장의 수혜를 받지 못했다면 이러한 기회를 활용하여 현재는 관망하고 미래의 조정국면에서 진입한다면 좋은 투자 수익을 거둘 수 있을 거라 생각합니다. 어떤 시장이든 영원한 상승은 없기 때문이죠. 집값을 잡기 위해 정부는 각종 세금을 매기고 규제를 매깁니다. 하지만 이번에 알아보는 행복주택, 공공임대, 국민임대, 장기전세는 그러한 세금을 내지 않아도 되는 수혜주 역할을 합니다. 부동산의 일시적 하락에 배팅하고자 한다면, 이보다 좋은 선택지는 없을 것 같습니다. 임대주택 LH SH에서 공급하는 임대주택들은 주거 사다리 역할을 하고 있습니다. 주거.. 2021. 6. 10.
[경제 아이디어] 인플레이션의 공포로부터 나의 자산 지키기 (인플레이션, 테이퍼링,현대통화이론) 공포 우리가 피땀 흘려 열심히 벌고, 열심히 아껴 모은 돈이 인플레이션으로 점점 가치가 떨어지다가 결국 휴지조각이 된다면 어떨까요? 저는 비참함과 허탈감에 모든 것의 의욕을 잃어버릴 것만 같습니다. 마치 하이퍼 인플레이션이 곧 시작될까 봐 두렵기까지 하며 아래 사례의 수치만 보더라도 엄청난 공포가 엄습해 옵니다. 1919년 - 1923년 바이마르 공화국(현 독일) 물가 1조 % 2007년 - 2008년 짐바브웨 2억 3천만 % 1992년 - 1994년 유고슬라비아 3억 1천만 % 1945년 - 1946년 헝가리 역사상 최악의 하이퍼인플레이션(0 + 29개) 최근 2016년 베네수엘라 하이퍼인플레이션 이러한 공포로부터 피땀 흘려 모은 나의 자산을 지키기 위해 사람들은 여러 방면에 투자하게 됩니다. 그리고 .. 2021. 6. 4.
파일 업로드 쉽게 구현하기 (Spring Ajax 다중파일 업로드 & 개별삭제 & 개수제한 & 초기화) ② 파일 업로드 게시판 파일 업로드가 되는 게시판은 대부분의 사이트에 꼭 하나씩 있습니다. 사이트를 구축할 때 기본이 되는 파일 업로드이지만 불편함 없이 다양한 기능이 필요할 때도 있습니다. 어디에서나 쓸 수 있게 모듈화를 해놓았고, 정리를 해놓았으며 해당 내용을 공유하고자 합니다. 앞전에는 커스터마이징에 대한 간단한 방법을 정리를 공유했으며, 이번에는 2번 type="file" multiple="multiple"를 통하여 다중 파일 업로드와, AJAX를 통한 스프링 파일 업로드, 그리고 다중 파일 업로드 진행 시 개별 파일 삭제, 개수 제한까지 구현해보겠습니다. 1. input type="file" UI 스타일변경(커스터마이징) 링크 2. - 다중 파일업로드(멀티파일 업로드) - AJAX로 SPRING 파.. 2021. 5. 28.
파일 업로드 쉽게 구현하기 커스터마이징하기(css변경,스타일변경,디자인) ① 파일 업로드 게시판 파일 업로드가 되는 게시판은 대부분의 사이트에 꼭 하나씩 있습니다. 사이트를 구축할 때 기본이 되는 파일 업로드이지만 불편함 없이 다양한 기능이 필요할 때도 있습니다. 어디에서나 쓸 수 있게 모듈화를 해놓았고, 정리를 해놓았으며 해당 내용을 공유하고자 합니다. 제가 이번에 소개드릴 내용입니다. 1. input type="file" UI 스타일변경(커스터마이징) 2. - 다중 파일업로드(멀티파일 업로드) - AJAX로 SPRING 파일 업로드 - input file multiple 부분(선택) 삭제 후 업로드 & input file multiple max (개수 제한) 링크 파일 업로드 UI 커스터마이징(스타일 변경) input type="file"은 해킹, 보안의 문제로 브라우저에서 .. 2021. 5. 28.
[JAVA, SPRING, SUMMERNOTE] 서머노트 사용법 ④ (CSS충돌(부모,상위 겹침) 해결법) 썸머노트를 항상 게시판의 기본 에디터로 사용하면서 겪은 문제점을 같이 공유해보고자 합니다. 문제점(원인) 이런식으로 작성(CREATE)하고 db에 저장했습니다. 그 후 해당 게시판을 수정(UPDATE)하기를 하려고 불러올 때, 이렇게 되는 부분을 확인할 수 있습니다. 저는 이런 식으로 불러왔는데, 썸머노트에 저장했을 때 양식은 적용되지 않고, 부모(상위) css가 적용되었습니다. 페이지가 로딩될 때, JAVA -> JSTL -> HTML -> CSS 순서로 실행됩니다. 그러므로 문제점이 된 원인은 JSTL이 실행이 되고 후에 전체(*) CSS가 적용되었으므로, CSS가 먹혔다고 볼 수 있습니다. 해결방법(JSP , JSTL) 간단하게 value값(JSTL) 출력 순서를 뒤로 하면 됩니다. (주석 부분만 .. 2021. 5. 14.
[자바스크립트] 구글 로그인 API 쉽게 구현 방법 및 예제- OAuth 2.0, Javascript, Jsp 구글 로그인 API (OAuth 2.0) 클라이언트 입장에서 수많은 사이트의 모든 아이디 비밀번호를 기억하기는 쉽지 않습니다. 또한 서비스를 제공해주는 리소스 오너 또한 안전하게 보관하여야 하기 때문에 부담되고요. 이런 문제를 해결하기 위해, 구글이나, 페이스북, 카카오 같은 큰 기업들이 로그인 연동 기능을 제공하고 있습니다. 그중 구글 로그인을 구현해 보겠습니다. 구글 로그인 API 사용을 위한 애플리케이션 설정 우선 cloud.google.com/cloud-console/ 해당 사이트에 접속을 한 후 로그인을 하고, 우측 상단의 계정 옆 "콘솔"을 클릭하고, 새 프로젝트를 통해 프로젝트를 만듭니다. 상단 검색창에서 사용자의 정보를 편리하게 가져와줄 people api를 검색하여 사용합니다. 그 후 1.. 2021. 4. 12.

티스토리툴바