전체 글 썸네일형 리스트형 이슈 7 node-sqlite3에서 this.changes / this.lastID 사용하기 DB update가 성공했는지 확인하기 위해 node-sqlite3의 Database.run에서 제공하는 this.changes를 사용하려 한다. TL; DR 화살표 함수 대신 함수 선언문을 사용하자. 문제 확인 아래와 같이 코드를 작성하면, db.run(` UPDATE your_table_name SET value1=(?), value2=(?) WHERE id=(?) AND created=date('now', 'localtime'); `, [value1, value2, id], (err) => { if (err) console.error(err.message); handler({ status: (this.changes === 1) ? "modify_success" : "modify_failed" }) .. 더보기 안드로이드, 코틀린?! Adapter/?? 이게 다 뭐야!! 고통스러워!!!!! 얼른얼른 개발이 하고 싶어가지고 와이어프레임은 그냥 손으로 짜고 바로 개발에 뛰어들었다.. 그러지 말았어야 했는데... 아니 코틀린을 선택하지 말았어야 했는데... 아니 안드로이드를 선택하지 말았어야 했는데.......ㅜ 일단 크게 세 가지 컴포넌트로 나누었다. header는 로또 회차를 선택하면 당첨 번호와 1등 당첨금을 보여준다. body에는 리스트뷰가 들어간다. 왼쪽은 인덱스, 내용은 가로로 적을지 세로로 적을지 고민하다 세로로 위계를 주기로 했다. footer로는 위시리스트와 게임리스트를 선택할 수 있게 했다. 선택에 따라 body에 들어가는 item이 달라진다. 위시리스트에서는 플로팅 버튼이 + 모양, 게임리스트에서는 🎱 모양이 되게 하려한다. * 나름의 위트임 header 현재까지 만들어진 어.. 더보기 마법같은 UI 프로토타이핑 도구, UiZard 오늘도 어김없이 유튜브 세상을 탐방하던 중, 신박한 광고 하나가 제 눈길을 사로 잡았습니다. https://www.youtube.com/watch?v=t2IECmMjKlA&t=29s 손으로 그린 와이어프레임을 찍어서 올리면, UI로 바꾸어주는 마법의 산물!!! 너무 놀라서 황급한 사용기를 적으러 왔습니다. 저게 사실이면 스케치, 피그마, 제플린 모두 씹어먹을텐데, 아직까지는 리뷰가 없는 것 같더라구요? TL; DR UiZard는 손그림을 UI 코드로 바꿔줌 슬프게도 아직 안 나옴 https://uizard.io/i/9Sq1Z 여기서 사전 예약 베타 버전 액세스 https://uizard.io/i/9Sq1Z https://uizard.io/i/?slug=9Sq1Z uizard.io 위 링크를 통해 접속하시.. 더보기 프리랜서 번아웃 방지하는 세 가지 비법 안녕하세요 오늘은 제목도 거창한 "프리랜서 번아웃 방지하는 세 가지 비법"을 풀어놓겠습니다... 먼저 요약하자면, 뽀모도로 커밋 주도 개발 루틴 생성 뽀모도로 뽀모도로는 아주 유명한 시간 관리 방법론 중 하나죠~! 최초에는 25분 간 집중해서 일하고 5분 간 휴식을 취하는 방식으로 고안되었지만, 현재는 그 간격을 조정하여 아주 다양하게 변형되고 있는데요! 저는 그 중에서도 번역가 김명남 선생님의 40 + 20 뽀모도로를 이용하고 있습니다. 40분 일하고 20분 간 휴식을 취하는 김명남 선생님 식 뽀모도로는 엉뚱하게도 한 트위터 유저를 통해 알려졌는데요. 이 트윗이 엄청나게 유행을 하면서 급기야 KMN 뽀모도로라고 불리게 되었습니다... 김명남 선생님은 이 KMN 뽀모도로를 하루 8세트 씩 하신다고 합니다.. 더보기 이슈 6 단 한 줄! index.js로 내 코드 깔끔하게 import하기 수정 사항 이 코드는 export default class에 대해 작동하지만, export { foo, bar }와 같은 형식에선 작동하지 않습니다. 이에 대한 수정 사항이은 아래 게시글에서 확인하실 수 있습니다. 이슈 11 React.createElement: type is invalid 단 한 줄! index.js로 내 코드 깔끔하게 import하기 수정 전 코드: import React, { Component } from 'react'; import { Col, Row, Form, FormGroup, Input } from 'reactstrap'; import SearchID from '../compo.. roomedia.tistory.com 수정 전 코드: import React, { Compon.. 더보기 앱 개발로 꾸준히 돈 버는 부수익 만들기 앱이 나왔습니다!! (로또위시 v1.0.2) https://play.google.com/store/apps/details?id=com.Roo_Media_.lottoWish 로또위시 - Google Play 앱 로또 되면 뭐부터 사지...? 이젠 로또위시에 적어보세요! 위시리스트 중 어떤 물건까지 살 수 있는지, 당첨금을 얼마나 남는지 알려드립니다. 체계적인 위시리스트 관리는 물론, 자동, 수동, QR 등록과 당첨 확인까지!! 로또위시를 통해 인생 역전을 대비합시다!! Icon made by Freepik from www.flaticon.com https://www.flaticon.com/free-icon/wings_1553437 play.google.com 유튜브의 알고리즘이 날 이곳으로 이끌었다. 코딩.. 더보기 이슈 5 react 아이콘 사용법 react-icons 검색창 옆에 붙어있는 돋보기, 패스워드 입력창 옆의 눈 모양 아이콘, 복사-붙여넣기 시 표시되는 클립보드 아이콘 등 웹 상에서 이모지를 통한 의미 전달 사례는 이미 대세가 되었습니다. 오늘은 react 환경에서 이 아이콘들을 활용할 수 있는 방법에 대해 알아보겠습니다. 준비물: react 프로젝트 react-icons 먼저 yarn/npm 등을 사용하여 react-icons를 프로젝트에 추가하여 줍니다. npm install react-icons yarn add react-icons 이상없이 패키지 추가가 되었다면 다음으로 https://react-icons.netlify.com/#/에 접속합니다. 해당 웹사이트에 들어가면 아래와 같은 화면이 보일텐데요. Import 부분을 참고하셔서 원하는 테마의 원하.. 더보기 이슈 4 react form 버튼 새로고침 막기 요약 키워드 onSubmit={this.handleSubmit} tag="label" bootstrap, reactstrap의 힘으로 대략적인 UI가 완성되었습니다. 이제 대충 DB 연결하고 대충 CSS 맞추기만 하면 장학금 날먹이다~!~! 하고 시험 입력을 하던 중... 세상은 제 뜻대로 돌아가지 않는다는 걸 다시 한 번 느꼈습니다... form에서 아무 버튼을 누를 때마다 페이지를 새로 불러왔습니다... submit 속성을 준 적도 없고 action을 정의하지도 않았는데!! react 최대 장점인 바뀐 부분만 렌더링조차 무시해버리다니 엄청난 충격!! 이었습니다.... 해결 방법은 간단합니다. form 태그에 onSubmit 이벤트 핸들러를 추가하여 해결해봅시다. 기존 코드 export default .. 더보기 이전 1 ··· 34 35 36 37 38 다음
