나아가는 길에 발자국을 찍어보자

갑자기 2019CCPC를 포스팅 하는 이유.. 2020 CCPC가 열리기 때문이다. 2020 CCPC에서 출제진으로 참가하여 문제를 출제하여서 포스팅을 하려고 하니 작년에 2019 CCPC에서 검수진으로 참가한 것도 기록하면 좋을 듯 해서 주섬주섬 과거의 사진들을 하나씩 올려보려고한다. 2019때는 div1과 div2로 나눠서 진행을 했었다. 타대생과 공대생 1학년이 참가하는 div1과 2학년이상의 공대생들이 참가하는 div2로 나누었었다. 나누지않으면... div1으로 참가하는 학생들이 수상을 하는 일이 생길 수가 없기 때문에 조금의 공평성을 위해 저렇게 진행했던 것으로 기억한다. 나는 div1의 검수진으로 참가하였고, 문제는 div1과 div2가 완전히 분리된 것이 아니라 문제를 쉬운것부터 어려운것까..

첫번째 페이지인 애니메이션을 추가하면서 정말 알게 되 것이 많다. 하나하나 정리해 가면서 다시 복습해야겠다. 1. 애니메이션 추가하기 animation은 animation자체의 속성과 애니메이션 중간 상태를 정의할 수 있는 @keyframes로 구성되어 있다. 1.1 animation 속성 animation-name 애니메이션의 중간 상태를 지정하기 위한 이름을 정의하는 속성. 중간 상태는 @keyframes를 사용하여 정의한다. 이름을 설정해야 애니메이션을 재생할 수 있다.(==호출) animation-duration 한 싸이클의 애니메이션이 동작하는데 걸리는 시간을 지정.(==한번 재생하는 데 걸리는 시간) 0이나 음수로 설정하면 애니메이션은 재생되지 않는다. animation-delay 엘리먼트가 ..

우선 내가 만들 페이지에 원하는 폰트를 사용해야 했기 때문에 `@font-face`를 통해 웹 브라우저가 폰트를 다운 받게 해야했다. Syntax @font-face { font-family: ; src: [,]*; [font-weight: ]; [font-style: ]; } font 속성에서 사용할 폰트명을 지정한다. 다운받을 웹폰트가 있는 파일 위치를 나타내는 url 값을 지정하거나 local 컴퓨터에 설치된 폰트명을 `local("폰트명")` 형식으로 지정한다. 폰트 굵기의 값 (해당 프로젝트에선 사용 x) 폰트 스타일 값. [내 코드] @font-face { font-family: "NEWtro_T"; src: url("./font/newtrotfonttestGX.ttf"); } @font-fa..

미대생과 만났을 당시 미대생이 준비해온 요구사항 그림들 1. 조절바가 있는 타이핑 페이지 - 사용자들이 들어와서 타이핑을 해보고 밑의 바를 움직이면 바에서 조절되는 값으로 입력된 글자들의 모습이 바뀌는 것을 볼 수 있는 페이지 - 베리어블 폰트의 변수는 한개 이상 설정할 수 있는데, 우리 미대생은 2개로 만들어서 2개의 값에 따라 폰트의 모양이 바뀐다. (+) 추가 사항 - 미대생이 만든 폰트는 변수가 2개라서 극점이 4가지이다. 해당 극점의 폰트를 보여줄수있게 4가지 버전의 폰트가 타이핑하는대로 해당 슬라이드기능 밑에 나왔으면 좋겠다고 한다. 2. 애니메이션 페이지 - bgm이 깔리고 해당 노래에 맞게 가사들이 나오면서 박자와 포인트에 맞게 글자들이 변하면서 시각적으로 bgm을 즐길수있는 페이지 - 노..