안녕하세요

점점 html 구조가 익숙해지고 있습니다. 새로운 것들을 배우고 싶기도 하지만 당장은 지금까지 배운 것들을 잊지 않고 사용할 수 있게 복습합니다. [220608가상요소선택자 연습 페이지입니다.] nth-child(even) 짝수에 적용됩니다. odd는 홀수에 적용됩니다. section:nth-child(even) { background: #f9f9f9; } 가상요소선택자를 써서 icon을 넣는 방법입니다. 아이콘을 넣고 검사를 해 보면 content= "코드" 가 나옵니다. 코드를 입력하고 font-family를 설정해주면 됩니다. .psd04 h2::after { content: "\e907"; font-family: xeicon !important; } https://younghunkimm.githu..

시안을 만드는 법에 대해서 간단하게나마 알게 되었습니다. 현장에서 일어나는 일이라면 뭐든 들어 본 적이 있는 것 하고 없는 것은 차이가 클 것 같습니다. [수업 중 구현한 사이트 주소입니다.] [복습을 위해서 이전 시간에 배운 sticky 와 스크롤 이동 button을 추가로 구현했습니다.] 포토샵 세팅 방법 화면사이즈 1900px > 내용 1200px 가이드라인이 중요합니다. 라인을 1px도 틀리지 않고 정확하게 합니다. 강약을 조절합니다. text, 그림(배경) 공간은 최대한 많이 줍니다. 많은 사이트를 참고하고 익숙해진 최적의 위치를 찾아갑니다. font는 노트산스로 통일합니다. (폰트 사이즈와 두께만으로 조절합니다. 폰트 색상은 반드시 검은색.) 이상한 배경을 넣지 않습니다. (이미지나 흰 배경으..

1978 소수 찾기 아래와 같이 첫 줄에 갯수 N과 다음 줄에 수를 N 개 입력받습니다. 소수가 몇 개인지 출력하시오. 4 1 3 5 7 결과 3 제출한 답 const [a, b] = require("fs").readFileSync("dev/stdin").toString().split("\n"); function prime(n) { if (n == 1) { return false; } for (i = 2; i * i prime(n)).length); 코드설명 function prime(n) { 어떤 숫자 x가 소수인지를 판별하기 위해서는 2부터 x-1 까지를 나누었을때 나머지가 0인 경우가 없으면 됩니다. 예시로 9의 경우 9%2=1, 9%3=0 >>> 3으로 나눈 나머지가 0입니다. 소수가 아닙니다. ..

[수업 시간에 5:5 분할 슬라이드를 구현했습니다.] filter : grayscale;을 통해서 img를 흑백으로 바꿀 수 있습니다. (0~1) brightness는 이미지 밝기를 조절할 수 있습니다. (0~1) .section03 .container figure { height: 100vh; filter: grayscale(1) brightness(0.4); } flex: 0 0 atuo; 세번째 속성 박스의 크기를 부모 기준으로 몇 % 으로 할지 정할 수 있습니다. 0 0 50%로 설정하면 부모의 절반의 크기를 갖게 됩니다. 0 0 0으로 설정하여도 이미지 외의 내용물(글자와 같은 것들)이 들어있다면 글자의 크기에 맞춰 이미지가 줄어듭니다. flex: 0 0 50%; /* 이미지 사이즈를 맞추기 위..