안녕하세요

이번에는 Mcdonalds를 코딩해봅니다. 메인화면에 video를 넣을텐데, slick slide로 여러 비디오를 넣습니다. [220706 식품코딩Mc] [ 220706 식품코딩Mc html / css / js ] main에 header 높이만큼을 제외하고 video를 배경으로 주는 방법입니다. .bgVideo { height: calc(100vh - 140px); } slick에서 현재 슬라이드의 index는 c 입니다. $(".slider").on("afterChange", function (e, s, c) { if (c == 0) { $("#bgVideo01").YTPPlay(); $("#bgVideo02").YTPPause(); } else { $("#bgVideo01").YTPPause(); $..

전체 페이지를 구현하는데 slick에서 문제가 많이 생겼습니다. 화면 크기가 변하더라도 어느 정도 선에서 비슷하게 보이도록 구현하는데 완전 실패했습니다. 가운데로 이동한 슬라이드의 크기를 transform으로 크게 만들면 다음 슬라이드로 넘어갈 때 transition이 적용 안됩니다. 이를 해결하는 방법이 있는데, @keyframes나 js로 다음 슬라이드로 넘어가기 전에 일부러 크기를 원래대로 되돌리는 방법입니다. 하지만 이를 적용시키면 scale 된 객체에 화질저하가 발생합니다. 수를 쓴다면 "어느 정도" 개선은 가능하지만 근본적인 해결은 어려울 것 같습니다. [220628 직접 시안을 짜고 시안에 따라 코딩해보기] [ 220628 직접시안 html / css / js ] main 배경으로 동영상을 ..

slick 슬라이드가 생각보다 어렵습니다. 원하는 형태로 만들어지지 않아 계속 같은 자리를 맴돌았습니다. 가끔씩 이렇게 안 될 때도 있는 법이지만, 여간 실마리가 보이질 않네요. 멋진 디자인을 보다보면 비교되는 것 같고 많이 아쉽습니다. 차차 좋아지겠죠. [220628 직접 시안을 짜고 시안에 따라 코딩해보기] [ 220628 직접시안 html / css / js ]

17478 재귀함수가 뭔가요? 재귀함수가 무엇인지 물어보는 학생들을 위한 챗봇의 응답을 출력하는 프로그램을 만들어보자. 교수님이 출력을 원하는 재귀 횟수 N(1 ≤ N ≤ 50)이 주어진다. 2 출력 예시를 보고 재귀 횟수에 따른 챗봇의 응답을 출력한다. 어느 한 컴퓨터공학과 학생이 유명한 교수님을 찾아가 물었다. "재귀함수가 뭔가요?" "잘 들어보게. 옛날옛날 한 산 꼭대기에 이세상 모든 지식을 통달한 선인이 있었어. 마을 사람들은 모두 그 선인에게 수많은 질문을 했고, 모두 지혜롭게 대답해 주었지. 그의 답은 대부분 옳았다고 하네. 그런데 어느 날, 그 선인에게 한 선비가 찾아와서 물었어." ____"재귀함수가 뭔가요?" ____"잘 들어보게. 옛날옛날 한 산 꼭대기에 이세상 모든 지식을 통달한 선인..