본문 바로가기

개발130

gitignore를 이미 올라간(push) 기존 파일에 적용하기 설명 gitignore를 이미 원격 저장소에 올라간(push) 기존 파일에 적용하는 방법입니다. (git에 이미 올라간 파일을 삭제) 해결방법 git rm -r --cached . git add . git commit -m ".gitignore is now working" git push 원리 "git rm -r --cached"를 통해 recursive 하게 현재 추적하고 있는 파일들을 staging area(또는 index)에서 삭제합니다. (--cache를 사용하면 working tree에서 삭제하지 않습니다) 그리고는 "git add ."를 통해 다시 index(또는 staging area)에 등록하여 추적하도록 합니다. 이때, 우리가 만든 .gitignore을 적용되어 특정 파일은 등록되지 않습.. 2022. 11. 2.
sudo: export: command not found, sudo export 하고 싶을 때 에러 내용 sudo: export: command not found 현재 환경 변수 설정을 유지하면서 루트 권한으로 명령어를 실행시키고 싶을 때가 있다. 이때 sudo export로 루트 유저에서의 환경 변수를 설정하려고 시도하면 sudo export ~ 시 위와 같은 오류를 출력하며 실행되지 않는다. 에러 원인 export는 shell의 내부 상태에 영향을 주는 built-in command(내장 명령어)이다. 이와 같이 shell의 내부 상태에 영향을 주는 built-in command는 sudo로 실행할 수 없다. 예를 들면, 현재 작업 디렉터리를 바꾸는 cd 또한 sudo: cd: command not found로 오류를 출력한다. (. 과 같이 현재 작업 디렉터리 같은 shell 내부 상태를 요.. 2022. 10. 31.
UnityException: Build path contains project built with "Create Visual Studio Solution" option, which is incompatible with current build settings. Consider building your project into an empty directory. 에러 내용 UnityException: Build path contains project built with "Create Visual Studio Solution" option, which is incompatible with current build settings. Consider building your project into an empty directory. "Create Visual Studio Solution"을 체크하지 않았음에도 위 에러가 발생합니다. 에러 원인 프로젝트 루트 디렉터리에 빌드를 시도하였기 때문입니다. 해결 방법 에러 메시지에서 말하듯이 비어있는 디렉터리에 빌드하면 됩니다. (새로운 디렉터리를 만들어서) 예시 자료 (rpg라는 루트디렉터리에 빈 디렉터리 rpg/rpg를 만.. 2022. 10. 22.
Grid 중복 적용, Nested Grid 예시 코드 설명 Grid를 중첩하는 예시 코드입니다. Grid는 width를 12개의 col으로 나누어 사용합니다. 내부적으로 다시 만든 Grid container도 이전에 할당된 col에 상관없이 자기를 기준으로 12개의 col으로 나눕니다. 예시 코드 및 스샷 예시 코드 ... ... ... 스샷 참조 React Grid component - Material UI The Material Design responsive layout grid adapts to screen size and orientation, ensuring consistency across layouts. mui.com 2022. 10. 22.
Multi Collapse 구현 방법, 예시 코드 설명 material-ui에서 제공하는 component API 중 List의 Collapse에 대한 이야기입니다. 아래 예시는 List와 Collapse로 Sidebar를 구현한 것입니다. (Multi List, Multi Collapse) 예시 코드 open에 대한 state를 List 또는 Object로 선언하고 사용합니다. List로 선언 및 사용하는 state const [open, setOpen] = React.useState([false, false]); const handleClick = (i) => { const o = { ...open }; o[i] = !o[i]; setOpen(o); }; 반환하는 JSX handleClick(0)}> {open[0] ? : } handleClick(.. 2022. 10. 22.
material-ui RadioGroup row 수직 정렬 ( vertical align ) 설명 FormLabel에 material-ui의 RadioGroup에서 row속성일 때, FormLabel과 FormControlLabel을 수직 정렬하는 방법입니다. 해결방법 FormLabel에 style 속성을 다음과 같이 추가합니다. style={{ display: "flex", alignItems: "center", }} display와 alignItems 가 동시에 있어야만 동작합니다. 적용 전 스샷 및 코드 적용 전 스샷 적용 전 코드 회원 유형 적용 후 코드 및 스샷 적용 후 스샷 적용 후 코드 회원 유형 참조 CSS center and vertical alignment I have used the bootstrap material UI to construct a sign up form, I.. 2022. 10. 22.