Muscardinus

before after는 inline 요소 border에 animation을 줘서 크기 늘렸다가 줄였다가 못함 -> before,after 사용 center 정렬 방법 display: inline-block float: left; text-align: center 부모 display: flex 자식 flex: 1; text-align: center; ------------------------------------ display: flex 하면 div도 block에서 inline-block으로 바뀜 부모 입장에서 overflow 되어있으면 overflow: hidden relative가 absolute보다 우선 순위권 높다 부모 요소 position: relative 자식 요소(before, after)..

/*CSS Animation*/ animation: keyframe duration delay(지연 유무 없으면 값 생략) linear(부드럽게) infinite(무한 반복); Animation 개발 순서 1.CSS로 모양을 다 만들고 2.keyframe 제작 3.animation에 적용 keyframe에서 animation할때 하나의 %에서 다른 %로 연결시 적용 속성이 같아야함 animation-delay: s calc(100% - 10px) animation-direction: reverse -> 거꾸로 animation 행동 (반시계 등) border radius 찌그러짐 주기 border-radius: 40% 60% 65% 35% / 40% 45% 55% 60%; hover 응용 잘 생각 .sq..

https://www.acmicpc.net/problem/14888 C++ #include #include using namespace std; int n; int a[12]; int op[11]; int maxResult = -2147000000; int minResult = 2147000000; void DFS(int depth,int result) { if (depth == n) { maxResult = max(maxResult, result); minResult = min(minResult, result); } else { if (op[1] != 0) { op[1]--; DFS(depth + 1,result+a[depth+1]); op[1]++; } if (op[2] != 0) { op[2]--;..

/*CSS 박스 모델(width,height,padding,margin)*/ box-sizing: border-box -> 초기 너비 값에 추가 된 패딩 , 경계 값 모두 포함 값 (width 와 height가 최종 길이 값이 됨) 중요함!!(초기에 설정된 width와 height값을 기준으로 border padding을 넣는다) /*그림자 속성*/ box-shadow: (inset) offset-x offset-y blur color (필수 x) 필수 x축 이동거리 y축 이동거리 퍼짐정도 색상 inset: 안쪽 그림자 offset-x: +면 왼쪽에서 오른쪽 offset-y: +면 위쪽에서 아래쪽 blur: 그림자 부드럽게 color: 그림자 색깔 text-shadow : offset-x offset-y..

한글 입숨 -> 한글 아무 말 생성기 /*서식*/ br em b s big/small 기본 폰트보다 조금 크게 sub 아래첨자 sup 윗첨자 mark 형광표시 hr /*목록 만들기*/ ol > li 순서가 있는 목록 ul > li 순서가 없는 목록 /*링크, 이미지*/ 외부 링크나 파일 링크 하기: a (anchor) Naver a -> tag href-> attribute(속성) hyperlink reference 이미지 html 문서에 넣기: img

https://programmers.co.kr/learn/courses/30/lessons/17687?language=cpp 문제 설명 N진수 게임 튜브가 활동하는 코딩 동아리에서는 전통적으로 해오는 게임이 있다. 이 게임은 여러 사람이 둥글게 앉아서 숫자를 하나씩 차례대로 말하는 게임인데, 규칙은 다음과 같다. 숫자를 0부터 시작해서 차례대로 말한다. 첫 번째 사람은 0, 두 번째 사람은 1, … 열 번째 사람은 9를 말한다. 10 이상의 숫자부터는 한 자리씩 끊어서 말한다. 즉 열한 번째 사람은 10의 첫 자리인 1, 열두 번째 사람은 둘째 자리인 0을 말한다. 이렇게 게임을 진행할 경우, 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 1, 0, 1, 1, 1, 2, 1, 3, 1, 4, … ..

function solution(files) { let answerWrap=files.map((file,index)=>({file,index})); const compare=(a,b)=>{ const reg=/(\D*)(\d*)/i; const A=a.match(reg); const B=b.match(reg); const compareHead=A[1].toLowerCase().localeCompare(B[1].toLowerCase()); const compareNumber=(a,b)=>{ return parseInt(a)>parseInt(b)? 1:parseInt(a){ const result=compare(a.file,b.file); return result===0?a.index-b.index:resu..

https://programmers.co.kr/learn/courses/30/lessons/42888?language=javascript 문제 설명 오픈채팅방 카카오톡 오픈채팅방에서는 친구가 아닌 사람들과 대화를 할 수 있는데, 본래 닉네임이 아닌 가상의 닉네임을 사용하여 채팅방에 들어갈 수 있다. 신입사원인 김크루는 카카오톡 오픈 채팅방을 개설한 사람을 위해, 다양한 사람들이 들어오고, 나가는 것을 지켜볼 수 있는 관리자창을 만들기로 했다. 채팅방에 누군가 들어오면 다음 메시지가 출력된다. [닉네임]님이 들어왔습니다. 채팅방에서 누군가 나가면 다음 메시지가 출력된다. [닉네임]님이 나갔습니다. 채팅방에서 닉네임을 변경하는 방법은 다음과 같이 두 가지이다. 채팅방을 나간 후, 새로운 닉네임으로 다시 들어..