본문 바로가기

Programming

(35)
깔끔한 모던 날씨 카드 디자인 HTML과 CSS만 이용해서 만든 날씨 카드 샘플이다. 영감은 https://story.pxd.co.kr/1379 그래프는 생각보다 어렵기 때문에(이미지가 아니면 좀 복잡하다) 제외했다. 생각보다 깔끔하게 디자인이 나왔다.
MariaDB( MySQL) 서버 재시작 오류 문제 해결 sudo touch /var/log/mysql/maraidb-bin.index 위와 같이 파일을 만들어 준다.
Vue.js 인터뷰 질문 https://github.com/sudheerj/vuejs-interview-questions-korean sudheerj/vuejs-interview-questions-korean VueJS interview questions in Korean language. Contribute to sudheerj/vuejs-interview-questions-korean development by creating an account on GitHub. github.com Vue.js 인터뷰 질문을 번역하고 있는 레포지토리다. 한번쯤 봐두면 되게 좋을 것 같다.
TSLint와 ESLint의 통합 https://medium.com/palantir/tslint-in-2019-1a144c2317a9? TSLint in 2019 Palantir is the creator and primary maintainer of TSLint, the standard linter for the TypeScript programming language. As the TypeScript… medium.com TSLint와 ESLint가 통합한다고 한다. TSLint팀은 TSLint 대신 ESLint에서의 TypeScript 지원 향상에 집중하기로 계획했다고 한다. in English The TSLint and the ESLint will be integrated. The TSLint team plan to focus o..
ES6로 문자열의 바이트(Byte) 구하기 Share Links는 반응형 바둑판 레이아웃(항목의 가로길이는 고정, 세로길이는 유동적)를 사용합니다. 한마디로 말해서 핀터레스트(Pinterest)의 레이아웃입니다. `flex`나 `grid`로 하려했으나 실패해 결국에는 자바스크립트의 힘을 빌렸습니다. 처음에 핀터레스트는 어떻게 구현한건지 살펴보니 일일이 `top`과 `left`를 때려박아서(...) 만들어져있었습니다. 여하튼 한번 만들어놓고 잘 썼었습니다만, 태그 목록이 길어지면 `overflow:auto` 시켜서 가로스크롤로 표현하는 대신, 세로를 `height:auto`로 설정해 스크롤 없이 표현하는 것으로 레이아웃을 변경하려고 했습니다. 또한 제목이 길어지면 역시 태그처럼 스크롤을 생성하지 않게 레이아웃을 변경하려했습니다. 이제 auto로 늘..
JavaScript array delete item(Array에서 특정 인덱스의 아이템 제거) 자바스크립트에서 특정 Index에 위치하고 있는 Item을 제거하는 함수function deleteItem(array,deleteIndex) { return array.reduce((prev, now, index) => index !== deleteIndex ? [...prev, now] : prev, []); },특정 inedx의 경우에는 now를 추가해 반환하지 않고, 그대로 prev를 반환한다.
자바스크립트에서 Python range을 비슷하게 사용하는 방법 단순히 for(let i =0;iconsole.log(index)); //0 1 2 3 40 ~ n-1 까지의 수가 필요한 경우(map등을 사용해야 하는 경우)Array.from(Array(n).keys()).map(v=>v) // 0 1 2 3 4m ~ n -1 까지의 배열(m=5, n=10)Array.from(Array(n - m).keys()).map(v=>v+m).map(v=>v); // 5 6 7 8 9 물론 더 좋은 방법이 있을 수도 있다.
Chrome DevTools 다크 테마(Dark Theme) 크롬 개발자 도구를 다크 테마로 사용하는 방법은 간단하다.먼저, 크롬 개발자 도구에서, 점 세 개가 세로로 나열된 버튼을 누르고, settings를 누른다.아니면, 개발자 도구에서 F1키를 눌러 접근 가능하다. Preferences 탭에 Appearance 제일 맨 위에 Theme : Light가 있을 것이다.이제 Light를 Dark로 바꾸면 다크 테마가 적용된다.