본문 바로가기

아래로 스크롤 해주세요!

My Reference Book

-

제가 배웠던것을 한곳에 정리해보았어요!

HTML

HTML 태그 톺아보기

HTML

자세히보기

CSS

CSS 속성 톺아보기

CSS

자세히보기

JAVASCRIPT

JS 실행문 톺아보기

JAVASCRIPT

자세히보기

최신댓글

총 방문자

728x90

분류 전체보기176

#검색결과

총 176개를 찾았어요 ^^b

/

퀴즈 이펙트_06 Quiz Effect 06 여러 문제에 정답을 체크하고, 그 답이 맞았는지 틀렸는지 구분하고, 총 몇개 중 몇개 맞았는지 구분하여 퀴즈 이펙트 05번을 구현해보겠습니다 완성 예시 HTML 데이터 및 기본 구조를 아래와 같이 제작해줍니다. HTML 구조 전체보기 ${question.answerType} 정답입니다! 틀렸습니다! 다음 문제 보기 🫠 Javascript quizScore 변수에 정답을 저장해서 맞은 갯수가 몇개인지 알려주는 문제 출제 예제를 만들어보겠습니다! 확인 버튼을 통해 다양한 성적 정보 알려주기 하단의 스크립트를 통해 확인 버튼을 누르면 맞은개수, 총점, 탈락여부 알려주게 구성하였습니다. // 정답 확인 버튼 const answerQuiz = () => { if(quizCount ===..
2022. 8. 24.
퀴즈 이펙트_05 Quiz Effect 05 여러 문제에 정답을 체크하고, 그 답이 맞았는지 틀렸는지 구분하고, 몇개 맞았는지 구분하여 퀴즈 이펙트 05번을 구현해보겠습니다 완성 예시 HTML 데이터 및 기본 구조를 아래와 같이 제작해줍니다. HTML 구조 전체보기 Quiz 객관식(여러문제) 유형 1 2 3 4 5 6 to_before@naver.com Javascript quizScore 변수에 정답을 저장해서 맞은 갯수가 몇개인지 알려주는 문제 출제 예제를 만들어보겠습니다! //문제정보 const quizInfo = [ { //01번 answerType: "웹디자인 기능사 2014년 04회", answerNum: "1", answerAsk: "주전자, 냉장고, 자동차를 디자인하는 디자인 영역은?", answerChoi..
2022. 8. 24.
색을 정의하는 총 7가지의 다양한 방법! CSS 색상표현 CSS에서는 총 3가지 [색상 이름으로 표현/RGB 섹상값으로 표현/16진수 색상값으로 표현] 로 나뉘는데 각 표현에 대하여 배워보곘습니다. 색상의 이름으로 표현하는 방법 색상의 고유 이름으로 표현이 가능하며 대소문자를 구별하지 않으며, w3c에서 정의한 총 16개의 HTML4 표준 색상 이름은 아래와 같습니다. color: gray color: aqua color: black color: blue color: fuchsia color: green color: lime color: maroon color: navy color: olive color: purple color: red color: silver color: teal color: yellow color: white RGB 색상값..
2022. 8. 24.
그리는 사람 표정 쏙 뺏어가는 사슴 펜툴로 그려보기! 펜툴 어도비 일러스트레이터는 벡터 이미지를 손쉽게 만들 수 있는데 이번 시간에는 펜툴을 이용한 심경이 복잡해보이는 사슴 이미지를 만들어보도록 하겠습니다~~~ 1. 시작이 좋습니다 이렇게 차근차근히 중심부터 그려나가봅니다. 2. 이때쯤부터 저도 사슴표정과 같아지기 시작합니다. 3. 다 한줄알고 줌 아웃 했던거였는데 제가 경솔했네요 4. 과정은 힘들었으나 이렇게 완성하고 보니 뿌듯하네요 ^^ 다시 해볼거냐고 누군가 물어본다면 안할거같습니다. 5. 색도 이쁘게 넣어보았습니다 ^_^ 색칠하고나니 더 뿌듯하네용 6. 다른 여러가지 색도 넣어보았습니다 근데 마음에 들었던건 없었고 마우스만 시계 바늘 계속 돌아가듯이 돌리기만 했네요 마치며.. 과정은 힘들었으나 다 완성된 모습을 보니 마음이 괜히 뿌듯해졌습니다 덕분에..
2022. 8. 23.
728x90
반응형

#HASH_TAGS

-

1

멈추지 않는 ' j ' 시리-즈 코딩 JQuery 필터선택자 이건 또 뭐람 Method 공부 테스트 오늘 조업 마감했습니다. 테스트테스트 선택해주세요 슬라이드 결과 : 월요일 메서드 숙제가 다양해서 너무 좋아요 다크모드 화사한가요? 제이쿼리 오징어 두마리 포획 완료 HTML 울적하니 꽃을 달아봤습니다 오늘도 웹표준은.. scroll-snap-align 내일은 즐거운 월요일 코드 오징어 한마리 수확 완료! ImageSlideEffect 오늘은 내가바로 오징어! 오징어 1Kg 당 3000원 scroll-snap-type

티스토리툴바