Shaking 검색 결과

해당 글 472건

[CSS] deep selector

부모 컴퍼넌트에 있는 엘리먼트 뿐만 아니라 자식 컴퍼넌트에도 동일한 클래스명이 있다면 전부 적용 CSS 에서 사용 하는 방법 .parent-class >>> .child-class { /* ... */ } // 1번째 사용 방법 .parent-class[data-v-f3f3eg9] .child-class { /* ... */ } // 2번째 사용 방법 SCSS 에서 사용하는 방법 .parent-class { // 1번째 사용 방법 : 이 방법은 deprecated 될 예정이라 2번째 사용 방법으로 사용하자 & /deep/ .child-class { background-color: #000; } } .parent-class { // 2번째 사용 방법 &::v-deep .child-class { backgr..
Helloworld!/CSS 2019. 6. 27. 14:05

[CSS] Flex Div 안에 이미지 사용시 IE Bug

IE 에서 flex div 안에 이미지를 넣고 flex 크기에 따라 이미지 크기도 가변되도록 넣어놓았을 시 resizing 이 안되는 버그가 있다. 예를들어 이미지 원본 사이즈가 500px * 500px 인 이미지가 300px * 300px 인 이미지로 resizing 되면서 다음 그림 처럼 위아래 여백이 발생을 한다. 위와 같은 현상이 일어났을 때 방면으로 이미지를 감싸고 있는 flex div 에 다음과 같이 css 로 min-height 값을 넣어주면 해결된다. min-height: 1px; 참고 사이트 : https://github.com/philipwalton/flexbugs/issues/75
Helloworld!/CSS 2019. 6. 27. 13:44

[Javascript] 교집합, 차집합, 배타적논리합

다음과 같이 두개의 배열이 있었을 때 let arr1 = [1, 2, 3]; let arr2 = [2, 3, 4, 5]; 두 배열의 값들을 비교하여 합, 교, 차의 값을 구하고 싶다면 다음과 같다. 1. 차집합 let difference = arr1.filter(x => !arr2.includes(x)); // 결과 1 2. 교집합 let difference = arr1.filter(x => arr2.includes(x)); // 결과 2, 3 3. 배타적논리합 let difference = arr1 .filter(x => !arr2.includes(x)) .concat(arr2.filter(x => !arr1.includes(x))); // 결과 1, 4, 5 참고 사이트 : https://stacko..
Helloworld!/Javascript & jQuery 2019. 6. 27. 13:23

Upsource IntelliJ에 연동하는 방법

우산, Upsource는 Jetbrains 에서 개발한 Code Review Tool 이다.Jetbrains 계일인 IntelliJ 에 호환도 잘돼서 Code Review 할때 굉장히 편하다. 1. [Prefereneces] - Plugins 로 들어간다음 Upsource 로 검색 해서 다음 툴을 설치한다. 2. 설치 완료 후 IntelliJ 를 재시작한다. 3. 다시 IntelliJ 가 켜지면 다시 [Prefereneces] 에서 Tools - Upsource - Connection 에 들어가서 Server URL 에 미리 세팅되있는 Upsource URL 을 입력한다. 4. Test Connection 을 눌른 후 연동에 성공하면 Apply 로 환경설정을 종료한다. 다음은 Test Connection..
Helloworld! 2019. 1. 9. 18:19

[Algorithm] Codility Lesson 1

재직중인 회사에서도 채용 시 코딩테스트로 쓴다고 해서 들어 봤는데 기출 문제도 있는지 몰랐다가 우연히 알게되서 Codlility Lesson 을 통해 알고리즘 공부를 하고 있다.하나씩 풀다보면 와, 참 이 함수를 이렇게 쓰기도 하는 구나 같은 함수 사용에 재발견도 하고-어떻게 하면 좀 더 효율적인 코드가 되는지. 가끔 내 코딩력에 한계도 느끼는 재미(?)가 쏠쏠하다.그리고, 문제 하나당 내 답과 찾아본 답을 기록하려고 한다. 물론, 언어는 Javascript 이다. A binary gap within a positive integer N is any maximal sequence of consecutive zeros that is surrounded by ones at both ends in the bi..
Helloworld!/Design Pattern & Algorithm 2019. 1. 8. 16:26

[JavaScript] 16진수와 10진수, 8진수, 2진수 변환하기 - toString, parseInt

정수 9(10진수)를 2진수로 변환하면 1001 이다. 이렇게 10진수를 2진수로 변환할 땐 다음과 같다. let dec = 9; let hex = dec.toString(2); 이처럼 10진수를 2진수로 변환할 땐 toString 함수를 사용하면 된다. 10진수를 15진수로 변환할 때도 마찬가지이다. let dec = 123; let hex = dec.toString(16); // 결과는 7b이다 그렇다면 반대로 16진수를 10진수로 변환하고 싶다면 어떻게 해야할까? 다음과 같이 parseInt 를 사용 하면 된다. let hex = "7b"; let dec = parseInt(hex, 16); // 결과는 123이다 16진수를 2진수로 변환하고 싶으면 10진수로 바꿨다 다시 2진수로 하면 되고, 8진..
Helloworld!/Javascript & jQuery 2019. 1. 5. 01:36

[JavaScript] 배열 요수 중 최대값, 최소값 구하기 - reduce 함수 활용

다음과 같이 배열 안에 여러 숫자 요소가 있을 때, const array = [1, 6, , 7, 16, 22, 32, 34]; 최대값과 최소값을 구할 때 reduce 함수를 사용하면 쉽다. // 최대값 구하기 var max = array.reduce((previous, current) => { return previous > current ? previous:current; }); // 최소값 구하기 var min = array.reduce((previous, current) => { return previous > current ? current:previous; }); 위 예시에서 보는 바와 같이 reduce 함수는 기본적으로 첫 번째 인자로 function 을 받습니다. 하지만, 두 번째 인자로 ..
Helloworld!/Javascript & jQuery 2019. 1. 4. 18:25

IntelliJ 에서 저장할 때마다 eslint 적용하는 방법

1. 매크로 설정을 IntelliJ 에 적용한다.복사할 경로 : ~/Library/Preferences/IntelliJIdea2018.2(사용중인 IntelliJ 버전에 따라 다름)/options/ 파일명 : macros.xml 2. 완료후 IntelliJ 를 재시작 해야 적용 된다. 추가로 매크로에 단축키 적용하고 싶다면 다음을 진행한다. 1. IntelliJ 상에서, [Preferences] - [Keymap]에서 lint fix 검색 2. Macros > lint fix and save all 을 select 하고 마우스 오른쪽 클릭하면 메뉴가 활성화 되는데, 거기서 Add Keyboard Shortcut 선택한다 (키보드 단축기 추가 메뉴이다) 3. 기존에 save all 단축키였던 cmd + s..
Helloworld! 2018. 12. 28. 15:51