전체 글150

• 

  구글차트(Google Chart) 사용해서 그래프 생성하기 - 라인차트, 컨트롤 구글차트(Google Chart) 사용해서 그래프 생성하기 - 라인차트, 컨트롤   구글차트(google-chart)의 line 그래프와 그래프에서 원하는 구간만 볼 수 있는 컨트롤바 생성 소스코드입니다.주제와 데이터는 임의로 지정하였으며, 원한다면 DB의 데이터를 사용할 수 있습니다.  화면 * 10월 14일자 데이터는 클릭했을 경우, 10월 23일자 데이터는 마우스 포인터를 올려놨을 경우에 나오는 툴팁입니다. * 그래프 아래에 컨트롤 바가 실제 그래프의 미니버전(?) 으로 출력됩니다. (사이즈 조절 가능, 다른 그래프로 대체 가능)     GIF * 컨드롤바에서 그래프 중 구간(범위)을 선택하여 원하는 날짜의 그래프를 확대해서 볼 수 있습니다. * 화면 크기에 따라 그래프와 컨트롤바의 크기도 달라집니.. 프로그래밍/JavaScript 2021. 1. 15.

• 

  오버로딩과 오버라이딩 차이와 예제 자바에서 다형성을 지원하는 방법으로 메서드 오버로딩과 오버라이딩이 있습니다. 오버로딩(Overloading) : 같은 이름의 메서드 여러개를 가지면서 매개변수의 유형과 개수가 다르도록 하는 기술 오버라이딩(Overriding) : 상위 클래스가 가지고 있는 메서드를 하위 클래스가 재정의해서 사용 서로 개념은 다르지만 이름이 비슷해서 헷갈리는 경우도 있고, 신입 개발자의 경우 면접 단골 질문이기도 하니 하나하나 예제를 살펴보겠습니다. 오버로딩(Overloading) 오버로딩은 메서드 오버로딩과 생성자 오버로딩이 있습니다. 하지만 둘 다 같은 개념이에요. 같은 이름의 함수(메서드)를 여러개 정의하고, 매개변수의 유형과 개수를 다르게 하여 다양한 유형의 호출에 응답할 수 있게됩니다. 예제소스) 1 2 3 4 .. 프로그래밍/Java 2021. 1. 15.

• 

  [MySQL] 여러개 한번에 insert 하기 MySQL에서 여러개의 데이터를 한 테이블에 한번에 Insert 하는 방법입니다. 그냥 values( data1 ), (data2),,, 이런식으로 넣으면 됩니다! 1 2 3 4 5 INSERT INTO 테이블명 (컬럼1, 컬럼2,,,,) VALUES ('값1','값2'), ('값1','값2'), ('값1','값2'); cs 테스트용으로 testtable이라는 테이블을 생성합니다. *테이블 구조 1. 여러 데이터 insert! 1 2 3 4 5 INSERT INTO testtable (subject, content) VALUES ('sub1','con1'), ('sub2','con2'), ('sub3','con3'); cs 2. 확인! 프로그래밍/Oracle, MySQL 2021. 1. 15.

• 

  동기와 비동기의 개념과 차이 데이터를 받는 방식인 동기와 비동기. 이 둘의 개념에 대해 설명하는 게시물은 매우 많은데 프로그래밍적으로 생각했을 때 이해가 가지 않아서 쉽게 이해를 할 수 있는 동기와 비동기의 예가 어떤것들이 있는지 검색을 해봤습니다. 동기(synchronous : 동시에 일어나는) - 동기는 말 그대로 동시에 일어난다는 뜻입니다. 요청과 그 결과가 동시에 일어난다는 약속인데요. 바로 요청을 하면 시간이 얼마가 걸리던지 요청한 자리에서 결과가 주어져야 합니다. 요청과 결과가 한 자리에서 동시에 일어남 A노드와 B노드 사이의 작업 처리 단위(transaction)를 동시에 맞추겠다. 비동기(Asynchronous : 동시에 일어나지 않는) - 비동기는 동시에 일어나지 않는다를 의미합니다. 요청과 결과가 동시에 일어나지 .. 프로그래밍 2021. 1. 15.

• [Python] 인스타그램 자동 댓글 예제 *앞에서 작성한 인스타그램 자동 좋아요 예제와 거의 비슷해서 바뀐 부분만 작성하니 아래의 게시글을 확인해주세요. 2020/06/27 - [프로그래밍/Python] - [Python] 인스타그램 자동 좋아요 예제 [Python] 인스타그램 자동 좋아요 예제 준비1. chrome browser 설치 https://www.google.com/intl/ko/chrome/ 준비2. chromedriver https://chromedriver.chromium.org/downloads 설치된 크롬브라우저에 맞는 버전을 사용해야 에러가 나지 않습니다. 다.. private.tistory.com 첫번째 피드를 선택하고 댓글을 입력한 뒤 다음 피드로 넘겨서 반복 while True: #comment comm = drive.. 인스타그램 자동화 2020. 6. 28.

