Flik LAB

요즘들어 움직이는 스크린샷이 튜토리얼에서 종종 보여서 따라 만들어보고싶어졌다. 튜토리얼 같은 곳에 적절하게 움직이는 스크린샷이 들어있으면 알아보기가 좋은 것 같다. MS에서 만든 튜토리얼도 gif로 된 움직이는 스크린샷이 꽤 많다. 스크린샷 캡쳐 하는 것처럼 쉽게 움직이는 GIF를 만들어주는 툴이 없나 해서 몇가지 찾아보았다. 구글에서 검색한 결과 3개의 앱을 찾았다. 각 앱마다 설치-실행-저장-후편집을 비교해보았다. 가장 중요한 것은 필요할때 간편하게 스크린샷을 찍고 저장되어야 한다. 후편집은 길이를 자르거나 속도조절 혹은 텍스트를 추가로 넣는다거나 정도는 있으면 좋을것 같다. (막상 써보니 이것만으로 설명되지 않는 프로그램마다의 특성이 있긴 하다.) GifCapture: 쓰기는 편한데, 저장이 느리고..

로지텍 블루투스 키보드인 k780을 사용하고 있다. 구입시기는 정확히 기억 안나지만 2017년 4월에 리뷰를 쓰려고 캡쳐한 것이 있는것을 보니 최소 2년 이상 사용한 것 같다. 당시에 비용과 상관없이 마음에 드는 블루투스키보드를 사고 싶어서 큰맘먹고 샀던 기억이 난다. 현재는 가격이 내렸지만 그래도 저렴한 편은 아닌 나름 고급 키보드이다. 구매한 이유 구매할 당시에 고려했던 점이다. '실제로 그러하냐?'고 묻는다면 그렇다고 할수도 있고 꼭 그렇지는 않았다고 할수도 있다. 노트북2대(맥북과 윈도우노트북)와 아이패드에 공용으로 쓸 키보드. 딜레이가 있으면 곤란할 것 같다. 휴대할 것이 아니니 그냥 크고 누르기 좋으면 돼! 아이패드 거치대도 된다면 좋지! 멀티 페어링 3대 이상 기기의 멀티 페어링 가능 기기를..

이벤트 키보드가 입력되는것, 마우스가 클릭되는 것 등을 이벤트라고 한다. Javascript에서는 이벤트가 발생했을때에, 이를 처리할 수 있도록 어떤 함수가 호출되도록 지정할 수 있는데, 이때 호출되는 함수를 이벤트 핸들러라고 한다. Javascript 이벤트 핸들러의 종류 마우스/키보드 뿐만 아니라 웹사이트를 사용할 때에 일어날 법한 사건에 대해서 이벤트 핸들러가 정의되어있다. 보통 이벤트의 이름 앞에 "on"을 붙여서 on~~~ 처럼 이름이 붙은 경우가 많다. 아래는 javascript 이벤트 핸들러 중 몇가지를 가져온 것이다. onclick: 마우스 버튼이 눌렸다 떼어질 때 실행된다. onkeydown: 키가 눌렸을 때 실행된다. onmouseover: 마우스가 엘리먼트 위로 이동할 때 실행된다. ..

관련 키워드 VSCode, NPM, NVM, 터미널, bash_profile 문제 VS Code를 실행시마다 터미널에서 아래와같은 에러가 뜬다. nvm is not compatible with the npm config "prefix" option' warning https://github.com/Microsoft/vscode-docs/blob/master/docs/editor/integrated-terminal.md#why-is-nvm-complaining-about-a-prefix-option-when-the-integrated-terminal-is-launched 위 깃헙 이슈에서 확인할수 있다. 기존에는 nvm use ~ 로 vs code를 실행시마다 nvm에서 쓰는 node버전을 선택하는 명령을..

