분류 전체보기 131

Javascript를 이용한 사이트 만들기! - 퀴즈 효과 사이트 만들기04

- 오늘은 객관식 문제를 풀 수 있는 사이트를 만들어 보겠습니다. - 바로 코드로 넘어가 보도록하죠 Quiz 주관식 확인하기(여러문제) 유형 1 2 3 4 정답입니다! 틀렸습니다! 정답 확인하기 im.kebab00@gmail.com - 먼저 HTML부분에 달라진 부분이 있습니다. 바로 ,,태그들을 이용해서 선택할 상자들을 만들어 주었습니다. - 태그의 type에 button,checkbox등의 속성을 넣으면 원하는 방식으로 데이터를 입력받을 수 있습니다. - 그리고 id는 다르게 했지만 name은 같은 값을 주어 4개 중에 하나만 선택이 가능하도록 만들어 주었습니다. - value는 눌렀을 때 입력되는 데이터를 JavaScript 등의 스크립트에서 수집하거나 서버로 전송하는 등의 작업에 사용됩니다. - ..

Javascript를 공부해 봅시다! - 번외편. 오답노트를 해보자(3)

- 오늘도 금요일입니다. - 어김없이 있는 오답노트의 날 - 같이 보시죠 01. 결괏값을 작성하시오. { (function(){ console.log("함수가 실행되었습니다."); })(); } - 정답 : 함수가 실행되었습니다 02. 결괏값을 작성하시오. { function func(str = "함수가 실행되었습니다."){ document.write(str); } func(); } - 정답 : 함수가 실행되었습니다 03. 결괏값을 작성하시오. { let sum = 0; for(var i=1; i num2) return num1 else return num2 } console.log(func(10, 23) + func(40, 50)) } - 정답 : 73

23. 03. 16 목요일.

Chanter01. 코딩일기 - 오늘은 오전에 함수를 했다. - 예전에 배웠던 선언적 함수, 익명함수, 매개변수 함수, 리턴 값 함수와 더불어 객체생성자 함수와 프로토타입함수, 객체리터널함수를 배웠다. - 객체 생성자 함수는 조금 어려운데 프로토 타입함수와 객체리터널 함수에 대해서 살짝 말해보자면 프로토 타입 함수는 편의를 위해서 객체안에 넣어 두었던 함수를 다시 밖으로 가져왔는데 원래 안에 있던 객체의 데이터들을 계속 사용할 수 있게 된 함수들이다. 그렇게 한 이유는 하나의 객체 안에 있으면 모든 함수가 다 실행되기 될 때 불필요한 리소스 낭비가 생기기 때문에 그 것을 방지해주기 위한 방편이다. - 객체 리터널 함수는 위의 프로토타입 함수에서 나온 함수들을 묶어서 하나의 객체로 만들어 준 것이다. 이렇..

사이트를 만들어 봅시다. - SliderType(01)

-오늘은 위에 있는 예시처럼 슬라이드 형식의 페이지를 만들어 보겠습니다. - 구조는 커다란 이미지 위에 텍스트가 되어 있는 형식입니다. - 함께 바디부분의 코드를 먼저 보겠습니다. 메인 슬라이드 영역 EVENT 식물과 함께하는 일상 식물을 키우는 것은 건강하고 지속 가능한 생활 습관을 형성하는데 도움이 되며, 자연과의 소통을 이루는 작은 시작이 될 수 있습니다.책상 위에 하나의 작은 식물, 당신의 일상에 작은 변화를 더해보세요 . 자세히 보기 상담 요청 이전 이미지 다음 이미지 첫번째 이미지 두번째 이미지 세번째 이미지 플레이 정지 - 일단 구역을 크게 slider__info, slider__arrow, slider__dot 구역으로 나누어 주었습니다. - 그리고 구역을 각각 채워주면 되는데~!! 어라 ..

사이트를 만들어 봅시다. - ImgTextType(01)

- 오늘은 위에 있는 예시처럼 이미지와 텍스트로 이루어진 이미지텍스트타입의 페이지를 만들어 보겠습니다. - 구조는 크게 설명을 적은 텍스트 부분과 이미지로 이루어진 이미지 부분2개가 있겠습니다. - 함께 바디부분의 코드를 먼저 보겠습니다. 이미지&텍스트 영역 NOTICE 수많은 종류의 식물들 많이 기르는 식물의 종류는 지역에 따라 다르지만, 일반적으로 다음과 같은 식물들이 많이 기르고 있습니다. 장미 튤립 백합 카네이션 아몬드 로즈마리 페퍼민트 바질 라벤더 선인장 알로에 - 저는 크게 텍스트가 들어간 부분과 이미지가 들어간 부분 2개 총 3개지 부분으로 나누었습니다. - 텍스트가 들어간 부분에는 , ,,등의 태그를 사용하여 내용을 넣어주었습니다. - reset은 다른 곳에서 쓴 것을 그대로 가져왔습니다...