본문 바로가기

반응형

전체 글

(644)
scss 자주쓰는 mixin 말줄임 @mixin Nellipsis ($lines: null) { @if ($lines == null) { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } @else { display: block; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: $lines; -webkit-box-orient: vertical; } } 줄바꿈 속성 @mixin wordWrap { word-break:break-word; word-wrap:break-word; } css를 이용해 화살표 그리기(4방향) $sqrt_2: 1.41421356237; @mixi..
CSS 말줄임 후 더보기 버튼 (React) 3줄 말줄임후 자세히 보기 버튼을 활성화 시킬려고 한다. 처음에는 CSS와 padding으로만 해결하려 했지만 잘되지 않았다. 인스타그램 PC버전을보니 인스타에서는 Js로 글자수를 카운팅햇허 줄이는 방법을 활용한다. {/* [D] span.text 3줄 이상일시 짜르고 span.moreButtonWrap 추가.*/} {text.substring(30)} {text.length > 30 && ( {"···"} 자세히 보기 )} moreButtonWrap은 {text}가 일정숫자 이상일 때 subString을 이용해서 자르고 moreButton을 활성화 시킨다. (간단하게는 이런식으로 접근하고 width 넓이에 따른 fontSize를 계산해서 몇글자에서 말줄임을 해야할지에대한 수식을 세우면 될거같다.) 분명..
부산 토성동 카페 맛집 (카페 모심) 재택 근무를 시작하고 본가에 내려왔다. 부산대학교 병원 골목쪽에 모심이라는 가게있다. 커피도 한잔에 1500원이고 혼자서 작업하기에 조용하고 좋다. 사장님도 친절해서 과자같은 서비스도 많이주시곤 합니다. 새로운 메뉴였는데 둘다 맛있었다. 브라우니가 여기서 제일 맛잇엇음.. 일하다가 힘들면 햇살도 째고 다시 일하고.. 여튼 눈치안보고 작업할 수 있는 개인카페중 하나.
백준 : 8972 www.acmicpc.net/problem/8972 8972번: 미친 아두이노 요즘 종수는 아두이노를 이용해 "Robots"이라는 게임을 만들었다. 종수는 아두이노 한대를 조정하며, 미친 아두이노를 피해다녀야 한다. 미친 아두이노는 종수의 아두이노를 향해 점점 다가온다. www.acmicpc.net package boj; import java.io.BufferedReader; import java.io.IOException; import java.io.InputStreamReader; import java.util.ArrayList; public class boj8972 { static int R, C; static int map[][]; static int dy[] = { 1, 1, 1, 0, 0, 0..
백준 : 2632 피자판매 www.acmicpc.net/problem/2632 2632번: 피자판매 첫 번째 줄에는 손님이 구매하고자 하는 피자크기를 나타내는 2,000,000 이하의 자연수가 주어진다. 두 번째 줄에는 A, B 피자의 피자조각의 개수를 나타내 는 정수 m, n 이 차례로 주어진다 (3 ≤ m, n www.acmicpc.net 부분합을 구하는 문제인데 순환된 구간의 부분합을 구하는 문제이다. 단순히 sum에 대한 카운팅하는 문제이지만 원형큐 자료구조로 구하기가 까다로워보인다 이럴때는 배열의 크기를 두배로 늘리자 [1,7,7,2,4]의 배열을 [1,7,7,2,4,1,7,7,2,4] 의 배열로 만든다음 i~j 합을 구하며된다 그때는 초반크기 5의 기준으로 구한다. 주의할점은 i~ i+전체크기 구간의 sum은 모드 같은..
SHA-256 해싱알고리즘의 하나인 SHA-256은 비트코인에서도 사용하고 있는 유명한 알고리즘이다. 개발시에서도 암호를 해싱알고리즘을 사용해 서버에 저장하는 등 많이 사용한다. 단방향 해싱의 장점은 복호화하는 기술이 어렵기 때문에 사용자의 비밀번호를 서버에서 저장하다고 하여도 관리자는 그비밀번호를 알수가없다. 메세지 전처리 SHA-256를 적용해야할 데이터를 메시지 라고 합니다. 이때 메시지 bit 의 길이가 512의 배수가 되도록 padding 을 추가하는 것이 전처리 단계에서 수행하는 작업입니다. 원본 메시지의 바로 뒤에 비트 ‘1’ 을 하나 추가한다. 메시지의 길이가 512의 배수가 되도록 메시지에 0을 추가한다. 메시지의 마지막 64bit에는 원본 메시지의 bit 길이를 적는다. 출처 : https://nvl..
백준 : 10653 www.acmicpc.net/problem/10653 10653번: 마라톤 2 젖소 박승원이 2번째 와 4번째 체크포인트를 건너뛸경우 경로는 (0,0) -> (1,1) -> (2,2) 로 4가 된다. 이보다 더 짧게 달릴수는 없다. www.acmicpc.net 문제 유형 다이나믹 프로그래밍 dp[n][k]는 n번째 위치까지오는데 k개의 개수만큼 가지 않았을때 최소거리 dp[n][k] = min(dp[n-1][k-1] + distance[n-1][n] , dp[n-2][k-2] + distance[n-2][n] ....) 점화식을 얻어짐... 모든 경우에 대해 다보는거 같지만 메모이제이션으로 이전에 구햇던 구간에대해서는 값을 구해낼수 있기때문에 O(N^2)시간내에 답을 구할 수 있다. NCK의 조합으로 구..
백준 : 18248 감시피하기 www.acmicpc.net/problem/18428 18428번: 감시 피하기 NxN 크기의 복도가 있다. 복도는 1x1 크기의 칸으로 나누어지며, 특정한 위치에는 선생님, 학생, 혹은 장애물이 위치할 수 있다. 현재 몇 명의 학생들은 수업시간에 몰래 복도로 빠져나왔는데, 복 www.acmicpc.net 감시 피하기 분류 : 완전탐색 N= N || nx >= N) break; if (map[ny][nx] == 'O' || map[ny][nx] == 'T') break; if (map[ny][nx] == 'S') return true; } } return false; } }

반응형