• 

  [Python] 인스타그램 자동 좋아요 예제 준비1. chrome browser 설치 https://www.google.com/intl/ko/chrome/ 준비2. chromedriver https://chromedriver.chromium.org/downloads 설치된 크롬브라우저에 맞는 버전을 사용해야 에러가 나지 않습니다. 다운로드 받은 후에 구현할 파이썬 파일과 같은 경로에 복사해 놓으세요. 준비3. 패키지 설치 mac pip3 install selenium window pip install selenium 준비4. 인스타그램 아이디&패스워드 저장해놓을 파일 만들기 > myid.py ID='id' PW='pwd' 패키지 Import & 드라이버 가져오기 > auto-like.py from selenium import webdriver fr.. 인스타그램 자동화 2020. 6. 27.

• 

  2019 벤츠 기브앤레이스 안내 드디어 벤츠 기브앤레이스 홈페이지가 오픈되었다. 참가신청은 4/15(월) 부터 시작! 참가비는 전부문 5만원, 대회일은 5/26(일) *참가 신청이 미뤄졌다! 추후에 공지! *참가 신청은 4/18(목) 오후 12시부터 선착순! 올해는 5k를 신청하려고 했는데 사라졌다(시무룩) .... 3k는 걷기 코스라는데 어떻게 해야할지 난감.... 공연 프로그램 라인업은 다비치, 모모랜드, 빈지노 코스도는 아직 공개되지 않았다 https://www.givenrace.com/main#/ 일상/마라톤 2019. 4. 12.

• Spring 프로젝트 AWS 연동 버그 발생 : AWS S3를 연동한 스프링부트 프로젝트를 aws 서버에 배포할때 에러발생(로컬에서는 문제 없었음) 에러내용 : org.springframework.beans.factory.BeanCreationException: Error creating bean with name 'org.springframework.cloud.aws.core.env.ResourceIdResolver.BEAN_NAME': Invocation of init method failed; nested exception is org.springframework.beans.factory.BeanCreationException: Error creating bean with name 'stackResourceRegistryFactoryBe.. 프로그래밍/버그노트 2019. 4. 5.

• 

  2019 미즈노 릴레이 마라톤 안내 2인/ 4인 릴레이 마라톤이라길래 12km를 나눠서 달리거라 생각하겠지만 다 함께 12km를 달려야 하는 미즈노 릴레이 마라톤 접수가 4월 9일 오전 11시부터 시작된다. 작년에 달리는중에 어떤 남자분께서 팀원을 향해 "야!!!!! 3km만 달리면 된다했잖아!!!!!!!!!!!!" 라며 원망가득히 소리지른것이 아직도 생생하다. 12k 4인/2인 릴레이를 많은 사람들이 3k/6k씩 나눠 뛰는것으로 착각하기 때문에...! 사진에 설명되어 있다시피 기록만 릴레이다. 팀원 전체가 12k를 뛰어야 한다. 일상/마라톤 2019. 4. 2.

• form태그에서 put, delete로 전송하기 form 태그의 method는 기본적으로 get, post방식만 지원하기 때문에 put, delete 방식으로 전송하기 위해서는 아래와 같은 방법으로 전송하면 된다. 프로그래밍/기타 2019. 4. 1.

• 

  [Vue.js] 간단한 todo app 구현 프로젝트 폴더 구조 기능입력폼에 데이터 입력 후 엔터 혹은 add 버튼 클릭 시 데이터 추가탭 [todo, finish] 클릭 시 해당 목록 출력todo 목록에서 완료버튼 클릭 시 finish로 이동finish 목록에서 reset버튼 클릭 시 todo로 이동 vue-cli 설치(전역)sudo npm install vue-cli 'todo-app' 폴더 생성 후 webpack-simple 템플릿으로 프로젝트 생성 mkdir todo-appcd todo-appvue init webpack-simple 전부 enter(기본값)npm installnpm run dev 프로젝트 생성 후 폴더 구조 todo-app/style.css(생성 후 작성) 1234567891011121314151617181920212223.. 프로그래밍/Vue.js 2018. 2. 22.

• 

  Vue.js 기초 Vue-CLI로 프로젝트 기본 틀 만들기 vue init [템플릿명][프로젝트명] 이 명령어를 수행하면 [프로젝트명]으로 디렉터리가 생성됨 simple 템플릿을 이용하여 첫 번째 Vue.js 애플리케이션 생성 윈도우 cmd / Mac terminal 명령창에 명령어 실행 vue init simple hellovuejs 생성된 프로젝트 기존 index.html 소스코드 수정 12345678910111213141516171819202122232425262728 Welcome to Vue {{message}} //모델(Model) 객체 => 데이터를 가지고 있음 var model = { message : '첫번째 Vue.js Sample' }; //simple객체 : Vue 객체이자 뷰모델(ViewModel).. 프로그래밍/Vue.js 2017. 12. 26.