YG - 96년생 , 강아지 있음, 개발자 희망

1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4 minmax 적용 전 .grid { display: grid; height: 50vh; gap: 5px; grid-template-columns: repeat(10, 1fr); grid-template-rows: repeat(4, 100px); } .header { background-color: aqua; } .content { background-color: brown; } .nav { background-color: chocolate; } .footer { background-color: darkgreen; } minmax 적용 후 .grid { display: grid; height: 50vh; gap: 5px; grid-template-c..

.grid { display: grid; height: 50vh; gap: 5px; grid-template: "header header header header" 1fr "content content content nav" 2fr "footer footer footer footer" 1fr / 1fr 1fr 1fr 1fr; /* grid template로 한번에 모두 적을 수 있다. grid area 를 모두 설정해준뒤 레이아웃을 정하고 그옆에 1fr 처럼 높이를 설정해주면 된다 맨 마지막에는 가로비율을 어떻게 설정할지도 정해주면 된다 fr-fraction(부분) fraction은 grid에서 사용 가능한 공간을 뜻한다. fr값 비율로 공간을 나눈다. ● grid-template: "(이름)" (row..

.grid { display: grid; grid-template-columns: repeat(4, 200px); grid-template-rows: repeat(4, 200px); gap: 10px; } .header { background-color: aqua; grid-column-start: 1; grid-column-end: 5; } .content { background-color: brown; grid-column-start: 1; grid-column-end: 4; grid-row-start: 2; grid-row-end: 4; } .nav { background-color: chocolate; grid-column-start: 4; grid-column-end: 5; grid-row-st..

const fs = require("fs"); const filePath = process.platform === "linux" ? "./input.txt" : "/dev/stdin"; //제 개발환경은 리눅스이기에 input.txt를 앞에 두었습니다. // const filePath = process.platform === 'linux' ? '/dev/stdin' : './input.txt'; // 실제 백준사이트에 제출할 때는 위에 filePath를 삭제하고 이 부분을 입력하면 됩니다. let input = fs.readFileSync(filePath).toString().split("\n"); // split을 없앴습니다. let line = input[0].split(" ").map((item) ..

html 코드 css 코드 .grid { display: grid; grid-template-columns: 100px repeat(2, 200px) 100px; grid-template-rows: repeat(4, 200px); grid-template-areas: "header header header header" "content content content nav" "content content content nav" "footer footer footer footer"; } .header { background-color: aqua; grid-area: header; } .content { background-color: brown; grid-area: content; } .nav { backg..

const fs = require("fs"); const filePath = process.platform === "linux" ? "./input.txt" : "/dev/stdin"; //제 개발환경은 리눅스이기에 input.txt를 앞에 두었습니다. // const filePath = process.platform === 'linux' ? '/dev/stdin' : './input.txt'; // 실제 백준사이트에 제출할 때는 위에 filePath를 삭제하고 이 부분을 입력하면 됩니다. let input = +fs.readFileSync(filePath).toString(); //console.log(input); let count = 0; let answer = []; // num : 원반의 개수 ..

const fs = require("fs"); const filePath = process.platform === "linux" ? "./input.txt" : "/dev/stdin"; //제 개발환경은 리눅스이기에 input.txt를 앞에 두었습니다. // const filePath = process.platform === 'linux' ? '/dev/stdin' : './input.txt'; // 실제 백준사이트에 제출할 때는 위에 filePath를 삭제하고 이 부분을 입력하면 됩니다. let input = +fs.readFileSync(filePath).toString(); let answer = ""; const star = (i, j, num) => { if (i % 3 === 1 && j % ..

const fs = require("fs"); const filePath = process.platform === "linux" ? "./input.txt" : "/dev/stdin"; //제 개발환경은 리눅스이기에 input.txt를 앞에 두었습니다. // const filePath = process.platform === 'linux' ? '/dev/stdin' : './input.txt'; // 실제 백준사이트에 제출할 때는 위에 filePath를 삭제하고 이 부분을 입력하면 됩니다. let input = +fs.readFileSync(filePath).toString(); //console.log(input); //solution(input); //방법 1 return 을 활용한 재귀 알고리즘 이..