kokoa
취소

[CSSBattle] Target #4 - Ups n Downs

CSSBattle CSS Battle 사이트는? Target #4 - Ups n Downs 문제 풀러가기 보자마자 일단 6개의 구역을 나누고, 짝수번째인것의 색상을 바꾸자 라는 생각부터 들었다. 그리고 flex로 각 영역마다 너비를 33%씩 나누어 가지게 만들어서 영역이 아래로 내려가게 하면 되겠지 생각을 해서 쭉 구현을 했다. 근데, ...

[CSSBattle] Target #3 - Push Button

CSSBattle CSS Battle 사이트는? Target #3 - Push Button 문제 풀러가기 얼핏보면 원을 여러모로 많이 만들어야 하는 풀이로 풀 수도 있다. 근데, 원의 모양이 바깥으로 점점 퍼져나가는 걸 보고, box-shadow를 중첩해서 쓰면 될 것 같다는 생각이 들었다. (나는 div를 정가운데로 보낼 때, 자연스럽...

[CSSBattle] Target #2 - Carrom

CSSBattle CSS Battle 사이트는? Target #2 - Carrom 문제 풀러가기 같은 요소 4개를 만들고, 4방향으로 퍼뜨리면 되는 문제다. 일단 아래와 같이 복잡하게 풀었는데.. 조금 더 쉽게 해결되는 방법이 있는지 더 생각해봐야겠다.. <div> <div> <div></...

[CSSBattle] Css Battle 사이트 알아보기 & Target #1

CSSBattle online tutorial 영상을 통해 접한 사이트다. 이 사이트에서는 아래와 같이 오른쪽에 주어진 Target을 HTML, CSS로 만들어내는 문제를 풀 수 있다. 또, 서로 경쟁하는 시스템도 있는 것 같다. Target #1 - Simply Square 문제 풀러가기 body에 있는 기본 margin을 0으로...

[BOJ] 12205 주유소

문제 풀이 12205번: 주유소 문제를 해결하는 방법은 심플하다. 최대한 싼 곳에서 기름을 많이 넣자. 그럼, 모든 곳마다 얼마큼 넣어야하는지를 탐색하면서 구해야할까? 아니다. 그냥 앞에서부터 뒤에까지 탐색을 하면서, 그 지점까지 오면서 싼 가격이 얼마였는지 기록해놓고 그때그때 가야 하는 거리에 해당 가격을 곱해서 누적해가면 된다. 풀이 ...

[BOJ] 2205 저울 추 만들기

문제 요약 및 풀이 2205번: 저울 추 만들기 문제를 보자마자, 일단 쭉 나열해봤다. 1 2 1 2 1 2 3 3 2 1 1 2 3 4 3 2 1 4 1 2 3 4 5 1 2 5 4 3 1 2 3 4 5 6 1 6 5 4 3 2 1 2 3 4 5 6 7 7 6 5 4 3 2 1 1 2 3 4 5 6 7 8 7 6 5 4 3 2 1 8...

[BOJ] 2212 센서

문제 요약 및 풀이 2212번: 센서 처음에 문제 지문을 보고 이해가 안 갔다. 아래와 같이 바꿀 수 있지 않을까? ## 문제 한국도로공사는 고속도로의 유비쿼터스화를 위해 일직선의 고속도로 위에 N개의 센서를 설치하였다. 이 센서들로부터 자료를 모으고 분석할 몇 개의 집중국을 세우려 하지만, 예산상의 문제로 고속도로 위에 최대 K개의 집중국...

[TIL] vue에서 cytoscape 사용하기 1

계기 개인 프로젝트로 connection 이라는 이름의 프로젝트를 진행중이다. 해당 프로젝트에서는 특정 아이템들을 그래프화시켜서 보여주어야 하는데, 무슨 라이브러리를 쓸지 고민하다가 cytoscape 를 쓰기로 했다. cytoscape를 쓰기로 결심을 하게 된 가장 큰 이유는 아래 demo였다. demo 보러가기 문제는 connection 프...

[기초 PS 지식] 두 원의 교차 여부 판단하기

문제 상황 두 원의 x, y 좌표가 주어지고, 각각 반지름이 주어졌다고 하자. 이때, 두 원이 겹쳐진 부분이 있는지 판단하자. 기본 지식 한번 아래 그림들을 쭉 보면서, A점과 B점 사이의 거리에 집중해보자. 두 원이 겹쳐져 있을 때 두 원이 겹쳐져 있을 때, A점과 B점사이의 거리는 두 원의 반지름의 합(r1 + r2)보다 짧다. 두...

[TIL] python으로 숏코딩 하기 1

n을 입력받고 n번 반복문 돌리기 22155번: Простая задача 문제를 풀고, 숏코딩 풀이들을 살펴보다 알게 되었다. 주어진 상황을 직관적으로 짜보면 아래와 같다. n = int(input()) for i in range(n): 하지만 뒤 코드에 n을 활용하지 않는다면, 아래와 같이 range에 포함시킬 수 있다. for i in...