img 태그 vs background-image

https://inseq.co.kr/ko/bbs/i-24/show.do?seq=19&searchCl1=&searchMulti=&searchKeyword= 인시퀀스 웹 서비스 개발 전문가 그룹 inseq.co.kr https://mygumi.tistory.com/369 vs background-image :: 마이구미 이 글은 HTML 에서 제공해주는 img 태그와 CSS 속성 중 background-image 의 차이를 다룬다. 본인은 img 태그만을 사용해왔고, background-image 는 지양해야한다고 생각해왔다. 지금도 비슷한 생각이지만, 스 mygumi.tistory.com https://nystudio107.com/blog/the-css-background-image-property-as-..

yarn vs npm 실행속도

yarn 과 npm 에 대한 갑론을박. 뭘 사용해도 상관없지만 둘중에 하나를 사용할때는 선택한 이유와 장단점을 알고있어야한다. 그래서! 오늘 한번 정리를 해보려고한다. 우선 npm 의 캐쉬를 날린다. yarn 도 못참지 ㅋㅋ 각각 버전은 현재기준으로 다음과 같습니다. 너무 빠르게 변화하다보니 이글을 보실때는 어떨지 모르겠네요. yarn.lock 파일과 package.lock 파일을 삭제했습니다. npm은 1분 41초가 걸렸네요. yarn install 을 할때에 이전과 동일한 환경에서 실험하기 위해 npm , yarn 캐쉬를 삭제하고 node_module 또한 제거한 상태입니다. 이제 yarn을 테스트 해보겠습니다. yarn은 1분 20초 정도 소요가 되었습니다. 하지만 한번해봐서는 확신할 수 없습니다...

Interative 한 버튼 만들기

저 버튼 소스코드를 까보기로했다. 소스 코드가 필요하신 분들을 위해. 더보기 출처 https://codepen.io/jasperlachance/pen/yOJdRr Colourful Flower Popup Menu This mobile inspired flower popup menu is a colourful fun project I'm experimenting with. Feel free to use it however you like.... codepen.io html css body { padding: 0; margin: 0; background: #596778; color: #EEEEEE; text-align: center; font-family: "Lato", sans-serif; } @media..

[코테강의/JS] 동전교환

동전교환 다음과 같이 여러 단위의 동전들이 주어져 있을때 거스름돈을 가장 적은 수의 동전으로 교환 해주려면 어떻게 주면 되는가? 각 단위의 동전은 무한정 쓸 수 있다. ▣ 입력설명 첫 번째 줄에는 동전의 종류개수 N(1 { if (S > limit) return; if (S === limit) { minn = Math.min(minn, L); } else { for (let i = 0; i { if (S ..

[코테강의/JS] 중복순열

1부터 N까지 번호가 적힌 구슬이 있습니다. 이 중 중복을 허락하여 M번을 뽑아 일렬로 나열 하는 방법을 모두 출력합니다. ▣ 입력설명 첫 번째 줄에 자연수 N(3

[코테강의/JS] 최대점수 구하기

배운점 자바스크립트에서 최대값 , 최소값을 구해야할때 초깃값을 어떻게 설정해주는 것이 좋을까? 더보기 let min = Number.MAX_SAFE_INTEGER // 9007199254740991 let max = Number.MAX_SAFE_INTEGER // -9007199254740991 문제풀이 const fs = require("fs"); BOJkey = 1; let input = fs .readFileSync(BOJkey ? "./코딩테스트강의/섹션8/input.txt" : "./dev/stdin") .toString() .trim() .split("\n") .map((v) => v.split(" ").map((v) => +v)); let [N, limit] = input.shift(); l..

[코테강의/JS] 바둑이 승차

문제 접근법 감이 잡혔다고 할 수 는 없지만 , 위 문제처럼 1번 바둑이를 넣을때, 안넣을때 처럼 O or X 2가지를 선택할 수 있는 부분집합의 형태는 dfs 를 사용하면 된다는 것을 느낄 수 있었다. 또 하나 배운것은 max 메소드를 사용해서 둘중에 큰 값을 얻을 수 있다는 것이다. 더보기 console.log(Math.max(5, 3)); const fs = require("fs"); BOJkey = 1; let input = fs .readFileSync(BOJkey ? "./코딩테스트강의/섹션8/input.txt" : "./dev/stdin") .toString() .trim() .split("\n"); let limit = input.shift().split(" ")[0]; console.lo..

[백준/JS] 16719 ZOAC

문제링크 16719번: ZOAC 2018년 12월, 처음 시작하게 된 ZOAC의 오프닝을 맡은 성우는 누구보다 화려하게 ZOAC를 알리려 한다. 앞 글자부터 하나씩 보여주는 방식은 너무 식상하다고 생각한 성우는 문자열을 보여주는 새로 www.acmicpc.net 배운점 이 문제 정말 맞왜틀 정말 왜 안돌아가는지.. 결국 원인을 찾아냈다. 코드를 보면 let idx 가 dfs 함수안에 선언된 것을 알 수 있다. 이게 밖에 선언이 되어있어서 전역변수 역할을 하게 되면서 slice 되는 인덱스가 계속 바뀌게 되는 치명적인 오류가 발생했다. 아.. 그래도 결국 고쳐서 다행이다. 또한 자바스크립트에서 배열을 복사할때에는 스프레드 연산자를 사용하여 깊은 복사를 해주는 것을 잊지 않아야한다. const dfs = (..

[코테강의/JS] 합이 같은 부분집합

function solution(arr){ let answer="NO", flag=0; let total=arr.reduce((a, b)=>a+b, 0); let n=arr.length; function DFS(L, sum){ if(flag) return; if(L===n){ if((total-sum)===sum){ answer="YES"; flag=1; } } else{ DFS(L+1, sum+arr[L]); DFS(L+1, sum); } } DFS(0, 0); return answer; } let arr=[1, 3, 5, 6, 7, 10]; console.log(solution(arr));

[코테강의/JS] 부분집합 구하기

input = 3; check = new Array(input + 1).fill(false); result = ""; const dfs = (v) => { if (v === input + 1) { result = ""; for (let i = 1; i