스카이코의 세상

글이 길어질 경우 자연스럽게 잘리고, 내용이 더 있다는 것을 표시하기 위해 말줄임표를 사용한다.특정 길이만큼 자르고 직접 ...를 붙여서 보여줄 수도 있지만 고정 길이라는 한계가 있어서 UI에 유동적으로 보여줄 수 없다.하지만 CSS를 사용한다면 고정된 길이로 자를 필요 없이 말줄임표를 쉽게 보여줄 수 있다.상황을 만들어보자.안녕하세요. 길이가 너무 긴 텍스트 입니다.예시를 들기 위하여 너비를 200px만큼 주고 내부의 긴 텍스트를 작성하였더니 위 그림과 같이 두줄로 나오게 된다.우리는 텍스트가 여러 줄이 될 경우 말줄임표를 보여주고 싶다.그러기 위해서는 여러 개의 속성을 주어야 한다. 1. white-space: nowrap; - 텍스트를 한 줄로 보이게 한다.2. overflow: hidden; - ..

JWT(Json Web Token) Access Token은 JWT 인증 방식에서 사용되는 토큰 중 Client가 가지고 있는 토큰입니다. JWT란 이름 그대로 Json 형태의 토큰으로 인증에 필요한 정보가 암호화되어 저장되어 있습니다. JSON 데이터를 Base64 URL-safe Encode를 통해 인코딩하여 직렬화 한것으로 위변조 방지를 위하여 개인키를 사용한 전자서명도 들어있어 서버에서 검증할 수 있습니다. 검증 후 이상이 없다고 판단되면 요청한 응답을 돌려줄 수 있는 것이지요. 만약 Access Token이 탈취된다면 어떻게 될까요? Server 입장에서는 탈취된 Access Token을 받고 정상적인 요청으로 판단하여 응답을 돌려주는 문제가 발생합니다. Access Token은 Client에서..

에디터로 작업을 하다보면 하단에 CRL나 LF로 된 부분을 볼 수 있다. 회사에서는 CRLF로 설정되어 있고 집의 노트북에는 LF로 설정되어 있었다. 이 둘의 차이점이 무엇인지 궁금해서 찾아보았다. CRLF는 Carriage Return Line Feed의 약자라고 한다. 정확히 나누면 Carriage Return / Line Feed이다. 이 단어들은 옛날에 사용했던 타자기에서 유래되었다. 타자기의 종이를 움직이게 만드는 부분을 Carriage라고 하는데 종이의 맨 앞부분에 작성할 수 있게 이동하는 것을 Carriage Return이라고 한다. 그리고 다음 줄에 작성하기 위하여 한줄 간격만큼 위로 올리는 행위를 Line Feed라고 한다. 즉 타자기 동작에서 다음 줄에 작성하기 위하여 Carriage ..

문제링크 [프로그래머스/level2/JS] 요격 시스템 문제설명 A나라에서 B나라로 미사일을 쏠 때, B나라에서 방어를 위해 날아오는 미사일을 요격할 때 최소한의 미사일의 개수를 구하는 문제이다. 이때 B미사일은 A미사일을 요격할 때 통과할 수 있으며 A나라, B나라의 세계는 2차원 공간의 세상이다. 2차원 공간의 세상이라는 것이 이해가 잘 안갈 수 있는데 밑의 그림을 보면 조금 더 쉽게 이해할 수 있다. A나라에서 날아오는 미사일의 두께가 빨간색 선이고 B나라에서 발사하는 위치는 X선 상의 좌표와 같다. 이때 B가 발사하는 좌표는 실수이며 빨간색 선의 구간은 개구간으로 이루어진다. 개구간은 각 좌표를 포함하지 않는, 그러니까 (3, 5)라고 하면 3초과, 5미만의 구간이다. 예를 들어 A에서 발사한 미..

