본문 바로가기

웹개발

[Git] 깃 학습용 사이트 추천 Git 관련 유용 사이트 Git관련 유용한 사이트 공유해드립니다. 게임하듯이 단계별로 배울 수 있어 처음 접하시는 분들에게 큰 도움이 될 거 같네요. 시간 되실때 해보시면 재미있으실거 같습니다. https://learngitbranching.js.org/?demo&locale=ko 더보기
[오픈소스] chartjs를 이용한 차트 오픈소스인 chartJS를 이용하여 차트를 표현해보려고 합니다! https://jsfiddle.net/ jsfiddle 은 html과 css, javascript를 웹에서 작성해서 바로 테스트할 수 있는 사이트입니다! ※ 유사한 사이트로는 https://codepen.io/pen/ : 여러 오픈소스들이 많이 존재합니다. 로그인을 하지 않고도 사용이 가능하며, 따로 소스를 저장하거나 공유하는 기능을 사용하기 위해서는 회원가입 후 사용하시면 됩니다! jsfiddle은 크게 4가지 영역으로 나뉩니다. 좌측 상단의 HTML 영역에는 이나 , 태그를 생략한채 태그 내에 들어갈 코드만 입력하면 됩니다. 우측 상단의 css입력창에는 css코드를 입력하고 좌측 하단의 js입력창에는 태그를 제외한 스크립트 코드를 작성하.. 더보기
[리눅스] CentOS 설치! 개인 PC나 노트북에 CentOS를 설치 해보려고 합니다. CentOS를 설치한 후 추후 개인 PC를 서버로 만들어 사용해 볼 예정입니다. [리눅스 서버 만드는 절차] 1) PC 포맷!! 2) CentOS Download 3) CentOS 설치 ( Virtual Box or VMWare 설치 아닙니다.) 4) Linux 환경설정( 커널 업데이트/필수패키지설치/명령어) 5) X-Window / tomcat / java 설치 6) Oracle / MySQL 설치 7) SVN 설치 8) IP 포워딩 및 외부접속 9) 도메인 구입 10) 도메인과 내부IP 연결하여 내 프로젝트 연동 왜 CentOS인가? 리눅스는 걍 CentOS / Ubuntu 이 두 곳만 기억하시면 되는데, 양대산맥이죠~~ 사용은 우분투가 좀더.. 더보기
[API] REST API 테스트,관리하기(REST Client Tool) REST API가 적용 된 프로젝트 내에서 바로바로 확인을 할 수 없는 환경이 있을 경우 REST API 기능 테스트를 할 경우 해당 툴을 사용하시면 유용 할 것 같습니다. 우선적으로 REST API 가 무엇인지? REST가 무엇인지 궁금하신 분들은 http://meetup.toast.com/posts/92 더보기
[이클립스 플러그인] anyEdit 와 Scheduler 1. AnyEdit 이클립스 플러그인 anyEdit 입니다. [기능]1) 카멜규칙 언더바형식2) 대소문자 상호 전환 [단축키] (1) 소문자 -> 대문자 : ctrl + alt + u (2) 대문자 -> 소문자 : ctrl + alt + l (3) camel underbar : ctrl + allt + k 먼저 anyEdit 플러그인을 마켓에서 설치합니다. spring MVC 기본 프로젝트를 생성 후 camel 규칙으로 쓰여져 있는 dateFormat을 영역 지정 후에 ctrl + alt + k 를 해보겠습니다. [결과] dateFormat 이 date_format으로 변경 된 것을 확인할 수 있습니다. 또한 AnyEdit은 단어 하나만이 아닌 영역 내에서의 변환도 지원하고 있어 아래 사진과 같이 영역을.. 더보기
[SPRING] Spring프레임워크와 Angular 연동하기 실무에서 일하다보면 회사마다 다르겠지만, 대부분은 Spring 프레임워크를 사용한다고 생각을 합니다. 그렇다면 지금까지 대부분 Spring프레임워크나 전자정부프레임워크를 사용하면서 jQuery를 기반으로 개발을 해왔다고 보여지고, 저 또한 그렇게 개발을 해왔었습니다. 최근 조금씩 사용되는 프론트엔드 프레임워크에는 Angular나 Vue 등이 있고 이와 비슷한 라이브러리에는 React가 있습니다. 여기서 제가 얘기할 것은 Angualr라는 프레임워크를 사용할 때 기존 Spring프레임워크에서 어떻게 사용하면 좋을지 얘기해보려 합니다. Angular는 기본적으로 컴포넌트 기반의 프레임워크입니다. javascript기반이 아닌 TypeScript를 기반으로 개발하고, TypeScript는 컴파일하는 과정에서 .. 더보기
[API] 보행자 경로 구현 (Tmap API) 난이도는 아무 지도나 기본 지도만을 띄울 수 있다면 필요할 때 Copy & Paste하실 수 있을 것 입니다. 홍대입구역에서 출발하여 홍대 놀이터, 트릭아이 미술관을 거쳐 한큐에 자바 학원까지 걸어서 가보도록 하겠습니다. 여러 지도 API 중 보행자 경로에 대한 지원이 있는 Open API는 바로 TMap! 단 한 곳이었습니다. 다음은 2017.11.13. 기준 알아본 대표적인 지도 API의 보행자 경로 관련 입장입니다. 네이버 - 경로 관련 API는 추후 제공할 계획은 있으나 현재는 제공하지 않음. 구글 - 보행자 경로는 제공되지 않음. 대중교통만 제공함. 한국 법률상 도보 경로는 불가하다고 함. 다음 - 기능 사용은 가능하나, Open API로는 제공하지 않음 (제가 알아본 주관적인 정보입니다. 이 .. 더보기
[Cloud] Google Cloud Platform을 이용한 개인 svn서버 만들기 현재 구글 클라우드 플랫폼은 1년 무료 혹은 요금 300달러 까지 무료로 사용 가능합니다. 구글 클라우드 플랫폼을 이용하여 간단하게 svn 서버를 만들어 보겠습니다 준비 : 구글 계정, 해외 결제가 가능한 신용 카드 구글 로그인 후 cloud.google.com에 접속하고 위와 같은 화면에서 TRY IT FREE를 클릭합니다. 동의 잘 체크해주시고 동의 및 계속하기 클릭 다음화면은 신용카드 정보를 입력하는 화면입니다. ※ 1년이 지나거나, 300달러의 요금을 모두 소비한 뒤에도 자동으로 결제되지 않습니다. 반드시 사용자의 동의 후 결제가 진행되니 안심하고 신용카드 등록하셔도 됩니다. 신용 카드 등록을 마치면 위와 같은 플랫폼 시작 화면이 나옵니다. 왼쪽 위 메뉴버튼을 클릭합니다. 홈 메뉴를 누르면 화면과.. 더보기
[이클립스 플러그인]서버 재기동 없이 자바 파일 변경 내역 반영_jRebel 이클립스에서 웹 프로젝트 개발 시 자바 파일을 변경하는 경우 서버를 재시작 해줘야 변경한 내용이 반영되는데요. 서버 재기동 하는데 소비되는 시간이 생각보다 많습니다. 이럴 때 사용할 수 있는 jRebel 이라는 이클립스 플러그인 사용법을 소개해드리겠습니다. jRebel을 사용하시면 자바 파일을 변경해도 서버 재기동 없이 실시간으로 변경사항이 반영됩니다. ※ 설치 후 라이센스 키를 발급받는데 페이스북 또는 트위터 계정이 필요합니다. 우선 이클립스를 플러그인을 받기 위해 마켓을 띄웁니다. 마켓에서 jRebel로 검색 후 install 합니다. 기본 설정 그대로 confirm 합니다. 약관 동의 후 finish 합니다. 설치가 완료 되면 이클립스를 재시작합니다. 여기까지 jRebel 플러그인 설치가 완료되었구.. 더보기
[Server] 개인 PC 개발 서버 만들기 윈도우 개발서버 만들기라 하면 생소하다. [개인 PC를 개발서버로 만들면 좋은점] 테스트하기 용이하다 ex) PG결제를 붙인다고 했을때, 고객이 무통장 입금을 완료하면 PG사 서버는 개발자가 지정한 IP주소의 PC에 입금이 완료되었다라는 데이터값을 CALL해준다. 만약 이것을 로컬에서 개발 후 war로 추출해 실서버에 올려 구동시키고 정상 동작 하는지 로그 등 데이터값 확인하려면 귀찮다. 그러지 말고 개발PC를 실서버화 시키면 외부에서 CALL이 들어오는 순간 바로 나의 PC내의 이클립스에서 디버깅하면서 개발하면 되서 편하다 용어정의 * 공인IP - 네이버에 내아이피주소확인 치면 뜨는게 공인IP(전세계 유일)이다.* 사설IP - 공인IP로 공유기가 만들어낸 사설 IP주소들 * 포트포워드 공인IP(182... 더보기

티스토리툴바