github page 블로그(jekyll)에 tag 페이지를 추가하는 방법을 정리했다. liquid언어로 페이지를 만드는 것이기 때문에 방법은 여러가지가 있으며 나는 지킬 홈페이지에 정의된 변수들을 사용하여 페이지를 만들었다. 0. 전체적인 방법 나는 layouts폴더에 tag.html 파일을 만들었다. 이 파일을 layout으로 하는 markdown파일은 tag 페이지의 기능을 하게 된다. 1. tag 페이지 구조 상단: 블로그에 존재하는 모든 태그들을 나열한다. 중단: 각 태그별로 해당 태그가 걸린 게시물을 나열한다. 2. 구현 방법 구현에 중심적으로 사용할 변수는 두가지 이다. | 변수 |... Read more 06 Feb 2021 - less than 1 minute read
HTML element는 크게 Block element와 Inline element로 나뉜다. 이 둘의 특징과 inline-block요소에 대해 알아보자. Block element 특징 왼쪽이나 오른쪽에 다른 element가 오지 못한다. 즉 하나의 가로줄을 block element가 차지한다. css의 width, height 속성을 그대로 표현한다. 해당 element가 포함한 내용이 없거나, 작거나, 크거나 이는 변하지 않는다. Inline element 특징 왼쪽이나 오른쪽에 다른 element가 올 수 있다. 해당 element가 포함한 내용에 따라 element의 크기가 결정된다.... Read more 06 Feb 2021 - less than 1 minute read
문제 문제 링크 알파벳 대,소문자로 이루어진 문자열을 입력받아 가장 많이 등장한 알파벳을 출력한다. 이때 대문자와 소문자는 구분하지 않고 개수를 센다. 조건 제한시간: 2초 입력 문자열 길이: 1,000,000이하 가장 많이 사용된 알파벳이 여러개일 경우 ‘?’를 출력한다. 풀이과정 2초라는 제한시간 안에는 1,000,000개의 문자를 완전탐색해도 시간이 남는다. 대문자와 소문자는 아스키코드로 32 차이가 난다.(10진수로) 따라서 대문자와 소문자를 같게 취급하며 완전탐색을 할 수 있다. 코드 #include <iostream> #include <string> using... Read more 06 Dec 2020 - less than 1 minute read
문제 링크 링크에 설명돼 있는것 같이 와일드카드는 다양한 이름의 파일을 *와 ?를 이용해서 표현한 문자열이다. 와일드카드와 맞는 문자열들을 골라내는것이 이 문제의 핵심이다. 어려운점은 *와 문자열을 비교하는 것이다. 무수하게 많은 경우의 수가 발생 할 수 있기 때문이다. 풀이 과정 일단 완전 탐색으로 생각해보자. 와일드카드 w와 파일 이름 s가 주어질때 s가 w와 맞는지 확인해보는 함수를 만들어본다. bool isMatched(string w, string s){ //마지막까지 다른것이 없을 if(w.length() == 0 && s.length == 0) return 1; ... Read more 06 Dec 2020 - 1 minute read
HTML 문서의 특정 element로 이동하는 방법입니다. 1. 해당 Element의 id 혹은 name이 필요하다. 특정 element에 링크를 연결하기 위해선 id나 name을 사용해야 합니다. 링크에서는 #id, #name과 같은 방법으로 접근합니다. 2. 1의 Element를 가리키는 링크를 사용한다. id나 name을 사용하여 특정 element를 가리키는 링크를 만들 수 있습니다. <a href="#link">link to link</a> <a name="link" href="#pp">link to pp</a> <p id="pp">hi</... Read more 17 Aug 2020 - less than 1 minute read