김평범's OrdinaryCode

input에서 사용자는 수정을 못하게 하려면 readonly라는 옵션을 이용하면 된다. 최근 프로젝트에서 input check box도 readonly를 시키려고 아래 코드를 넣었으나, 동작하지 않았다. 📌input type checkbox readonly 오류 코드 readonly="true"로 변경을 해봤지만 그 부분도 적용이 안되고, disable="true"는 작동이 되고 뭐일까 하고 찾아봤다. 🍒input type checkbox readonly 성공 코드 확인해보니, checkbox의 readonly는 먹지 않아서 위처럼 onClick 이벤트에서 return false를 걸어주면 된다고 한다. 실제로 적용해보니 잘 작동한다.

nuxt에서. env 파일을 배포 환경과 개발환경마다 다르게 쓸 경우가 있다. 오늘은 @nuxtjs/dotenv를 이용해서 배포 환경마다 .env파일을 변경해보도록 하겠다. 1. @nuxtjs/dotenv와 cross-env를 설치를 해준다. npm install @nuxtjs/dotenv --save npm install cross-env --save 2. package.json 설정 cross-env를 이용해서 환경변수를 설정해줄 수 있다. package script에서 실행할 때 NODE_ENV 값을 설정해준다. "scripts": { "dev": "cross-env NODE_ENV=development nuxt", "start": "cross-env NODE_ENV=production nuxt s..

윈도우에서 내가 설치한 폰트가 어떤 것들이 있는지 체크를 하거나 혹은 내가 설치된 폰트 파일을 복사해서 다른 곳에 쓸 일이 있을 때 현재 내 PC에 어디에 폰트가 저장되어있는지를 확인해줘야한다. 📂Window10 폰트 경로 C:\Windows\Fonts 내가 설치한 폰트는 C드라이브에 windows/fonts 폴더에 들어가면 확인할 수 있다. 해당 경로에서 내가 필요한 폰트 파일을 찾아서 복사하면 내가 원하는 위치에도 붙여넣기가 가능하다 :)

최근 협업 중에 git ignore에 파일을 추가했지만, 생각 없이 올리다보니 git ignore가 정상적으로 동작하지 않는 것을 발견했다. 검색을 해보니 git에도 캐시가 있어서,ignore에 들어가도 바로 적용이 안되는 경우가 있다고 한다. 📌WebStorm 폴더 색상 별 git 상태 확인하기 webstorm에서 보다보면, git이 연결될 경우 파일 색상에 따라서 git 상태를 확인할 수 있다. 빨간색 : git commit 목록에 add되지 않은 상태 파란색 : 이전 commit파일과 비교했을 때 변경이 내용이 있는 상태 흰색 : 이전 commit과 비교했을 때 변경 내용이 없는 경우 초록색 : 이전 commit에는 해당 파일이 없이 새로 생성이된 경우 노란색 : .gitignore에 추가된 상태 ..