codeGray

oh-my-zsh 안에 .git 이 삭제 되어 생기는 문제이다. oh-my-zsh 폴더를 날리고 다시 클론하면 해결된다. rm -rf "$ZSH" git clone --depth=1 https://github.com/ohmyzsh/ohmyzsh.git "$ZSH" 그리고 source ./zshrc 하면 에러가 뜰 경우가 있는데 이는 기존에 설치했던 플러그인도 같이 삭제가 되어서 그렇다. 플러그인을 다시 설치해주면 된다.

자기가 직접 동영상 파일을 가지고 그것을 컨트롤 하는 것은 태그를 사용하면 되지만 외부 유투브 동영상 같은 것들을 컨트롤 하려면 아래와 같이 div 태그로 감싸주고 종횡비 만큼 공백을 준 뒤, 그 위치로 동영상을 배치하면 된다.

반응형 웹 구현을 위해 필수로 알아야 할 media 쿼리 screen 사이즈별로 조건을 걸어 원하는 스타일을 지정 할 수 있다. @media 미디어타입 and 조건 { 조건에 부합 할 경우 결과 스타일 } 미디어타입 screen - 브라우저 화면 조건 속성 ( 자주 사용하는 것 ) min-width 이 최소 넓이 이상이면 max-width 이 최대 넓이 이하이면 min-height 이 최소 높이 이상이면 max-height 이 최소 높이 이하이면 orientation portrait , landscape 감지 color 기기의 색상당 비트 수 color-index 출력 기기의 색상 테이블 수 aspect-ratio 디스플레이 영역의 넓이와 높이의 비율 max-width: 1900px 와이드pc max-w..

calc 함수는 css에서 단순 사칙연산을 하여 속성에 값을 줄 때 사용된다. 오늘 공부한 내용에서는 화면에서 불필요한 공백을 제거 할 때 사용한다고 배웠다. 예를들면 텍스트 박스와 전송버튼이 있고 텍스트 박스는 전체 화면의 80퍼센트, 텍스트 박스는 100px이라고 했을 때 20%의 100px을 뺀 나머지 불필요한 여백이 생기게 된다. ( 화면을 늘렸을 때 ) 이 불필요한 여백을 제거하려면 100% - 100px 을 텍스트박스 크기로 주면 된다. 전송 calc() 부분을 80% 일때와 100% -100px 일 때 비교를 해보면 이해하기 쉽다.

CSS의 vw, vh, vmin, vmax 속성은 viewport를 기준으로 화면크기에 반응해서 텍스트 크기를 조정할 때 사용한다. font-size : 1vw; 뷰포트 너비의 1% font-size : 1vh; 뷰포트 높이 1% font-size : 1vmin; 뷰포트 높이와 넓이 중 작은 쪽의 1% font-size : 1vmax; 뷰포트 높이와 넓이 중 큰 쪽의 1% 위의 속성을 추가해서 직접 테스트 해보면 쉽게 이해할 수 있다.

em, rem은 박스 및 텍스트 크기를 조정할 때 사용한다. em은 부모 요소의 크기를 반영하고 em은 부모 요소의 크기를 반영하지만 내,외부의 여백을 정할 때에는 자기 자신의 글자 크기를 기준으로 한다. rem은 루트(html) 요소 크기를 반영한다. 이 때, 루트 요소의 기본 폰트 사이즈는 16px이다. * em, rem은 상위 요소들의 크기에 맞추어 변하는 것이지 주변 환경(기기별 화면 크기)에 따라 그 크기를 달리할 수 있는 가변성은 없음 (반응형이 아님) 강아지 위의 예시에서 outer(부모) 클래스 안에 inner(자식) 이 들어있는 것을 볼 수 있다. inner클래스를 보면 font-size 가 1rem 으로 되어있는데 이는 기본 html 의 16px의 크기를 가지게 된다. padding 과..

React 에서 useEffect 써서 한번만 실행하게 했는데 자꾸 콘솔에 두번씩 로그가 찍혀서 뭐 잘못한건가.. 30분을 삽질했는데 역시 검색이 최고입니다. index.js 에서 부분을 삭제해주시면 해결됩니다.

진짜 제일 어려운 문제였다 문제 자체는 쉬운데 구현하는게 너무 어려웠던 것 같다. 정답을 보고 이해하는데도 엄청나게 오랜 시간이 걸렸다. 이 공부를 계속 하는게 맞나 싶을 정도로.. 이 문제는 제일 작은 수 두개를 더해서 배열에 계속 쌓고 또 제일 작은 두 수를 더해서 배열에 쌓고 하는 방식으로 푼다. 이걸 생코딩으로 풀어버리면 시간초과로 오답처리가 된다. 그래서 최소힙 이라는 알고리즘으로 풀어야 한다. 문과인 나에게는 처음들어보는 멍멍이 소리였다. 아래 블로그를 보았고 이해하는데 큰 도움이 되었다. 아래 블로그에서 개념을 잡고 넘어가시길 강력히 추천드린다. https://reakwon.tistory.com/42 [자료구조] 그림으로 쉽게 보는 힙(Heap) 개념과 코드 힙(Heap) 개념 힙이라는 자료..

정답 let input= require('fs').readFileSync('/dev/stdin').toString().trim().split('\n'); for(let i=1; i i.split(' ').map(i => +i)); sol(arr); i += section + 1; } function sol(arr){ arr = arr.sort((a,b) => a[0]-b[0]); let result = 1; let minScore = arr[0][1]; for(let i=1; i < arr.length; i++){ if(minSc..

slice(start,end) 배열을 잘라서 새로운 배열을 만든다. 원본 배열은 바뀌지 않는다. start : 양수일 경우 > 가장 왼쪽부터 0으로 시작하면서 카운트 음수일 경우 > 가장 오른쪽부터 1로 시작하면서 카운트 end : end는 포함 시키지 않고 배열을 반환 ( end-1 까지 반환 ) 음수일 경우 > 가장 오른쪽부터 1로 시작하면서 카운트 const animals = ['ant', 'bison', 'camel', 'duck', 'elephant']; console.log(animals.slice(2)); //>> ["camel", "duck", "elephant"] console.log(animals.slice(2, 4)); //>> ["camel", "duck"] console.log(a..