전체 글
1/14~15 , 계절학기 종강 + 장염걸림
1/14~15 , 계절학기 종강 + 장염걸림 계절학기 종강하자마자 그날 저녁에 장염걸려서 이틀동안 아무것도 못했다.... 간신히 백준만 풀어냈다... 진짜 제대로 걸렸네.. 오늘부터는 다시 돌아와서 다시 포스팅 하는중
백준/ Silver4 문제 , 백준 파이썬 1302 , 베스트셀러
백준/ Silver4 문제 , 백준 파이썬 1302 , 베스트셀러 Check Point ! ( 해당사항 ✓체크 ) 1. 막힘 없이 수월하게 풀린 문제인가? 2. 1시간이내로 풀렸던 문제인가? 3. 1시간 이상 or 며칠을 두고 풀어봤더니 풀린 문제인가? 4. 시간을 써도 도무지 풀 수 없는 문제인가? 5. 솔루션을 찾아봤는가? ------------------------------------------------------------------------------------------- 난이도 체감 1. 최상 2. 상 3. 중 4. 하 1. 완벽히 이해 2. 다소 헷갈리는 부분들이 있음 3. 이해 못함 https://www.acmicpc.net/problem/1302 1302번: 베스트셀러 첫째 줄에 ..
HTML/CSS - display 란 ?
HTML/CSS - display 란 ? HTML 요소의 레이아웃을 정하는데 있어 가장 중요한 역할을 하는 것은 display 이다. display 에는 여러 속성 값이 존재하는데, inline, block, inline-block, flex, list-item, none... 등등이 있다. 이중 가장 대표적인 것은 inline 과 block 이다. * inline display: inline; inline은 요소들이 한 라인에 최대한 배치하려는 속성을 가진다. 그래서 inline 속성을 부여 받은 요소들은 자신들이 필요로 하는 최소한의 가로크기만을 가져간다. inline 의 요소들로는 , , , , 등이 있다. inline 의 또다른 특징으로는 안에 내용이 있어야 표기가 된다는 것이다. 속성값만 부여하..
HTML/CSS - position 이란?
HTML/CSS - position 이란? CSS 에서 중요한 속성인 position 에 대해 알아보자. position은 말 그대로 화면에 어떻게 배치할지를 정해주는 요소 이다. 우리가 이 position 요소에 배치에 대한 속성값을 주는 것을 포지셔닝이라 한다. 기본적으로 HTML 요소들은 position : static 속성을 기본적으로 갖는다. position : staic 은 원래 있어야하는 위치에 그대로 배치하는 것으로 포지셔닝이 안되어있다고 말한다. 그렇다면, 포지셔닝이 되어있다라는 것은 무엇을 말할까? 포지셔닝에는 여러가지 종류가 있다. relative fixed absolute sticky 이렇게 있는데 하나씩 봐보자. --------------------------------------..
백준/ Silver4 문제 , 백준 파이썬 1021 , 회전하는 큐
백준/ Silver4 문제 , 백준 파이썬 1021 , 회전하는 큐 Check Point ! ( 해당사항 ✓체크 ) 1. 막힘 없이 수월하게 풀린 문제인가? 2. 1시간이내로 풀렸던 문제인가? 3. 1시간 이상 or 며칠을 두고 풀어봤더니 풀린 문제인가? 4. 시간을 써도 도무지 풀 수 없는 문제인가? 5. 솔루션을 찾아봤는가? ------------------------------------------------------------------------------------------- 난이도 체감 1. 최상 2. 상 3. 중 4. 하 1. 완벽히 이해 2. 다소 헷갈리는 부분들이 있음 3. 이해 못함 deque 에 대해서 다시 제대로 알고 풀어본 문제, pop() 을 할지 popleft() 를 할지..
HTML/CSS - 시맨틱(Semantic) 태그란?
HTML/CSS - 시맨틱(Semantic) 태그란? 보통 태그들은 의미가 없이 사용되는 경우들이 있다. 가령 예를 들면 를 예로 들 수 있겠다. 뒤에 class 를 붙여줘서 의미를 추가해 줄 수는 있지만, 기본적으로는 특별한 의미는 없다. 하지만 각자의 태그가 어떠한 역할을 하고있는지 나타내주는 태그들이 있는데 우리는 이걸 시맨틱(semantic) 태그라고 부른다. 시맨틱 태그로 자주 사용 되는 것들이 있는데, 등등이 있다. 딱 보면 어떠한 역할을 하는지 짐작이 가는 태그들이다 이러한 태그들을 사용하는 이유는 1. 우선 코드를 볼때 가독성이 좋아지고 코드들의 역할을 한눈에 파악하기가 쉬워진다. 또 하나의 이유는 바로 2. SEO (Search Engine Optimizaion) 즉, 검색엔진 최적화가 ..
백준/ Silver4 문제 , 백준 파이썬 11656 , 접미사 배열
백준/ Silver4 문제 , 백준 파이썬 11656 , 접미사 배열 Check Point ! ( 해당사항 ✓체크 ) 1. 막힘 없이 수월하게 풀린 문제인가? 2. 1시간이내로 풀렸던 문제인가? 3. 1시간 이상 or 며칠을 두고 풀어봤더니 풀린 문제인가? 4. 시간을 써도 도무지 풀 수 없는 문제인가? 5. 솔루션을 찾아봤는가? ------------------------------------------------------------------------------------------- 난이도 체감 1. 최상 2. 상 3. 중 4. 하 1. 완벽히 이해 2. 다소 헷갈리는 부분들이 있음 3. 이해 못함 sort() 를 사용하면 숫자만 정렬해주는게아니라 문자도 사전순으로 정렬해준다. https://w..
HTML/CSS - meta 태그란?
HTML/CSS - meta 태그란? meta 태그란 해당 웹페이지에 대한 정보를 알리는 역할을 한다. 예를 들어, 가장 많이 사용하는 meta 태그 은 ”이 파일은 UTF-8 방식으로 저장되었습니다” 라고 알려주는 역할을 한다. 이처럼 기존 html 태그들은 문서의 내용들이 어떻게 보여지는지에 대한 마크업이지만 대그는 문서의 제작자, 핵심 키워드, refresh, viewport 등 어떤것을 사용하는지에 대한 정보들을 담고 있는 태그이다. 데이터에 대한 데이터라고 말할 수 있겠다. 이 meta 태그는 본문이 아닌 head 태그내에 배치한다. 여러 meta 태그들 웹페이지 상에서는 표시가 되지 않지만 웹페이지에 대한 요약된 자료로 사용됨 해당 웹페이지를 잘 설명하는 키워드들 모바일에서 이 웹페이지를 볼 ..