본문 바로가기
반응형

전체 글255

JavaScript Fetch API사용 예제 JavaScript Fetch API사용 예제 자바스크립트 자체 통신 API Fetch를 이용. 간단 예제를 포스팅해본다. Fetch API는 Promise로 서버에 요청을 할 수 있는 표준이 되어가고 있다. 간단한 예제 초 간단 예제를 작성해본다. 이전에 포스팅한 Json 무료 가상 Rest JSONPlaceholder API를 백엔드라고 가정하고 통신을 해본다. 2022.12.06 - [슬기로운 자바 개발자 생활/etc] - Json 무료 가상 Rest API 서버 - JSONPlaceholder Json 무료 가상 Rest API 서버 - JSONPlaceholder HTTP 통신을 해서 JSON 데이터를 받아야 할 경우 (Backend API가 필요할 때) J-query나 리액트, Vue 같은 자.. 2022. 12. 20.
웹브라우저 저장소 스토리지storage 간단 예제 웹브라우저 저장소 스토리지storage 간단 예제 HTML5가 되면서 storage 기능이 추가 됐다. 간단하게 localStorage 예제를 만들어 사용해본다. 1. 간단한 예제 및 실행 로컬스토리지 예 브라우저를 실행 한 후, F12를 눌러서 Console 탭으로 이동해 로그를 보면 코딩했던 예상대로 확인을 해볼 수 있다. 2. 웹브라우저 저장소 웹 스토리지 쿠키 웹 스토리지는 html5 부터 사용가능한 Key-Value 형식의 저장소이며, 로컬 스토리지와 세션 스토리지로 나뉜다. 쿠키는 서버와 클라이언트 간의 데이터 교환을 위해 만들어진 Key-Value 형식의 저장소 3. 로컬 스토리지와 세션 스토리지의 차이 그리고 쿠키 둘의 차이는 데이터의 유지와 범위로 약간의 기능이 나뉜다. 두 차이를 이해한.. 2022. 12. 20.
골프샤프트 재질, 강도, 킥포인트 이해하고 선택하자 골프샤프트 재질, 강도, 킥포인트 이해하고 선택하자 N.S PRO 950GH, Dynamic Gold S200, KBS Tour 골프를 즐기는 사람들이라면 한번쯤 들어본 샤프트 제조사와 모델들이다. 골린이 시절을 막 탈출해 어느 정도 풀스윙의 자세가 갖춰지면서 스피드가 나오기 시작하면 뭔가 내가 사용하는 아이언이나 기타 클럽의 샤프트에 대한 관심이 생기게 된다. 샤프트 중요하다. 이번 포스팅에서는 샤프트에 대해 알아본다. 샤프트 샤프트를 모르는 골퍼도 있을까? 입문 자라면 모를 수도 있으니 간단히 설명드린다. 샤프트는 스윙할 때 잡고 휘두르는 막대기다. 다 알고 있는 것을 말하려니 쑥스럽다. 샤프트 한쪽 끝은 그립(손잡이)을 장착하고, 한쪽 끝은 클럽 헤드를 연결한다. 샤프트의 재질 약간 세부적으로 나누.. 2022. 12. 19.
구글 로그인 API 스프링부트 OAuth 2.0 - 2. 구현해보기 구글 로그인 API 스프링부트 OAuth 2.0 - 2. 구현해보기 이전 포스팅에 이어 스프링 부트와 구글 Oauth API 로그인 연동을 구현해본다. 2022.12.17 - [슬기로운 자바 개발자 생활/스프링 및 자바웹 서비스] - 스프링부트 구글로그인 API 구현 OAuth 2.0 - 1. 구글 설정 하기 스프링부트 구글로그인 API 구현 OAuth 2.0 - 1. 구글 설정 하기 OAuth 의 간단한 이해 이번 포스팅에서 구현할 기능은 OAuth다. 요즘은 흔한 기능이 되었는데, kakao, facebook, google, naver에서 제공하는 로그인 Auth API를 정보를 이용해서 회원가입 또는 로그인을 할 수 ecolumbus.tistory.com 소스를 첨부하니 혹시나 포스팅의 결과와 다르.. 2022. 12. 18.
골프입문자 또는 중급자에게 추천하는 골프웨지 TOP3 골프입문자 또는 중급자에게 추천하는 골프웨지 TOP3 국민웨지 우리나라에 국민웨지 3종류가 있다. 매년 판매 1,2,3 위를 번갈아 가며 하는 브랜드들이다. 뭘 살지 어렵다면 아래 3개의 브랜드 중 하나를 사면 적어도 큰 후회는 하지 않는다. 웨지 샤프트는 보나 마나 다이나믹이거나 니폰 약간 무거운 샤프트일 것이고, 로프트각도 만 유념해서 구입한다면 말이다. 국민 웨지라 불리는 이유는 당근 마켓에 내놓으면 금방 팔린다. 그만큼 어느 정도 입증은 된 브랜드들이다. 진심으로 조언해드리는데 처음에 가성비를 찾아서 일본인 이름 붙거나 잘 모르는 브랜드의 철심 단조, 수공예 단조, 이런 것은 피하도록 하자. 어느 정도 경륜이 쌓이신 후 직접 시타해보시고 선택하시는 것을 추천한다. 타이틀리스트 캘러웨이 클리브랜드 .. 2022. 12. 18.
스프링부트에서 jsp사용하기 스프링부트에서 jsp사용하기 스프링 부트에서는 JSP 사용 권고를 하지 않는다. 그래서 JSP템플릿 엔진이 빠져 있다. 그래도 사용해야될때가 있고 사용해도 관계는 없다. 초간단으로 예제를 만들어 본다. 1. pom.xml 에 JSTL과 JSP 템플릿 엔진 의존성을 추가한다. org.apache.tomcat.embed tomcat-embed-jasper javax.servlet jstl 2. application.properties 파일에 view 설정을 해준다. spring.mvc.view.prefix=/WEB-INF/jsp/ spring.mvc.view.suffix=.jsp 3. main 폴더 밑에 webapp 폴더를 만들고 view.prefix에 설정한 WEB-INF/JSP/ 폴더를 만든다. 그리고 .. 2022. 12. 17.
스프링부트 구글로그인 API 구현 OAuth 2.0 - 1. 구글 설정 하기 OAuth 의 간단한 이해 이번 포스팅에서 구현할 기능은 OAuth다. 요즘은 흔한 기능이 되었는데, kakao, facebook, google, naver에서 제공하는 로그인 Auth API를 정보를 이용해서 회원가입 또는 로그인을 할 수 있게 한다. (참고) OAuth의 개념 설명 OAuth와 춤을 어려운 용어들은 우선 제쳐두고, 간단하게 설명하면 이렇다. 1. 홍길동은 구글에 가입한 상태다. 구글에 아이디와 비번, 집주소 기타의 정보가 있다. 2. redmango라는 서비스는 회원가입 시 구글 로그인 API를 사용한다. 3. 홍길동이 redmango 사이트에 접속, 회원 가입을 누른다. 그러면 자체 회원가입 메뉴가 아닌 구글 로그인 화면이 나온다. 4. 홍길동은 구글 로그인을 하게 되면, 구글에서 .. 2022. 12. 17.
인텔리J 필수 플로그인 및 설정 인텔리J 필수 플로그인 및 설정 가끔씩 컴퓨터 포맷을 하고 나면 인텔리 J를 재설치하게 된다. 이클립스를 사용해도 충분하지만 워낙 인텔리J가 편할 수밖에 없는 이유는 간단하다. 인텔리J로 프로젝트 하나만 해보더라도 얼마나 편한지 깨닫게 된다. 그러니 구글 안드로이드 스튜디오도 인텔리J를 기본 툴로 선택했겠지만... SI프로젝트에서는 인텔리 J를 사용하는 곳은 본 적 없다. 다 이클립스 사용하더라. 스타트업 쪽이나 솔루션 쪽 기업들은 인텔리J를 많이 사용하는 추세더라. 도구가 좋아야 좋은 결과물이 나오지는 않으나 그래도 이왕이면 좋은 툴을 사용하는 곳에서 일하시길 바란다. 오늘은 인텔리J( IntelliJ ) 설치 후, 가장 인기 있는 기본 폰트 및 플러그인을 소개한다. 1. 폰트 설정 파일 >> Sett.. 2022. 12. 17.
애자일에 대해 알아보자 Agile 애자일에 대해 알아보자 Agile 2022.11.29 - [슬기로운 자바 개발자 생활/etc] - 엿 같은 소프트웨어 공학- 소프트웨어 프로세스 모델의 이해 엿 같은 소프트웨어 공학- 소프트웨어 프로세스 모델의 이해 IT업계에서 일을 하기 시작하면서 내 인생을 통틀어 꽤 많은 공부를 했다. 컴공 출신이 아니였기에 가끔씩 주위 동료들과 대화나 회의 시에 튀어나오는 전문 용어들이 들릴 때마다 공부의 필요 ecolumbus.tistory.com 지난 포스팅과도 연관이 된다. 개발자가 되어 SI 프로젝트든 솔루션 업체에서 일을 하든 나름 그곳에는 개발 프로세스가 존재하게 된다. "애자일" 이란 단어를 심심찮게 들어본다. 그리고 개발자라면 소프트웨어 공학의 폭포수 모델 정도는 알아야 한다. 이유는 거의 80% 이.. 2022. 12. 16.
반응형

티스토리툴바