전체 글

기본 제작 See the Pen Untitled by seongtae (@stae1102) on CodePen. 위처럼 기본적으로 3개의 도형이 움직이는 아티클을 만들고, 마우스를 올렸을 때 색상을 부여하는 방식의 디자인이다. 1. HTML Heading Text Lorem ipsum dolor sit amet consectetur adipisicing elit. Alias qui aperiam ducimus omnis enim. Consequuntur esse quisquam laborum aspernatur, officiis ipsum fugit optio et hic suscipit ipsam veritatis vero consectetur. Read More HTML 구조는 아래와 같다. └ di..

See the Pen test1 by seongtae (@stae1102) on CodePen. 로딩 애니메이션 두 번째 입니다. 사각형이 각각 위치를 옮겨가며 색상을 바꿉니다. 여기서 사용하는 것은 position 속성과 background-color 속성입니다. 1. HTML 작성 HTML의 구조를 보면 └ div .loading ├ span └ span 이렇게 class가 "loading"인 div 태그 아래 자식으로 span 태그를 두 개 갖고 있습니다. div 태그는 두 개의 태그를 감싸고 포지션을 사용하기 위함입니다. 2. CSS 작성 2-1. 기본 구조 .loading { width: 100px; height: 100px; position: relative; } .loading span { ..

📌 문제 n(2 ≤ n ≤ 100)개의 도시가 있다. 그리고 한 도시에서 출발하여 다른 도시에 도착하는 m(1 ≤ m ≤ 100,000)개의 버스가 있다. 각 버스는 한 번 사용할 때 필요한 비용이 있다. 모든 도시의 쌍 (A, B)에 대해서 도시 A에서 B로 가는데 필요한 비용의 최솟값을 구하는 프로그램을 작성하시오. 📌 입력 첫째 줄에 도시의 개수 n이 주어지고 둘째 줄에는 버스의 개수 m이 주어진다. 그리고 셋째 줄부터 m+2줄까지 다음과 같은 버스의 정보가 주어진다. 먼저 처음에는 그 버스의 출발 도시의 번호가 주어진다. 버스의 정보는 버스의 시작 도시 a, 도착 도시 b, 한 번 타는데 필요한 비용 c로 이루어져 있다. 시작 도시와 도착 도시가 같은 경우는 없다. 비용은 100,000보다 작거나..

📌 문제 N개의 도시가 있다. 그리고 한 도시에서 출발하여 다른 도시에 도착하는 버스가 M개 있다. 각 버스는 A, B, C로 나타낼 수 있는데, A는 시작도시, B는 도착도시, C는 버스를 타고 이동하는데 걸리는 시간이다. 시간 C가 양수가 아닌 경우가 있다. C = 0인 경우는 순간 이동을 하는 경우, C < 0인 경우는 타임머신으로 시간을 되돌아가는 경우이다. 1번 도시에서 출발해서 나머지 도시로 가는 가장 빠른 시간을 구하는 프로그램을 작성하시오. 📌 입력 첫째 줄에 도시의 개수 N (1 ≤ N ≤ 500), 버스 노선의 개수 M (1 ≤ M ≤ 6,000)이 주어진다. 둘째 줄부터 M개의 줄에는 버스 노선의 정보 A, B, C (1 ≤ A, B ≤ N, -10,000 ≤ C ≤ 10,000)가 ..