Flik LAB

React native 개발환경 셋팅중 문제 NVM is not compatible with the npm config "prefix" option nvm의 PREFIX 설정?? packager.sh 23th line 이건 무슨문제??? packager.sh를 열어보았지만 아무것도 해결 못함. 모르겠고 잘 안돼서 사용자 계정 다시 만들어서 예정. 개발환경 새로 셋팅할때마다 nvm관련 오류가 종종 있었어서 어떻게 해결했었는데... 문제가 점점 복잡해지는것 같다.(알고보니 저번에도 prefix문제) 일단 nvm use ~ 명령을 먼저 한 후에 실행하는 식으로 사용하고 있지만, 터미널을 재실행할 때마다 초기화되어서 다시 해줘야된다. https://github.com/nvm-sh/nvm/issues/855#is..

이벤트 키보드가 입력되는것, 마우스가 클릭되는 것 등을 이벤트라고 한다. 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버전을 선택하는 명령을..

네이버 웹마스터 도구에서 사이트 간단 체크를 해보니 robots.txt가 없다고 나옵니다. 간단히 설정하는 방법을 알아보겠습니다. 사전 단계 아래와 같이 네이버 웹마스터 도구에 연동사이트를 추가한 상태여야 합니다. 네이버 웹마스터 도구 접속 연동 사이트 목록에 사이트 추가 메타태그를 이용해 소유자 확인 ROBOTS.TXT 생성 1. 웹마스터 도구 접속 - 티스토리 사이트 선택 2. 검증 - robots.txt 선택 robots.txt가 없다면 로봇 룰 검증이 비어있을 겁니다. 저는 이미 추가한 상태라서 채워져있네요, 여기서 스크롤을 좀 더 내립니다. 3. robots.txt 간단 생성 스크롤을 좀 더 내리면, robots.txt 간단 생성이라는게 나옵니다. 여기서 (1)**모든 검색로봇이(네이버 검색로봇..

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

[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

문제 상황 SVM(서포트 벡터 머신) 알고리즘을 사이킷런을 이용해서 적용하는 코드를 실습하던 중 위 스샷에서처럼 빨간색창에 Warning메시지가 뜬다. 경고 메시지 내용 : /usr/local/lib/python3.7/site-packages/sklearn/model_selection/_search.py:813: DeprecationWarning: The default of the `iid` parameter will change from True to False in version 0.22 and will be removed in 0.24. This will change numeric results when test-set sizes are unequal. DeprecationWarning) 해결 사이..

태그에 css 코드를 작성하여 에디터 가장 첫 부분에 붙여넣는다 티스토리에 포스트 작성시, 해당 포스트에만 css를 적용 시키고 싶을때가 있는데 검색을 해보니 외부의 css파일을 불러오는식으로도 적용하는 방법이 알려져 있었다. 글작성시에 바로 css를 같이 작성하는건 안되려나 궁금해서 css 트랜지션을 적용하는 실험을 해보았다. 티스토리 글작성시에 에디터를 html모드로 하고, 위와 같은 코드를 상단에 넣어주면 css가 먹힌다.. 단 주의할점은, 다른 모드로 갔다가 다시 돌아오면 다 사라져있는 경우가 있다. 사실 그래서 잘 사용할것 같지는 않다. 예시1 div #box1{ width: 100px; height: 100px; background: red; transition: width 2s; } div ..

개츠비는 리액트로 정적 웹사이트를 만드는 웹 프레임워크이다. https://www.gatsbyjs.org/ 리액트를 조금씩 공부하고 있었고 웹사이트를 만들고 싶은 생각도 있어서 연습 겸, 간단한 사이트를 만들어서 github page로 배포하는것을 해보고 있다. 튜토리얼(https://www.gatsbyjs.org/tutorial/)를 보면서 기본적인 것들을 다 해보고있다. css적용하기 - 몇 가지 방법이있다.(style={ }, css={ }, className={ }과 module.css파일 활용하기, global css파일 활용하기) 레이아웃 적용하기(react 컴포넌트로 만들어서) graphql 쿼리 활용하기 파일시스템을 활용하여, 파일 목록 만들기 md파일을 인식하고, 화면에 frontmatt..