본문 바로가기

코딩18

사이트유형 | 카드 유형2 사이트 유형 | 카드유형2 모바일 사용자가 폭발적으로 증가하면서 반응형 디자인이 어쩌면 필수적으로 적용되고 있는 지금, 카드형 디자인은 웹과 모바일 모두 화면크기에 맞게 최적화되는 모듈식 UI패턴입니다. ir은 img태그의 alt를 대신하여 백그라운드 이미지 사용하기위해씁니다. 1.HTML 코드 코드 보기 강아지 사진 여러분은 귀여운 강아지 사진을 보실수 있는 기회가 생겼습니다. 엄청 귀여운 강아지를 보실수 있어서 기분이 좋을거에요!🐶 달리는 강아지 강아지는 너무귀엽습니다 그렇기 저는 강아지가 너무좋아서 강아지 사진을 가지고왔습니다. 엄청 귀엽지않나요? 많이 보세요!! 더보기 달리는 강아지 강아지는 너무귀엽습니다 그렇기 저는 강아지가 너무좋아서 강아지 사진을 가지고왔습니다. 엄청 귀엽지않나요? 많이 보세.. 2022. 8. 9.
내적 내적 길이가 같은 두 1차원 정수 배열 a, b가 매개변수로 주어집니다. a와 b의 내적을 return 하도록 solution 함수를 완성해주세요. 이때, a와 b의 내적은 a[0]*b[0] + a[1]*b[1] + ... + a[n-1]*b[n-1] 입니다. (n은 a, b의 길이) a, b의 길이는 1 이상 1,000 이하입니다. a, b의 모든 수는 -1,000 이상 1,000 이하입니다 입출력 예 a b result [1,2,3,4] [-3,-1,0,2] 3 [-1,0,1] [-1,0,1] -2 입출력 예 #1 -a와 b의 내적은 1*(-3) + 2*(-1) + 3*0 + 4*2 = 3 입니다. 입출력 예 #2 -a와 b의 내적은 (-1)*1 + 0*0 + 1*(-1) = -2 입니다. 내적 fu.. 2022. 8. 9.
이펙트 응용 편 | 퀴즈 만들기 네번째 웹디자인 기능사 퀴즈 풀기 웹 디자인 기능사 필기 기출문제를 JS를 이용해서 간단한 퀴즈 프로그램을 만들었습니다. 퀴즈의 답을 입력하고 정답 확인하기 버튼을 누르면 답이 나타나게 됩니다. 원본 소스 보기 1.HTML 코드 HTML에서 js를 동작하기위한 class이름과 input등을 적절히 사용하여 사용자가 알아보기쉽게 표현해야합니다. 코드 보기 정답입니다! 틀렸습니다! 정답 확인하기 2.CSS 코드 CSS는 앞서 마크업한 HTML 코드를 디자인및 js동작할때 태그에 추가할 class를 만듭니다. 코드 보기 :root { --black: #1c1419; } * { margin: 0; padding: 0; box-sizing: border-box; } *::before *::after { content: .. 2022. 8. 8.
요소 선택 요소선택 자바 스크립트에서 html요소를 선택해서 제어할 수 있는데, 이러한 선택자들을 요소선택자라고 한다. 선택할 요소로는 태그, 클래스, 아이디 등을 선택할 수 있습니다. 이러한 선택자 API들을 이용해 DOM에서 Element 노드를 선택자를 통해 빠르고 쉽게 가져올 수 있는 메서드를 제공합니다. ▶ 요소를 직접 선택하는 메서드 메서드 설명 getElementById() document.getElementById('content')일 경우, HTML 요소 중 id 속성이 'content'인 요소를 선택합니다. getElementsByClassName() document.getElementByClassName('menu')일 경우 HTML 요소 중 class명이 'menu'인 요소들을 선택합니다. g.. 2022. 8. 7.
이펙트 응용 편 | 퀴즈 만들기 세번째 웹디자인 기능사 퀴즈 풀기 웹 디자인 기능사 필기 기출문제를 JS를 이용해서 간단한 퀴즈 프로그램을 만들었습니다. 퀴즈의 답을 입력하고 정답 확인하기 버튼을 누르면 답이 나타나게 됩니다. 원본 소스 보기 1.HTML 코드 HTML에서 js를 동작하기위한 class이름과 input등을 적절히 사용하여 사용자가 알아보기쉽게 표현해야합니다. 코드 보기 정답입니다! 틀렸습니다! 정답 확인하기 정답입니다! 틀렸습니다! 정답 확인하기 정답입니다! 틀렸습니다! 정답 확인하기 정답입니다! 틀렸습니다! 정답 확인하기 2.CSS 코드 CSS는 앞서 마크업한 HTML 코드를 디자인및 js동작할때 태그에 추가할 class를 만듭니다. 코드 보기 :root { --black: #1c1419; } * { margin: 0; pa.. 2022. 8. 7.
이펙트 응용 편 | 퀴즈 만들기 두번째 웹디자인 기능사 퀴즈 풀기 웹 디자인 기능사 필기 기출문제를 JS를 이용해서 간단한 퀴즈 프로그램을 만들었습니다. 퀴즈의 답을 입력하고 정답 확인하기 버튼을 누르면 답이 나타나게 됩니다. 원본 소스 보기 1.HTML 코드 HTML에서 js를 동작하기위한 class이름과 input등을 적절히 사용하여 사용자가 알아보기쉽게 표현해야합니다. 코드 보기 정답입니다! 틀렸습니다! 정답 확인하기 2.CSS 코드 CSS는 앞서 마크업한 HTML 코드를 디자인및 js동작할때 태그에 추가할 class를 만듭니다. 코드 보기 :root { --black: #1c1419; } * { margin: 0; padding: 0; box-sizing: border-box; } *::before *::after { content: .. 2022. 8. 4.
728x90
반응형

자바스크립트 사진

JavaScript

자세히보기