문제링크 https://school.programmers.co.kr/learn/courses/30/lessons/178870 문제풀이 조건에 맞춰 부분 수열의 합을 구했을 때 수열의 인덱스를 구하는 문제이다. 우선 조건을 보도록 하자. 비내림차순으로 정렬된 수열이 주어질 때, 다음 조건을 만족하는 부분 수열을 찾으려고 합니다. => 우선 비내림차순으로 정렬된 수열이 주어진다고 한다. 비내림차순? 오름차순이라는 말이 있는데 왜 비내림차순이라고 할까? 해서 찾아봤더니 오름차순은 뒤의 원소가 항상 커져야하지만 비내림차순은 같을 수도 있는 경우를 이야기한다고 한다. 그러면 인덱스가 커질 때 같거나 그 이상의 원소가 온다는 것을 알수 있다. 1. 기존 수열에서 임의의 두 인덱스의 원소와 그 사이의 원소를 모두 포..

최근 책을 많이 읽게 되면서 어떻게 책을 읽어야 잘 읽을 수 있을까 고민을 많이 하게 되었다. 이 책을 읽기 전 '인스타 브레인'이라는 책을 읽었는데 책장을 넘기는 것이 너무 힘들었다. 책 내용은 좋은 것 같은데 읽고 나니 남는 것이 한 두 문장 정도였던 것 같다. 그래서 독서법을 찾던 도중 발견하게 된 책. 제목부터 매우 자극적이다. ~로 월 천만 원 달성하기, 경제적 자유, 파이프라인 등 요즘 이런 책이 유행인가 보다. 소설이나 웹툰에서도 제목 짓기에 트렌드가 있다는데 예를 들어 ~가 힘을 숨김, SSS급, 회귀자, 환생, 나 혼자만 이런 느낌이 자극적이고 사람들이 끌어모으듯이 자기계발서도 돈과 관련된 것이면 먼저 흥미가 가는 것 같다. 나 역시도 그러한 제목에 끌려서 이 책을 읽게 되었다. 각설하고..

문제 링크 [프로그래머스/Level2/JS] 과제 진행하기 문제 풀이 [과목이름, 과제 시작시간, 과제 소요시간]이 배열로 주어지고 과제를 수행하는 알고리즘이 주어질 때 과제를 해결하는 순서를 배열에 담아서 반환해야하는 문제이다. 이 문제를 보고 CPU 스케쥴링과 비슷하다는 생각이 들었던 것 같다. 우선 과제 수행 알고리즘을 먼저 살펴보자. 1. 과제는 시작하기로 한 시간이 되면 시작한다. 2. 새로운 과제를 시작할 시간이 되었을 때, 기존에 진행 중이던 과제가 있을 경우 진행 중이던 과제를 멈추고 새로운 과제를 시작한다. 3. 진행중이던 과제가 끝났을 때, 멈춘 과제가 있다면, 멈춘 과제를 이어서 진행한다. - 만약, 과제를 끝낸 시각에 새로 시작해야하는 과제와 잠시 멈춰둔 과제가 있을 경우 새로 시작..

부자의 그릇이라는 책을 읽었다. 책의 내용은 사업의 실패로 많은 빚을 지게 된 사람의 이야기를 어느 한 노인에게 들려주며 교훈을 전하는 스토리의 책이다. 소설 같으면서도 자기계발서 같은 책이다. 찾아보니 책의 저자인 이즈미 마사토는 일본 최고의 금융 교육 전문가이자 일본 파이낸셜 아카데미 주식회사의 대표이사라고 한다. 그는 재무 교육의 필요성을 느껴서 일본 파이낸셜 아카데미를 설립했다고 한다. 책을 통해 소설 형식으로 그만의 돈에 관한 철학을 전하려고 했던 것 같다. 책을 읽으면서 많은 것들을 말하고 있지만 제일 기억에 남고 공감이 가는 부분은 사람마다 돈을 다룰 수 있는 크기가 다르다고 말한 부분이다. 절대적인 것은 아니고 경험을 통해 키울 수 있는 부분이다. 내가 돈을 다룰 수 있는 크기보다 더 많은..