it/programming

it/programming

Pynecone.io, 매력적이지만 아직은 아쉬운

힙한 Pynecone을 실 서비스에 사용해 보려다 좌초되어 버린 이야기 프론트엔드, 백엔드, 서비스 호스팅까지 모두 Python을 뽀개버리겠다는 누가 봐도 원대한 꿈을 가진듯한 Pynecone이라는 프레임워크 그리고 그들의 꿈 대로면 누구라도 끌릴만한 특징으로 나 또한 한 발을 담가보았다. 하지만 "pynecone 브랜치"는 일주일도 되지 않아 나만의 작은 보물상자로 고이 들어가게 되었고... 이 글은 Pynecone을 실 서비스에 사용해 보겠다는 일념으로 이리저리 박치기해 보면서 느낀 점을 일기 삼아 정리하는 글이다. Pynecone 소개 물론 이 아이를 알고 온 사람들도 있겠지만 분명 별로 유명하진 않은 녀석이라 모르는 게 당연하다고 생각하고 소개부터 해보련다. Pynecone 은 2022년 11월,..

it/programming

React 17 에 추가된 새로운 것들

React 17 에 추가된 새로운 것들(React 17- What’s new in the future?)(https://www.zeolearn.com/magazine/react-17-whats-new-in-the-future 의 번역본입니다) 시작하며NPM 에 React 16.3 alpha 버전이 새로운 Dev tool 들, Strict Mode, 바뀐 Context API 와 같은 자잘한 변경사항들을 발표한지 그리 오래 지나지나지 않았습니다. 하지만 지금은 굉장히 유용한 변경사항들을 가져왔으니 걱정하지 마세요.당신은 분명 기본 상태관리 이슈들을 핸들링할때 이것들을 사용하보고 싶으실 겁니다. 지난 JSConf 2018 에서 Redux 창시자이자 React 의 핵심 팀원인 Dan Abramov 가 문제제기..

it/programming

Digging Github, 우리가 어쩌면 몰랐던 GitHub의 여러 기능들

Digging github from Hansol Lim NEXTERS 10기 개발자 세션 발표자료입니다.GitHub 의 숨겨진 부가기능들에 대한 내용입니다.

it/programming

imgur api 를 이용하여 서버 없이 이미지 업로드 하기

약관에 위배되는 내용이 있어 가려놓습니다.약관 상 imgur 을 이미지 호스팅용으로 쓰면 안된다고 합니다.쓰다 걸리면 이미지 모조리 삭제되고 차단된답니다참고 부탁 드립니다! imgur 로 서버 없이 이미지 업로드 후 사용하기 개인 홈페이지를 제작 중에 이미지 업로드는 하고 싶은데, 아무래도 이미지라는 특성 상 파일 용량이 문제가 된다.하드의 용량을 늘리자니 가상 호스트를 받는 입장에서 요금이 너무나 부담이 된다. 그래서 필요한게 이미지 업로드 대행 서비스.원래는 업로드 후 수동으로 링크 복사하여 사용하고는 했다. 그러나 사람이란 게으른 동물인지라 좀 더 편하게 할 수 있는 방법이 있진 않을까 하여 찾아본 결과여러 사이트들 중 imgur 의 developer api 가 가장 훌륭하고 이미 워드프레스에서는 ..

it/programming

ELECTRON, 웹베이스 데스크탑 앱 간단 튜토리얼

ELECTRON, 웹베이스 데스크탑 앱 실전 간단 튜토리얼 Electron은 자바스크립트와 함께 제공된 풍부한 네이티브 API를 사용하여 멋진 데스크탑 애플리케이션을 만들 수 있도록 해주는 프레임워크입니다. 이 프레임워크의 Node.js는 웹 서버 개발이 아닌 데스크탑 애플리케이션 개발에 초점을 맞췄습니다. 이 말은 Electron이 GUI 라이브러리의 자바스크립트 바인딩이라는 뜻이 아닙니다. 대신, Electron은 웹 페이지의 GUI를 사용합니다. 쉽게 말해 Electron은 자바스크립트를 사용하여 조작하는 작은 Chromium 브라우저로 볼 수 있습니다. - electron 공식 한국어 문서 소개원문 발췌 NodeJS 와 git 이 global 으로 설치되어 있다는 가정 하에 진행합니다.만약 깔려있..

it/programming

[JsQuery.js] GitHub 뒤지기 3

GitHub 뒤지기 - 3hsol / JsQuery.js - 소개 오늘도 hsol의 Git 을 들고왔다.사실상 이 포스팅 덕분에 개발에 재미가 붙은 듯. 요새 업무가 좀 널널 해지기도 했고 이 라이브러리를 사용하면 MySQL, MS-SQL, ORACLE 등의WHERE, ORDER BY 절과 같이 전체 데이터를 필터링 할 수 있다. 민감한 데이터엔 사용하지 못하겠지만 미리 가져온 데이터에서 검색이 가능하니"검색결과에서 재검색" 등과같은 기능을 만들 때 유용하지 않겠나 싶다. 링크: https://github.com/hsol/JsQuery.js - 구성 JsQuery.jsJsQuery.min.js - 공식 예제 http://bit.ly/1NRzpBD - 사용법 (by 한솔) 먼저 JsQuery.js 또는 J..

it/programming

jsonp, cors 따로 세팅 없이 cross domain 문제 해결하기

https://robwu.nl/우선적으로 이 서비스는 개인이 운영하고있는 서비스임을 알린다. xmlhttprequest 통신시에 cross domain 이슈를 만나 이러지도 저러지도 못한채 쩔쩔매던 현실.서버단에 세팅을 해주면 쉽게 해결되긴 하겠지만 서버단에 접근하지 못하는 상황에 맞닥뜨렸을 때 하늘에서 빛이 내려오는 것처럼 검색에 존재를 드러내주신서론은 여기까지하고 cross domain 이슈를 해결하되 서버단을 건드리지 않고 해결하는 방법이다. https://github.com/Rob--W/cors-anywhere우선 이 서비스는 RobWu 님의 GitHub repository 를 기반으로 운영되고 있다. 자신의 서버를 구축하여 사용할 사람들은 저 URL로, 그럴 여건이 안되거나 귀찮은 사람들은 아래..

it/programming

[bideo.js] GitHub 뒤지기 2

GitHub 뒤지기 - 2rishabhp / bideo.js - 소개 html5 비디오 태그를 자바스크립트 상에서 다룰 수 있게 해주는 백업형 라이브러리.사실 조금만 익숙해지면 가능한 기술이지만 bideo.js 는 이 수고로움을 덜어준다. 링크: https://github.com/rishabhp/bideo.js - 구성 bideo.js - 공식 예제 https://rishabhp.github.io/bideo.js/ - 사용법 (by 한솔) 수행하는 역할이 굉장히 한정적인지라 자세한 사용법이 필요하진 않다.video 태그와 동일하다고 생각하고 작업하면 편할 것이다. bideo.js 는 두가지 Element 를 컨트롤하게 되는데 이는 video 와 그를 감싸는 Element 이다.다음은 video Eleme..

반응형
훈솔
'it/programming' 카테고리의 글 목록 (2 Page)