어리둥절 분석가 그리고 개발자

✔️ 필요성 input tag를 이렇게 길게 지정해봐도 중간에 커서가 나오고 개행(줄바꿈)이 안된다. 이런저런 whitespace 옵션 다 바꿔봐도 안된다! css는 tailwind 사용 ✔️ 문제 해결 input tag는 찾아보니까 무조건 한 줄만 받게 되어있다고 한다. 아무리해봐도 다 필요없었고 textarea tag 사용해주고 rows 지정해주면 끝! (참고) ㄴㅏ중에 DB로 넘길때는 아래 블로그 참조하자 https://tried.tistory.com/95

✔️ 필요성 내가 개발한 결과(http://localhost:3000)를 다른 사람에게 짧게 공유해야할 때가 있다. 이를 위해서 cloud 셋팅하자니 머리가 매우 아픔! 그럴 때 좋은게 ngrok이라는 서비스이다 ✔️ ngrok 가입 https://dashboard.ngrok.com/get-started/setup ngrok - secure introspectable tunnels to localhost dashboard.ngrok.com ngrok 사이트에 들어가서 가입하면 된다! 너무 쉬움 ✔️ ngrok 설치 zip 파일을 다운받아서 설치하는 방법도 있지만 brew를 통해서 설치하는게 훨씬 간단했다 brew install ngrok/ngrok/ngrok ngrok 사이트에서 부여받은 authtoke..

✔️ 필요성 git branch 이름을 바꾸고 싶을 때가 있다 ✔️ local branch 이름 바꾸기 이름을 바꾸고자 하는 branch로 이동한 다음에 새로운 이름으로 바꿔준다 git checkout old_name git branch -m new_name ✔️ remote branch 이름 바꾸기 과거의 이름을 가진 remote branch를 없애고(?) 새로운 이름을 가진 remote branch로 push한다 git push origin :old_name git push origin new_name

✔️ 필요성 코딩을 하다보면 숫자를 다룰 때 꼭 소숫점 아래 2번째나 3번째 자리에서 반올림해서 표현하는 등의 표현 규칙을 지킬 때가 많다. 이런 것을 조정해주지 않으면 화면에 23.1212435294869 이렇게 나타날 수도... 그런데 React - Javascript에서는 소숫점 아래에서 반올림을 직접 해주는 기능은 없고 정수로 만들어주는 Math.round()를 활용해서 custom 해야한다. 그래서 나는 소숫점 아래에서 반올림 함수를 만들어두고 그 때 그 때 사용하려 한다 // 소숫점 아래 반올림 export const rounds = (num: number, digit: number) => { const pow = Math.pow(10, digit) return Math.round(num * ..

✔️ 깃헙 모르면 아무것도 못함 깃헙 어떻게 쓰는지 모르면 요새는 아무것도 못한다. 다른 모든 언어의 가장 처음에 깃헙 사용법이 있었나니... ✔️ git 시작 $ cd [폴더경로] $ git init ✔️ 로컬저장소 확인/삭제 $ rm -r .git # 로컬 저장소 지정을 해제 ✔️ 버전관리 대상 파일의 상태를 파악 $ git status $ git log ✔️ remote repository 등록/지우기 $ git remote add origin {https://github.com/계정/리포지토리} $ git remote -v # 현재 연결되어있는 저장소 경로를 볼 수 있음 $ git remote remove origin ✔️ remote repository에 올릴 파일 추가 $ git add . #..

const data = { time: [ '00:00', '01:00', '02:00', '03:00', '04:00', '05:00', '06:00', '07:00', '08:00', '09:00', '10:00', ], value: [ 0.71, 0.52, 0.34, 0.25, 0.34, 0.54, 0.8, 0.77, 1.16, 2.1, 10.47, ] } const groupKeyData = { ...data, groupKey: data.time.map((item, index) => { return Math.floor(index / 3).toString(); }), };

✔️ 필요성 오랜만에 깃헙에서 git clone을 하니 로그인을 하라고 합니다. 그렇게 오랫동안 새 repository에 로그인을 안 했었나 어리둥절하며 id와 password를 사용하니 아래와 같이 personal access token을 사용하라고 합니다. 예전에 만들었었는데 시간이 지나며 다시 만들어야 하는 것 같네요. remote: Support for password authentication was removed on August 13, 2021. Please use a personal access token instead. remote: Please see https://github.blog/2020-12-15-token-authentication-requirements-for-git-ope..

1. 개념 vi는 파일의 내용을 보여주면서 동시에 파일의 내용을 편집할 수 있게 해주는 텍스트 에디터이다. vim이란 vi improved의 약자로 vi의 업그레이드 버전인데, 설정파일의 특정 위치에 있는 단어나 의미있는 특별한 단어를 다른 색으로 표시해 더욱 보기 쉽게 해준 버전이다. 대부분 유저들은vim 을 사용하지만, vim으로 쓰기보다는 alias 명령어로 etc/bashrc나 .bashrc에서 vi로 등록해서 사용하기 때문에 통틀어서 vi라고 부르곤 한다. 2. 단축키 행에 번호(number) 붙이기 : :set nu 행에 번호(number) 제거 : :set nonu 라인 이동 : :n, 숫자 + shift + g 복사붙여넣기 줄 바꿈 형태 : :set noai :set paste [ 입력모드..