분류 전체보기 (24) 썸네일형 리스트형 클린코드를 위한 5가지 팁 클린코드 5가지 팁 검색이 가능한 이름을 쓴다. 86400 대신 SECOND_IN_A_DAY를 사용해 그 숫자가 무엇이 의미하는지 쉽게 이해하도록. 함수명은 동사로. 함수는 하나만 잘해야 함. 인자는 3개 이하로. 인자가 많을 경우 configuration object를 사용할 것. boolean을 인수로 보내는 것을 지양. boolean 사용 → 함수 내 if, else가 있다는 뜻 → 분리 필요 축약 등으로 짧은 변수명을 쓰지말고 이해하기 쉽게 쓰기. 참고 : 처음부터 클린코드를 하지말고, 마지막에 작업하기. 처음부터 로직과 클린코드를 동시에 신경쓰기란 쉽지 않음 출처 : https://www.youtube.com/watch?v=Jz8Sx1XYb04&ab_channel=노마드코더NomadCoders MySQL show processlist - mysql에서 현재 실행중인 쿼리의 프로세스들을 볼 수 있음. RDS 재부팅이 AWS Console에서 가능하니 참고. 크롬 개발자 도구 웹뷰 디버깅 기본적으로 java 단에서 웹뷰디버깅 허용옵션을 true로 해야 함. 폰에서 개발자옵션 - 디버깅할 앱 선택 usb 연결 about://inspect 접속 그래도 안 뜰 경우 : USB 권한이 없을 수 있음 → 내 경우엔 안드로이드 스튜디오를 켜면 다시 USB 권한을 받고 웹뷰 화면이 나타났다. 하이브리드 앱을 개발할 때는 안드로이드 웹뷰에서만 발생하는 등의 문제가 있는데 그 때 크롬 개발자 도구를 연결해 디버깅하면 그냥 PC 브라우저로 하는 것보다 더 효율적으로 디버깅이 가능하다. 유용한 리눅스 커맨드 nslookup : 도메인 입력 시 ip를 알아낼 수 있음 ex)nslookup www.naver.com pm2 관련 pm2 에러 로그만 보기 pm2 logs {프로세스명} --err pm2 process의 정보 보기 (로그파일 위치 등 다양한 정보를 볼 수 있어 좋음) pm2 show express router의 next() 관련... express의 router() 함수의 next 인자는 주로 미들웨어에서 사용되는데, 이 함수를 실행하면 다음 미들웨어로 넘어가는 역할을 한다. //console log가 실행됨 var myLogger = function (req, res, next) { next(); console.log('LOGGED'); }; //console log가 실행되지 않음 var myLogger = function (req, res, next) { return next(); console.log('LOGGED'); }; 그러나 next() 하단에 코드를 남길 경우, next()로 넘어간 후에도 남은 코드들이 실행된다. 이를 방지하기 위해서는 아래처럼 return을 붙여주면 된다. ElasticSearch document update 방법 //review index의 contents라는 type을 가진, 10188 라는 id를 가진 document의 goodsno를 1234567로 수정하라 index/type/id POST review/contents/10188/_update { "doc": { "goodsno" : "1234567" }} Github 유저 검색하기 아래 이미지와 같이 github 검색 시 user:{github 유저명} 을 앞에 두고 검색을 하면 그 유저에 대한 검색 결과가 나온다. 여러 저장소를 동시에 검색할 때 매우 유용 ex) github.com/search?q=user%3Asoo-sin Build software better, together GitHub is where people build software. More than 50 million people use GitHub to discover, fork, and contribute to over 100 million projects. github.com vue.js 디렉티브 기초 vue.js 디렉티브 기초 v-bind : html 속성과 js의 값을 연결해준다. 동적으로 값에 따라 클래스를 추가하거나 삭제하는 등의 응용이 가능하다. 즉 jQuery의 addClass() 따위를 쓸 필요가 없다는 것. v-for : 반복적으로 태그를 생성한다. 이 때 :key를 붙이면 성능이 올라간다. 이는 연산 시에 원하는 태그를 빠르게 찾을 수 있기 때문인데, 이 이유로 인해 key는 유일성을 가지는 것이 좋다. 또한 key는 string이나 number로 하는 것이 좋다. 안그러면 Avoid using non-primitive value as key, use string/number value instead 이런 warning이 콘솔에 뜬다. Vue.js 특징 vue.js 특징 양방향 바인딩 한번 view와 model data를 연결해 놓으면 어디서 바꾸든 반대쪽도 같이 변한다. 디버그가 모호함 버그나 warning이 났을 때 해당 문제가 어디서 발생했는지 명확하게 콘솔에서 알려주지 않아서 찾는데 좀 더 시간이 걸린다. 한 파일에 html, css, js가 모두 들어가 있음. CSS의 경우 scoped를 설정해 주면 해당 컴포넌트에만 CSS가 적용됨. 기본적으로 지원되는 기능이 React 보다 많음 컴포넌트에서의 root element는 하나만 허용됨. 이전 1 2 3 다음