우파루파의 개발 기록

이번 포스트는 정말 간단하다. Create-React-App(이하 CRA)을 이용해서 Typescript 프로젝트를 만들어 볼 것이다. 0. 이번 프로젝트는 yarn을 사용한다. yarn 다운로드 방법에 대해서는 공식 홈페이지를 참고하자. https://classic.yarnpkg.com/en/docs/install # Typescript React Project 만들기 1. global로 CRA를 설치한다. > yarn global add create-react-app 터미널에 명령어를 입력하면 설치가 된다. mac OS의 경우 권한이 없다고 에러가 나올 수 있는데 global install의 경우는 명령어 앞에 sudo 를 붙여줘야 한다. * mac OS: > sudo yarn global add c..

자꾸만 명령어를 까먹어서, 자주 사용하지만 까먹는 명령어들을 정말 개인 기록 용도로 적어두었습니다. remote branch 삭제 git push origin [:remote] --delete [:remote_branch_name] // 예시 [remote: origin, branch: temp] # git push origin --delete temp local branch 삭제 git branch -D [:local_branch_name] // 예시 [branch: temp] # git branch -D temp CRLF, LF 관련(개행문자) 설정(Config) 윈도우와 맥을 혼용해서 작업하다보면, 다른 운영체제에서 수정한 코드를 pull 하거나 merge 했을때 ERROR: expected lin..

이번 포스팅에서는 Input type이 password일 때 입력한 password가 보이지 않는 이슈에 대해서 짧게 다루어 보겠습니다. (본 글은 이전에 업로드 되었던 내용을 좀 더 보기좋게 다듬어 재 업로드 한 글입니다.) 원인 이 현상이 일어나는 환경에서 나눔스퀘어 폰트를 사용하고 있다면, 폰트가 문제의 원인일 수 있습니다. 혹은 나눔스퀘어가 아니더라도 아래에서 서술한 이유와 같은 이유일 수 있습니다. 이런 현상이 발생하는 이유 HTML에서는 input type을 password로 지정하면 입력한 내용은 위와 같이 나름 암호화 되어서 보여집니다. 그런데 문제는 나눔스퀘어에선 위의 기호(●)가 없어 제대로 표기되지 않는 것 입니다. 해결 방법 해결 방법은 단순합니다. 바로 input type이 pas..