본문 바로가기

전체 글91

CSS 선택자 최적화 오른쪽에서 왼쪽으로! CSS 선택자 최적화를 위해서는 오른쪽에는 최대한 구체적인 선택자를 적어줘야 한다. 나쁜 예 .HeaderContainer .nav span 위처럼 사용한다면 모든 span 태그를 검색하게 된다. 좋은 예 span .HeaderContainer .nav 오른쪽에는 최대한 구체적인 선택자를 적어준다. 더 좋은 방법이 있다면 댓글에 알려주세요! 제발 2018. 7. 20.
Git의 작업내역을 취소하는 명령어 모두 취소해주세요! 평소에 git을 command로 이용하게 되는데 빈번하게 사용하는 것 중 하나가 add나 commit을 취소하는 것이다. 매번 헷갈려서 이번 참에 정리를 해보자. git add 취소하기 git resetgit reset HEAD [file name]심플하다. 뒤에껀 특정 파일만 취소. git commit 취소하기 git reset HEAD~1뒤에 붙는 숫자가 커밋의 개수이다. 즉, 위에는 최근 커밋 1개 뒤로 돌아간다. (워킹 트리는 보존된다.) git push 취소하기 되도록이면 사용 안해야되는데... 정말 가아끔 사용할 때가 있다. $ git push origin [branch name] -f또는$ git push origin +[branch name]저는 주로 밑에 명령어로 사용.. 2018. 7. 19.
트리 스토어 어떻게 순회할까? 트리 순회하기 평소 Store를 순회하는 방식 Ext.Array.each(items, (item) => { // 로직 });위의 방식으로 TreeStore를 순회했더니 1계층만 순회 되는걸 발견! 찾아보니 TreeStore는 위의 방식으로 순회하면 안된다. treeView.getRootNode().cascade((node) => { // 로직 });이렇게 해야 모든 node 순회. 트리의 모든 node를 순회하는 일이 많지 않지만 필요할 때 사용. 더 좋은 방법이 있다면 댓글에 알려주세요! 제발 2018. 7. 19.
ESLint에서 비트 연산 예외처리 비트 연산 맞다구요! ESLint는 자바스크립트 내에서 비트 연산은 굉장히 드물게 사용된다고 생각한다.(나도 그렇게 생각) 논리 연산자 오타일 확률이 높다고 생각. 하지만 정말로 필요해서 사용 할 때가 있음! 물론 eslint에 비트 연산을 예외처리 하도록 수정할수도 있지만, 그렇게 되면 정말 논리 연산자 오타일 때 잡아 낼 수 없다. 그래서 처리하는 방법은? 방법 1 주석 달아 주기 eslint-disable-line no-bitwise var x = ~z; // eslint-disable-line no-bitwise위처럼 주석을 달아주면 해당 줄은 비트 연산이 맞다고 명시적으로 알려주는 것. 방법 2 규칙 예외 설정 "no-bitwise": ["error", { "allow": ["~", "|", ".. 2018. 7. 19.
읽기 좋은 자바스크립트 코딩 기법 유지보수가 쉬운 코드로 팀의 생산성을 높이자 자바스크립트 코딩규칙에 대해서 가볍게 읽기에 좋은 책 이 책은 코딩 스타일 가이드라인 보다는 코딩 규칙에 대해서 설명해 놓은 책이다. 코딩 스타일이란? 소스코드의 레이아웃에 초점 코딩 규칙 코딩 스타일 + 프로그래밍 관례와 디렉터리 구조, 주석에 대한 것도 포함 자바스크립트 코딩 컨벤션은 인터넷에 많이 존재한다.(구글, jQuery, 더글라스 크락포드 등등) 이 책은 위에서 말한 대표적인 코딩 컨벤션들을 비교해가며 설명 해주기 때문에 더 좋은걸지도? 이 책(개정판이 있는지는 모름)은 ES6 버전에 대한 정보는 적혀있지 않기 때문에 요즘 작성하는 방식과는 다소 다를 수 있다. 하지만 코딩 시에 주의 할 점, 사전에 미리 방지하는 기법 등의 좋은 내용이 있기 때문.. 2018. 7. 18.
필요없는 브랜치를 제거해보자. Git 브랜치 제거 브랜치명: ThunderVolt 로컬 저장소 제거 git branch -d ThunderVolt원격 저장소 제거 git push origin --delete ThunderVolt 더 좋은 방법이 있다면 댓글에 알려주세요! 제발 2018. 7. 17.

티스토리툴바