코딩테스트를 위해 개발환경을 새로 셋팅해봤다. 윈도우에서 Visual Studio로, 맥에서는 Xcode로 코딩을 했었는데, 프로젝트 하나를 여는데 로딩 시간이 길어서 답답하고 새 프로젝트를 만드는 과정도 번거롭다. 코딩테스트를 할때는 IDE의 다양한 기능을 사용하지는 않기때문에 코드를 빨리 열수 있고, new file-코드작성-빌드/실행 정도만 잘 되면된다. VS Code으로 셋팅을 하고 나니 파일을 추가하는게 번거롭지 않고, 작성했던 코드를 열어보기도 쉬워졌다. 코딩 문제 자체에 더욱 집중할 수 있게 된것 같다. 세팅 방법 1. VS Code 설치 2. 디렉토리 설정(예시) CodingTest ▾ 01 Problem A - ‣ cpp ▾ 02 Problem B - ‣ python - ▾cpp - - ..

2019년 08월 15일 부터 2019년 08월 18일까지 열린 PyCon Korea 2019에 4일 연속으로 참여하였다.참여한 프로그램튜토리얼(8/15~8/16)서울시 자전거 따릉이 데이터로 파이썬 기초부터 크롤링까지(박조은)서울시 자전거 따릉이 데이터로 파이썬 시계열 분석부터 기계학습까지(박조은)딥러닝 NLP 손쉽게 따라해보기 - GluonNLP첫날 튜토리얼 중 프로젝터가 자꾸 꺼지는(키보드만 입력하면) 문제가 있었는데 프로젝터 문제를 여러번 해결하려고 노력했는데 잘 되지가 않았다. 결국 전액 환불하는 지경에 이르렀는데... 개인적으로는 사고 때문에 누락된 내용을 제외하고는 유익하게 잘 들었는데 환불까지 받고 다시 강의 진행 해주신다고 해서 오히려 감사할 따름이다.발표세션(8/17~8/18)키노트(반..

[Bit of Code:Javascript/React] Simple Accordion 사용 기술 : react, javascript - react componenet : Accordion - state : isCollapsed(열려있는지 여부) - props : collapsed(최초 열려있는지), label(제목), children(내용) - 아코디언 제목 클릭시, 실행될 함수 div onclick="this.toggleAccordion" 으로 지정. - React.createRef()으로 css에 접근

BOC(Bit of Code) 2019-08-17 Morning javascript animation(set interval 쓰기) https://codepen.io/fliklab/pen/KKPMXKa KKPMXKa ... codepen.io

TIL/TIT 2019-08-16 어제부터 파이콘 행사(PyCon 한국 2019)를 하고 있다. 이틀동안 튜토리얼, 이틀동안 키노트와 발표 세션을 진행한다. 어제 서울시 따릉이 데이터 분석 튜토리얼에 참석한 것에 이어서 딥러닝 NLP 손쉽게 따라해보기 - GluonNLP 참여하고 왔다. 최근에 어렴풋이 깨닫게 된 것중에 머신러닝(딥러닝)의 기능을 활용하기를 원한다면 밑바닥부터 다 개발하는 것이 아니라 api나 라이브러리를 잘 활용하는 것이 중요하다는 것이다. 그치만 그 종류를 많이 알고 있는것도 아니고, 탄탄히 공부하면 뭐라도 도움이 되겠지 싶어서 머신 러닝 이론들을 가능한대로 공부를 하고 있었다. NLP는 Natural Language Processing(자연어 처리)를 의미한다. 머신 러닝 책을 보면..

TIL 2019-08-15 PyCon Korea 2019에서 하는 튜토리얼에 참여하고 왔다. 서울시에서 제공하는 따릉이 대여 통계 자료를 분석하는 방법에 대한 워크숍이다. 초급, 중급 모두 신청해서 참여했다. 자료를 불러와서 전처리하고, pandas, seaborn라이브러리활용하여 분석하는 것을 했다. 솔직히 말하면 후반으로 갈수록 내용이 생소하고 따라가기가 어려웠다. (내가 초보라서.. ㅠㅠ) 그래도 실제 데이터를 불러와서 전처리 하는 과정에 대한 팁도 주시고 주피터 노트북에서, 자기호출 기능(shift + tab)을 활용하는 팁도 유용하게 쓸 것 같다. 자료를 시각화해보고, 데이터가 가지는 의미에 대한 해석으로까지 설명해주셔서 좋았다. 그리고 평균값(mean), 중앙값(median)의 차이와 언제 어..