본문 바로가기

전체 글77

온라인 협업시 활용하기 좋은 문서 작성 도구 4가지 - 가볍게 사용 가능한 UI/UX 툴 포함 아이디어 노트를 공유할 수는 없을까? "내가 그린 대시보드, 플로우, 프로토 타이핑 바로바로 보면서 의견을 받을 수는 없을까?" 내 아이디어를 팀원들과 공유해서 즉각적인 의견을 주고받거나, 바로 수정하기도 하면서 작업(팀워크)의 효율을 높일 수 있는 툴들에 대해 소개해드리고자 합니다. 앞으로 소개해드릴 4가지 툴들은(초보) 개발자 입장에서 직접 사용했던 툴들입니다. 그래서 디자이너, 기획자분들께서 보시기에는 다소 유용하지 못하다고 생각하는 툴들이 있을 수도 있으니 참고 바라며 다른 생각을 가지고 있으시거나 또 다른 툴에 대한 의견을 코멘트 해주시면 너무나도 감사하겠습니다. 카카오 오븐(Oven) 프로젝트 Oven(오븐)은 HTML5 기반의 무료 웹/앱 프로토타이핑 툴입니다. (카카오 제공) 이미 기본 구.. 2020. 3. 4.
React에서 다음 KaKao 지도 API 사용 하는법 - 클릭이벤트, 좌표를 주소로 변환 geocoder, 커스텀 인포윈도우 등 요점 정리 리액트로 인포 윈도우 넣는 방법, geocoder 좌표-주소 변환하는 방법 등은 kakao api에 나와있지 않아 좀 애를 먹었죠 그래서 시험치기전 보는 필승 공략집 처럼 요점 정리 노트 하나 만들어 놓으면 좋을듯 해서 작성해봅니다. 다음 지도 시작하기 단순하게 지도를 띄우는건 간단한 코드 몇줄만으로도 가능합니다 우선 kakao map api 키를 발급 받고 index.html head라인에 다음과 같은 코드를 추가합니다. 그런다음 맵을 구현할 컴포넌트인 를 만들고 다음과 같이 작성해주었습니다. /*global kakao*/ import React from 'react'; class PopUp extends React.Component { constructor(props) { super(props); }.. 2020. 3. 3.
리액트 'img elements must have an alt prop, either with meaningful text, or an empty string for decorative images' 버그 해결 방법 위와 같이 적어서 버그가 났었음. 해결 방법 : alt="" 추가 해줌으로써 해결 alt 추가 해주니 버그남 이유는 차차 알아봐야 겠다... 알다가도 모를 ...이 아닌 까도까도 계속 모르는게 나오는 리액트의 세상 2020. 2. 5.
python 자주 사용하는 elasticsearch query 모음 (1) 준비 # es 라이브러리 연결 import elasticsearch # es 서버 연결 es = elasticsearch.Elasticsearch("localhost:9200") search / 조건부 값 찾기 (여러개, 단일은 get) # index와 doctype 이름은 company # 'username':advertiser_name 일치하는 값 모두 찾기. body = { "query": { "query_string": { "default_field": "username", "query": advertiser_name } } } t = es.search(index='complete', doc_type='complete', id=store_id, body=body) update_by_query / .. 2020. 1. 20.